.tool-library-head { display:flex; align-items:center; justify-content:space-between; gap:30px; padding:28px 34px; border:1px solid #e4edf5; border-radius:24px; background:#f0f6fc; }
.tool-library-head>div { min-width:0; }
.tool-library-head .section-kicker { font-size:9px; font-weight:700; color:#7e91a9; letter-spacing:1.7px; }
.tool-library-head h1 { font-size:34px; font-weight:800; color:#2d4b6c; margin:5px 0 10px; letter-spacing:-.5px; }
.tool-library-head p { font-size:14px; color:#7a8b9f; line-height:1.8; }
.tool-library-head>img { width:160px; height:160px; border-radius:23px; object-fit:cover; flex-shrink:0; }
.tool-library-actions { display:flex; gap:22px; flex-wrap:wrap; margin-top:20px; font-size:12px; font-weight:650; }
.tool-library-actions a { display:inline-flex; gap:6px; align-items:center; color:#527ba6; }
.tool-library-actions a+a { color:#8394a9; }
.tool-library-section { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:29px 0 18px; }
.tool-library-section h2 { font-size:20px; font-weight:750; color:#3c506c; }
.tool-library-section>span { font-size:11px; color:#8492a7; }
.tool-library-grid .tool-dianming { --c:#a76f3e; }
.tool-library-grid .tool-zuoye { --c:#367b60; }
.tool-library-grid .tool-jishiqi { --c:#746298; }
.tool-library-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.tool-library-grid .tool-card { display:block; padding:0; border-radius:21px; overflow:hidden; }
.tool-card-art { position:relative; width:100%; aspect-ratio:1; overflow:hidden; }
.tool-card-art img { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:cover; transition:transform .3s; }
.tool-card:hover .tool-card-art img { transform:scale(1.025); }
.tool-card-art>span { position:absolute; top:14px; right:14px; display:inline-flex; gap:5px; align-items:center; padding:5px 9px; background:#fffffff0; border-radius:8px; color:#608779; font-size:10px; }
.tool-library-grid .tool-card-body { display:block; padding:20px 22px; }
.tool-card-body>small { font-size:10px; color:var(--c); font-weight:650; }
.tool-card-body h2 { font-size:23px; font-weight:750; color:#3a4a64; margin:3px 0 7px; }
.tool-card-body p { font-size:12px; color:#697b92; line-height:1.8; min-height:22px; }
.tool-card-foot { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:21px; padding-top:15px; border-top:1px solid #edf0f5; }
.tool-card-foot>span { display:inline-flex; align-items:center; gap:5px; font-size:10px; color:#8996a8; }
.tool-card-foot b { font-size:12px; color:var(--c); font-weight:700; }
.tool-card-foot b i { margin-left:6px; }
.tool-library-note { display:flex; align-items:center; gap:14px; border:1px solid #ecebdf; border-radius:17px; padding:19px 22px; background:#fcfbf6; margin-top:28px; }
.tool-library-note>span { display:grid; place-items:center; width:38px; height:38px; background:#f4eed8; color:#b09a5f; border-radius:11px; flex-shrink:0; }
.tool-library-note h3 { font-size:14px; color:#70694c; font-weight:700; }
.tool-library-note p { margin-top:4px; color:#999079; font-size:11px; line-height:1.7; }
.tool-library-note>a { margin-left:auto; white-space:nowrap; font-size:12px; font-weight:650; }
.tool-library-note>a i { margin-left:5px; }
.tool-library-grid .tool-card:focus-visible,.tool-library-actions a:focus-visible { outline:3px solid #84a8e6; outline-offset:4px; }
.hall .home-empty h3 { margin:12px 0 8px; font-size:23px; color:#516c8c; }
@media(max-width:1000px) {
  .tool-library-head { padding:25px; gap:22px; }
  .tool-library-head h1 { font-size:29px; }
  .tool-library-head>img { width:125px; height:125px; border-radius:20px; }
  .tool-library-grid { gap:16px; }
  .tool-library-grid .tool-card-body { padding:16px; }
  .tool-card-body h2 { font-size:20px; }
  .tool-card-foot { margin-top:17px; }
  .tool-card-foot>span { font-size:9px; }
  .tool-card-foot b { font-size:11px; }
}
@media(max-width:700px) {
  .tool-library-head { padding:22px 20px; gap:14px; border-radius:20px; align-items:start; }
  .tool-library-head h1 { font-size:28px; }
  .tool-library-head .section-kicker { font-size:7px; letter-spacing:1.2px; }
  .tool-library-head p { font-size:11px; }
  .tool-library-head>img { width:80px; height:80px; border-radius:16px; }
  .tool-library-actions { gap:10px 15px; margin-top:15px; font-size:10px; }
  .tool-library-section { padding:24px 0 16px; align-items:start; flex-direction:column; gap:6px; }
  .tool-library-section h2 { font-size:19px; }
  .tool-library-section>span { font-size:10px; }
  .tool-library-grid { grid-template-columns:1fr; gap:18px; }
  .tool-library-grid .tool-card-body { padding:19px 20px; }
  .tool-card-body h2 { font-size:23px; }
  .tool-card-body p { font-size:12px; }
  .tool-card-foot>span { font-size:10px; }
  .tool-card-foot b { font-size:12px; }
  .tool-library-note { padding:17px; flex-wrap:wrap; gap:10px; margin-top:23px; }
  .tool-library-note>div { flex:1; }
  .tool-library-note>a { margin-left:48px; }
}

/* 通栏后按宽度自动排列，卡片不被拉得过大 */
@media (min-width: 901px) { .tool-library-grid { grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); } }