:root{--ink:#17222a;--muted:#617078;--paper:#f7f7f3;--line:#d9ded8;--lime:#c8f452;--coral:#ff8364;--blue:#0e7282;--card:#fff}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Microsoft YaHei,Arial,sans-serif;letter-spacing:0}body.dark{--ink:#edf3ef;--muted:#afbbb4;--paper:#142021;--line:#344443;--card:#1c2b2c}.topbar{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:34px;padding:0 max(24px,calc((100vw - 1240px)/2));background:var(--paper);position:sticky;top:0;z-index:2}.brand{font-weight:800;letter-spacing:1px;color:var(--ink);text-decoration:none}.brand span{color:var(--blue)}nav{display:flex;gap:22px}nav a,.section-head a{color:var(--muted);text-decoration:none;font-size:14px}.top-actions{margin-left:auto;display:flex;gap:10px}.top-actions input{background:transparent;border:1px solid var(--line);border-radius:4px;padding:9px 12px;color:inherit}.icon-button,.notice button,#save-layout{background:var(--ink);color:var(--paper);border:0;border-radius:4px;padding:10px 14px;cursor:pointer}.shell{max-width:1240px;padding:44px 24px 80px;margin:auto}.intro{display:flex;justify-content:space-between;gap:30px;padding:36px 0 58px;border-bottom:1px solid var(--line)}.eyebrow,.section-label{font-size:11px;font-weight:700;letter-spacing:1.4px;color:var(--blue);margin:0 0 10px}.intro h1{font-size:clamp(34px,5vw,62px);line-height:1.05;margin:0;max-width:760px}.intro>div>p:not(.eyebrow){color:var(--muted);max-width:600px;line-height:1.7}.pulse{display:grid;grid-template-columns:auto auto;align-content:center;gap:6px 14px;min-width:170px}.pulse b{font-size:28px}.pulse span{align-self:center;color:var(--muted);font-size:13px}.module{padding:45px 0;border-bottom:1px solid var(--line)}.overview{display:flex;align-items:end;justify-content:space-between;gap:24px}.overview h2,.section-head h2{font-size:27px;margin:0}.quick{display:flex;gap:8px}.quick a{border:1px solid var(--line);padding:14px;color:var(--ink);font-size:14px;text-decoration:none;background:var(--card);border-radius:4px}.quick strong{color:var(--coral)}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px}.resource-grid,.ai-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.resource,.ai-card{background:var(--card);border:1px solid var(--line);padding:20px;min-height:176px;border-radius:5px}.tag{display:inline-block;background:var(--lime);color:#132018;font-size:11px;font-weight:700;padding:4px 7px;border-radius:3px}.resource h3,.ai-card h3{font-size:18px;margin:24px 0 8px}.resource p,.ai-card p,.post-list p,.notice p:not(.section-label){color:var(--muted);font-size:14px;line-height:1.6}.split{display:grid;grid-template-columns:2fr 1fr;gap:44px}.post{border-top:1px solid var(--line);padding:15px 0}.post:first-child{border-top:0}.post h3{margin:0 0 6px;font-size:18px}.post small{color:var(--muted)}.notice{background:var(--blue);color:#fff;padding:28px;align-self:start;border-radius:5px}.notice .section-label{color:var(--lime)}.notice h3{font-size:27px;margin:10px 0}.notice p:not(.section-label){color:#d5eeee}.notice button{background:var(--lime);color:#16302e;margin-top:10px}dialog{border:0;padding:0;width:min(410px,100%);margin:0 0 0 auto;height:100%;background:var(--card);color:var(--ink)}dialog::backdrop{background:#00171988}.drawer-head{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:26px}.drawer-head h2{margin:0}.drawer-head button{border:0;background:transparent;font-size:28px;color:inherit}.settings{padding:20px 26px;border-bottom:1px solid var(--line)}.setting{display:flex;gap:10px;justify-content:space-between;padding:11px 0}.setting button{border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:3px}.setting button:disabled{opacity:.35}dialog label{display:flex;justify-content:space-between;padding:18px 26px;font-size:14px}select{background:var(--paper);color:var(--ink);border:1px solid var(--line);padding:5px}menu{padding:26px;margin:0}body.compact .module{padding:28px 0}body.compact .resource,body.compact .ai-card{min-height:135px;padding:15px}@media(max-width:760px){.topbar{padding:0 16px}.topbar nav,.top-actions input{display:none}.shell{padding:28px 16px}.intro,.overview{display:block}.pulse{margin-top:25px}.quick{overflow:auto;margin-top:20px}.resource-grid,.ai-grid,.split{grid-template-columns:1fr}.split{gap:24px}.intro{padding-top:15px}.top-actions{margin-left:auto}}