:root{--bg:#f6faf3;--surface:#fff;--ink:#101812;--muted:#626d66;--line:#d8e3d3;--green:#3ca124;--green-deep:#175c20;--green-soft:#e3f6db;--amber:#f5a000;--amber-soft:#fff0bd;--blue:#286dd3;--blue-soft:#dfebff;--shadow:0 18px 46px #1c2e1b1a}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:linear-gradient(180deg, #fbfdf8 0%, var(--bg) 100%);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif}h1,h2,h3,p{margin:0}.dashboardShell{max-width:1180px;margin:0 auto;padding:40px 24px 56px}.topbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:34px;display:flex}.brandCluster{align-items:center;gap:14px;display:flex}.brandMark{background:var(--green);color:#fff;border-radius:8px;place-items:center;width:46px;height:46px;font-size:24px;font-weight:800;display:grid}.topbar h1{letter-spacing:0;font-size:28px;line-height:1.15}.topbar p,.softText,.recorderCard p,.sectionHeader p{color:var(--muted);line-height:1.55}.syncPill{border:1px solid var(--line);background:var(--surface);min-width:max-content;color:var(--green-deep);border-radius:8px;align-items:center;gap:9px;padding:12px 14px;font-size:14px;font-weight:800;display:inline-flex}.syncDot{background:var(--green);border-radius:50%;width:9px;height:9px}.heroGrid{grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);gap:22px;margin-bottom:22px;display:grid}.currentCard,.metricCard,.recorderCard,.panel{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:8px}.currentCard{padding:30px}.cardHeader,.progressHeader,.sectionHeader,.metricRow{justify-content:space-between;align-items:center;gap:16px;display:flex}.eyebrow{color:var(--green);margin-bottom:6px;font-size:13px;font-weight:900;display:block}.statusBadge{background:var(--amber-soft);color:var(--green-deep);border-radius:8px;padding:10px 12px;font-weight:900}.unitTitle{margin:28px 0 24px}.unitTitle h2{letter-spacing:0;font-size:clamp(40px,5vw,56px);line-height:1.02}.unitTitle h3{color:var(--green-deep);margin-top:10px;font-size:clamp(30px,4vw,42px);line-height:1.08}.progressHeader{color:var(--muted);font-size:16px;font-weight:800}.progressHeader strong{color:var(--amber);font-size:34px}.unitPath{grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.step{border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--muted);border-radius:8px;place-items:center;font-weight:900;display:grid}.stepDone{border-color:var(--green);background:var(--green);color:#fff}.nextHint{background:var(--green-soft);color:var(--muted);border-radius:8px;align-items:center;gap:14px;margin-top:20px;padding:14px;font-size:15px;display:flex}.nextHint strong{color:var(--green-deep)}.sideStack{gap:16px;display:grid}.metricRow{align-items:stretch}.metricCard{flex:1;padding:22px;box-shadow:0 10px 28px #1c2e1b14}.metricCard strong{color:var(--green);font-size:40px;line-height:1;display:block}.metricCard span{color:var(--muted);margin-top:10px;font-weight:800;display:block}.metricBlue{background:var(--blue-soft)}.metricBlue strong{color:var(--blue);font-size:34px}.recorderCard{padding:26px;box-shadow:0 10px 28px #1c2e1b14}.recorderCard h2{margin-bottom:12px;font-size:28px;line-height:1.18}.lowerGrid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:22px;display:grid}.panel{padding:26px}.sectionHeader{align-items:flex-start;margin-bottom:24px}.sectionHeader h2{font-size:25px}.sectionHeader strong{color:var(--green);font-size:32px}.trendChart{grid-template-columns:repeat(7,1fr);align-items:end;gap:16px;min-height:240px;display:grid}.trendColumn{justify-items:center;gap:10px;display:grid}.barTrack{background:#eaf1e7;border-radius:8px;align-items:flex-end;width:44px;height:210px;display:flex;overflow:hidden}.barFill{background:linear-gradient(180deg, var(--amber), var(--green));border-radius:8px;width:100%;min-height:18px}.trendColumn span{color:var(--muted);font-size:13px;font-weight:800}.historyList{border:1px solid var(--line);border-bottom:0;display:grid}.historyRow{border-bottom:1px solid var(--line);grid-template-columns:92px 1fr auto;align-items:center;gap:16px;padding:16px 14px;display:grid}.historyCurrent{background:var(--green-soft)}.historyRow span{color:var(--muted);font-weight:800}.historyRow em{background:var(--blue-soft);min-width:48px;color:var(--blue);text-align:center;border-radius:8px;padding:8px 10px;font-style:normal;font-weight:900}.historyCurrent em{background:var(--amber-soft);color:var(--green-deep)}@media (width<=920px){.heroGrid,.lowerGrid{grid-template-columns:1fr}}@media (width<=640px){.dashboardShell{padding:24px 14px 36px}.topbar,.cardHeader,.nextHint,.metricRow,.sectionHeader{flex-direction:column;align-items:stretch}.unitPath{grid-template-columns:repeat(4,minmax(0,1fr))}.historyRow{grid-template-columns:1fr}}