:root{--ink:#1c3028;--muted:#5e6c64;--soft:#f2f4ed;--paper:#fff;--line:#dde2d7;--accent:#38644b;--accent-soft:#edf3e8;--blue:#3157d5;--max:1260px}
html{background:#fafaf8}
body{color:var(--ink);background:#fafaf8;font-family:"Microsoft YaHei UI","PingFang SC","Noto Sans CJK SC",sans-serif}
body:before{display:none}
.topbar{height:70px;background:rgba(255,255,255,.94);border-color:var(--line);position:sticky;top:0;z-index:40;backdrop-filter:blur(16px)}
.mark{border-color:#202020;color:#202020}.wordmark small{color:#8a8a86}.topbar nav{color:#666}.topbar nav a:hover,.topbar nav a[aria-current="page"]{color:#111}.home-link{border-color:#d8d8d4;background:#fff}
.resource-hero{padding:42px 30px 28px;grid-template-columns:1fr;gap:0;align-items:center}.eyebrow{color:var(--accent);font-weight:700;letter-spacing:.12em;margin-bottom:14px}.resource-hero h1{font-family:inherit;font-size:clamp(30px,3.8vw,48px);letter-spacing:-.035em;line-height:1.2}.resource-hero h1 em{color:var(--accent)}.lead{color:var(--muted);line-height:1.8;font-size:16px;max-width:850px;margin-top:16px}.hero-note{border-color:#222;color:#757572}.hero-note strong{color:#171717}
.tools{background:rgba(250,250,248,.94);border-color:var(--line)}.search input{background:white;border-color:#ddd;color:#171717}.search input:focus{border-color:#888;box-shadow:0 0 0 3px rgba(0,0,0,.04)}.search span{color:#555}.filter{border-color:#ddd;color:#686868;background:white}.filter:hover,.filter.active{background:#171717;color:white;border-color:#171717}.count{color:#777}.count b{color:var(--accent)}
.tag{color:var(--accent)}.status{color:#666;border-color:#ddd;background:#fafafa}.empty{border-color:#ddd;color:#777}
.modal{background:#fff;color:#171717;border:0;border-radius:20px;box-shadow:0 40px 120px rgba(0,0,0,.26)}.modal::backdrop{background:rgba(25,25,25,.68);backdrop-filter:blur(5px)}.close{background:white;color:#111;border-color:#ddd;box-shadow:0 4px 18px rgba(0,0,0,.1)}.close:hover{border-color:#111}.detail-kicker{color:var(--accent)}.detail h2{font-family:inherit}.detail-grid,.detail-block{border-color:#e5e5e2}.detail-block h3{color:#171717}.detail-block ul{color:#4f4f4c}.prompt-box{background:#f7f7f4;border-color:#deded9}.prompt-box h3{color:#444}.prompt-text{color:#252525}.copy{background:#171717;color:white}.copy.done{background:#2f7c5e}.pill{background:#f0f0ed;color:#575754}.footer{border-color:var(--line);color:#777}.footer strong{color:#222}
.tools-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 24px;align-items:center}.tools .search{grid-column:1;min-width:0;width:100%;max-width:700px}.tools .search input{min-height:50px}.tools .count{grid-column:2;grid-row:1;font-size:13px}.tools .filters{grid-column:1/-1;grid-row:2;width:auto;flex-wrap:wrap;overflow:visible;gap:8px;padding:0}.tools .filter{min-height:40px;border-radius:6px;padding:7px 12px}.tools .filter.active{background:var(--accent);border-color:var(--accent)}
.category-picker{display:none}.catalog{padding:26px 30px 80px}:focus-visible{outline:3px solid #638c70;outline-offset:4px}
@media(max-width:620px){.resource-hero{padding:26px 17px 22px}.resource-hero h1{font-size:30px}.eyebrow{margin-bottom:10px}.lead{font-size:14px;margin-top:12px}.tools-inner{gap:12px}.tools .search{grid-column:1/-1;max-width:none}.tools .count{grid-column:2;grid-row:2}.tools .filters{display:none}.category-picker{grid-row:2;display:flex;min-width:0;align-items:center;gap:10px;font-size:13px;color:var(--muted)}.category-picker select{min-width:0;max-width:100%;flex:1;border:1px solid var(--line);background:white;color:var(--ink);padding:10px 8px;min-height:44px;border-radius:6px;font:inherit}.catalog{padding:22px 17px 60px}.tools{backdrop-filter:none;background:#f7f8f3}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}