:root{--paper: #fbfaf6;--paper-strong: #f1eadf;--ink: #202124;--muted: #66625b;--line: #ded6ca;--green: #256b57;--green-soft: #d9ebe2;--blue: #315f86;--amber: #ba6b1e;--rust: #8f3f2d;--white: #ffffff;--shadow: 0 18px 45px rgba(45, 38, 28, .1)}*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,rgba(37,107,87,.08),transparent 35%),linear-gradient(45deg,rgba(186,107,30,.09),transparent 34%),var(--paper);color:var(--ink);font-family:Aptos,Segoe UI,Microsoft YaHei,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}main{min-height:70vh}.site-header{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:24px;justify-content:space-between;padding:18px clamp(18px,4vw,56px)}.brand{align-items:center;display:inline-flex;font-weight:800;gap:10px}.brand-mark{align-items:center;background:var(--ink);border-radius:6px;color:var(--paper);display:inline-flex;height:32px;justify-content:center;width:32px}nav{display:flex;flex-wrap:wrap;gap:16px;justify-content:flex-end}nav a,.site-footer a,.text-link{color:var(--blue);font-weight:700}.hero,.section,.article-shell{margin:0 auto;max-width:1160px;padding:clamp(28px,6vw,72px) clamp(18px,4vw,56px)}.hero{display:grid;gap:28px;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr)}.eyebrow{color:var(--rust);font-size:.9rem;font-weight:800;letter-spacing:0;margin:0 0 12px}h1,h2,h3{line-height:1.18;margin:0}h1{font-size:clamp(2rem,5vw,4.75rem);max-width:900px}h2{font-size:clamp(1.5rem,3vw,2.4rem)}h3{font-size:1.16rem}.lead{color:var(--muted);font-size:1.1rem;margin:18px 0 0;max-width:760px}.decision-panel{align-self:start;background:#ffffffb8;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);padding:22px}.decision-panel h2{font-size:1.25rem}.check-list{list-style:none;margin:18px 0 0;padding:0}.check-list li{border-top:1px solid var(--line);padding:11px 0}.section-head{align-items:end;display:flex;gap:20px;justify-content:space-between;margin-bottom:22px}.section-head p{color:var(--muted);margin:8px 0 0;max-width:680px}.grid{display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}.guide-card,.tool-card,.notice,.article-card{background:#ffffffbd;border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 28px #2d261c12}.guide-card,.tool-card,.article-card{display:flex;flex-direction:column;gap:14px;padding:20px}.guide-card p,.tool-card p{color:var(--muted);margin:0}.card-meta{color:var(--amber);display:flex;flex-wrap:wrap;font-size:.84rem;font-weight:800;gap:10px}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip{background:var(--green-soft);border-radius:999px;color:var(--green);font-size:.82rem;font-weight:700;padding:5px 9px}.button{align-items:center;border-radius:6px;display:inline-flex;font-weight:800;justify-content:center;min-height:42px;padding:9px 14px}.button-primary{background:var(--ink);color:var(--paper)}.button-secondary{background:var(--green-soft);color:var(--green)}.card-actions{align-items:center;display:flex;gap:14px;justify-content:space-between;margin-top:auto}.tool-facts{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.tool-facts div{border-left:3px solid var(--green);padding-left:10px}.tool-facts dt{color:var(--muted);font-size:.82rem}.tool-facts dd{font-weight:800;margin:0}.article-shell{max-width:900px}.article-header{border-bottom:1px solid var(--line);margin-bottom:28px;padding-bottom:24px}.article-header h1{font-size:clamp(2rem,4vw,3.4rem)}.article-meta{color:var(--muted);display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.verdict{background:var(--ink);border-radius:8px;color:var(--paper);font-size:1.08rem;font-weight:800;margin:24px 0;padding:18px}.article-body section{margin:30px 0}.article-body p{color:var(--muted);margin:12px 0}.notice{color:var(--muted);margin:24px 0;padding:16px}.tool-detail{display:grid;gap:22px;grid-template-columns:minmax(0,1fr) 280px}.side-panel{background:var(--paper-strong);border:1px solid var(--line);border-radius:8px;height:fit-content;padding:18px}.site-footer{border-top:1px solid var(--line);color:var(--muted);display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between;padding:24px clamp(18px,4vw,56px)}.site-footer p{margin:0}.site-footer p:last-child{display:flex;flex-wrap:wrap;gap:14px}@media (max-width: 860px){.hero,.tool-detail,.grid{grid-template-columns:1fr}.section-head,.site-header{align-items:start;flex-direction:column}nav{justify-content:flex-start}}