:root { --a:#cb5a00; --ink:#0f172a; --muted:#64748b; --line:rgba(15,23,42,.10); --soft:#f8fafc; }
*{box-sizing:border-box} body{margin:0;font-family:"Microsoft YaHei","PingFang SC",sans-serif;color:var(--ink);background:#fff;display:grid;grid-template-columns:280px 1fr;min-height:100vh}
a{color:inherit;text-decoration:none}
.side{border-right:1px solid var(--line);padding:24px 18px;position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#fff, var(--soft))}
.brand{display:flex;gap:10px;align-items:center} .dot{width:10px;height:10px;border-radius:50%;background:var(--a)} .brand strong{display:block} .brand small{display:block;color:var(--muted);font-size:12px}
nav{display:grid;gap:10px;margin-top:18px;color:var(--muted)} nav a{padding:10px 12px;border-radius:12px} nav a:hover{background:rgba(15,23,42,.04);color:var(--ink)}
.meta{margin-top:18px;color:var(--muted);font-size:13px}
.main{padding:32px 28px;max-width:980px}
.hero{padding:26px 0 18px} .k{display:inline-flex;padding:6px 12px;border-radius:999px;background:rgba(37,99,235,.08);color:var(--a);font-size:13px;letter-spacing:.08em}
h1{margin:14px 0 10px;font-size:clamp(34px,5vw,56px);line-height:1.08} .hero p{margin:0;color:var(--muted);line-height:1.8;font-size:17px}
.block{padding:22px 0;border-top:1px solid var(--line)} .block:first-of-type{border-top:0}
h2{margin:0 0 12px;font-size:24px} .chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px} .chips span{padding:6px 10px;border-radius:999px;background:rgba(15,23,42,.04);color:var(--muted);font-size:13px}
.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px} .cards article,.item{border:1px solid var(--line);border-radius:16px;padding:16px}
.cards h3,.item h3{margin:0 0 8px;font-size:18px} .cards p,.item p{margin:0;color:var(--muted);line-height:1.7}
.list{display:grid;gap:12px} .item span{color:var(--a);font-size:13px} .arrow{display:inline-flex;margin-top:10px;color:var(--a);font-weight:700}
.mt{margin-top:18px}
@media (max-width: 900px) { body{grid-template-columns:1fr} .side{position:static;height:auto} .main{padding:24px 18px} .cards{grid-template-columns:1fr} }