:root{--ink:#111820;--muted:#5a6878;--line:#c8d0d8;--paper:#f5f6f8;--panel:#fff;--red:#c00;--steel:#1a3a5c;--slate:#3d5a73;--amber:#b8860b;--shadow:0 1px 3px rgba(0,0,0,.08)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Inter','Helvetica Neue',Arial,-apple-system,sans-serif}.container{width:min(1160px,calc(100% - 48px));margin:auto}.topbar{height:64px;padding:0 max(24px,calc((100% - 1160px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--ink);background:rgba(255,255,255,.82);backdrop-filter:blur(12px) saturate(1.3);-webkit-backdrop-filter:blur(12px) saturate(1.3);position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:15px;font-weight:700;letter-spacing:-.02em;text-decoration:none}.brand-logo{display:block;width:32px;height:32px;border-radius:0}.brand-mark{display:inline-flex;align-items:center;justify-content:center;padding:4px 9px;background:linear-gradient(135deg,#111820 0%,#c00 55%,#b8860b 100%);color:#fff;font-size:15px;letter-spacing:.02em;font-weight:900;border-radius:0;font-family:'Inter','Helvetica Neue',Arial,sans-serif}nav{display:flex;gap:0}nav a{color:var(--muted);font-size:13px;font-weight:600;text-decoration:none;padding:22px 18px;border-bottom:3px solid transparent;transition:.15s}nav a:hover{color:var(--ink);background:var(--paper)}nav a.active{color:var(--red);border-color:var(--red)}.hero{padding:72px 0 60px;position:relative}.hero::before{content:'';position:absolute;top:-70px;right:-140px;width:440px;height:440px;background:radial-gradient(closest-side,rgba(192,0,0,.09),transparent 72%);pointer-events:none;z-index:-1}.kicker{color:var(--red);font-size:11px;letter-spacing:.22em;font-weight:800;text-transform:uppercase}.hero h1{font-size:clamp(42px,6.5vw,76px);line-height:1.05;letter-spacing:-.055em;margin:16px 0 22px;font-weight:800}.hero h1 em{font-style:normal;background:linear-gradient(110deg,#c00 0%,#e8543f 30%,#b8860b 62%,#c00 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sheen 7s ease infinite}@keyframes sheen{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}.hero-copy{max-width:580px;color:var(--muted);font-size:17px;line-height:1.75;margin:0}.hero-meta{margin-top:26px;color:var(--muted);font-size:12px;display:flex;align-items:center;gap:8px}.status-dot{display:inline-block;width:8px;height:8px;background:var(--red);border-radius:0;margin-right:0;animation:pulse 2.6s ease infinite}@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(192,0,0,.32)}55%{box-shadow:0 0 0 7px rgba(192,0,0,0)}}.board-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.board-head h2{margin:8px 0 0;font-size:25px;letter-spacing:-.035em}.muted{color:var(--muted);font-size:13px}.category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-bottom:48px}.category-card{display:flex;flex-direction:column;justify-content:space-between;background:var(--panel);padding:34px 28px;color:var(--ink);text-decoration:none;transition:transform .25s cubic-bezier(.16,1,.3,1),background .15s,border-left-color .15s,box-shadow .25s;position:relative;border-left:4px solid transparent}.category-card:hover{background:var(--paper);border-left-color:var(--red);transform:translateY(-3px);box-shadow:0 12px 30px rgba(17,24,32,.10)}.category-no{font:800 11px monospace;color:var(--muted);letter-spacing:.12em}.category-icon{font-size:36px;font-weight:900;margin:12px 0;color:var(--ink)}.category-card h3{font-size:20px;margin:0 0 6px;font-weight:700}.category-card p{color:var(--muted);font-size:13px;line-height:1.6;margin:0 0 18px}.category-foot{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:12px}.category-foot b{color:var(--red);font-weight:800}.notice{background:var(--steel);color:#c8d8e8;padding:18px 24px;border-radius:0;margin-bottom:48px;display:flex;align-items:flex-start;gap:14px}.notice-label{flex:0 0 auto;font:800 10px monospace;letter-spacing:.15em;color:#8aaacc;text-transform:uppercase;padding-top:2px}.notice p{margin:0;font-size:13px;line-height:1.7}.footer{padding:36px 0;border-top:2px solid var(--ink);display:flex;justify-content:space-between;font-size:12px;color:var(--muted);font-weight:600}/* ---- 进场 reveal / 无障碍 ---- */
[data-reveal]{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s cubic-bezier(.16,1,.3,1)}
[data-reveal].revealed{opacity:1;transform:none}
:focus-visible{outline:2px solid var(--red);outline-offset:2px}
@media(prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none;transition:none}.hero h1 em{animation:none}.status-dot{animation:none}.category-card,.commodity-card{transition:none}.category-card:hover,.commodity-card:hover{transform:none}}