:root{--ink:#17201e;--muted:#6f7976;--line:#e3e8e5;--paper:#f3f6f4;--card:#fff;--green:#16a36a;--lime:#c7f36b}*{box-sizing:border-box}html{background:var(--paper)}body{background:var(--paper);color:var(--ink);margin:0;font-family:Microsoft YaHei,微软雅黑,sans-serif}button,select{font:inherit}.topbar{color:#f7faf8;background:#18211f;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;height:72px;padding:0 clamp(24px,5vw,76px);display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:12px;font-weight:700;display:flex}.brand-mark{background:var(--lime);color:#18211f;border-radius:11px;place-items:center;width:36px;height:36px;font-size:13px;display:grid}.source-state{color:#b9c4c0;align-items:center;gap:9px;font-size:13px;display:flex}.status-dot{background:var(--lime);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #c7f36b1a}.dashboard-shell{width:min(1420px,100% - 48px);margin:0 auto;padding:48px 0 72px}.hero{justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:28px;display:flex}.eyebrow{letter-spacing:.14em;color:#7c8883;margin:0 0 10px;font-size:11px;font-weight:800}.hero h1{letter-spacing:-.055em;margin:0;font-size:clamp(38px,5vw,66px);line-height:.98}.hero h1 span{color:var(--green)}.hero-copy{max-width:620px;color:var(--muted);margin:18px 0 0;line-height:1.7}.snapshot-card{border:1px solid var(--line);background:#ffffffb8;border-radius:18px;min-width:290px;padding:20px 22px;box-shadow:0 8px 30px #1c2e270d}.snapshot-card span,.snapshot-card small{color:var(--muted);font-size:12px;display:block}.snapshot-card select{width:100%;color:var(--ink);letter-spacing:-.02em;cursor:pointer;background:0 0;border:0;outline:0;margin:7px 0 8px;padding:0;font-size:16px;font-weight:800}.notice{color:#58702c;background:#f3f9e8;border:1px solid #dce9c0;border-radius:13px;align-items:center;gap:11px;margin-bottom:18px;padding:12px 15px;font-size:13px;display:flex}.notice>span{background:#dff0b9;border-radius:50%;flex:none;place-items:center;width:20px;height:20px;font-weight:800;display:grid}.notice p{margin:0}.notice p+p{margin-top:5px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.metric-card{border:1px solid var(--line);background:var(--card);border-radius:20px;min-width:0;padding:23px;box-shadow:0 12px 35px #1f312a0e}.metric-icon{border-radius:12px;place-items:center;width:38px;height:38px;margin-bottom:24px;font-size:13px;font-weight:800;display:grid}.tone-1{color:#0f8b59;background:#e3f7ee}.tone-2{color:#e66a27;background:#fff0e8}.tone-3{color:#697d20;background:#eff6d6}.tone-4{color:#5863b8;background:#edf0ff}.metric-card p{color:var(--muted);margin:0 0 8px;font-size:13px}.metric-card>strong{letter-spacing:-.05em;margin-bottom:20px;font-size:clamp(27px,3vw,40px);line-height:1;display:block}.metric-foot{color:#929b98;border-top:1px solid #edf0ee;justify-content:space-between;align-items:center;gap:8px;padding-top:15px;font-size:11px;display:flex}.change{white-space:nowrap;border-radius:8px;align-items:center;width:max-content;padding:5px 8px;font-size:11px;font-weight:800;display:inline-flex}.change.positive{color:#108958;background:#e6f7ef}.change.negative{color:#d85e2a;background:#fff0ea}.change.neutral{color:#727b78;background:#eef1ef}.data-panel{border:1px solid var(--line);background:var(--card);border-radius:22px;margin-top:18px;padding:25px;box-shadow:0 12px 35px #1f312a0b}.section-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}.section-heading h2{letter-spacing:-.035em;margin:0;font-size:22px}.section-heading .eyebrow{margin-bottom:5px}.date-chip{border:1px solid var(--line);color:var(--muted);background:#f8faf9;border-radius:10px;padding:8px 11px;font-size:12px}.table-wrap{overflow-x:auto}table{table-layout:fixed;border-collapse:collapse;width:100%;min-width:1040px;font-size:13px}th{text-align:center;color:#8b9491;white-space:nowrap;background:#f6f8f7;width:12.5%;padding:12px 14px;font-size:11px;font-weight:700}th:first-child{border-radius:10px 0 0 10px}th:last-child{border-radius:0 10px 10px 0}td{text-align:center;white-space:nowrap;border-bottom:1px solid #edf0ee;width:12.5%;padding:15px 14px}tbody tr:last-child td{border-bottom:0}td:first-child strong{min-width:55px;display:inline-block}td small{color:var(--green);background:#e8f7ef;border-radius:6px;margin-left:8px;padding:3px 6px;font-weight:800}.roi-value{color:var(--green)}.chart-grid{grid-template-columns:minmax(0,1.45fr) minmax(340px,.85fr);gap:18px;margin-top:18px;display:grid}.chart-card{border:1px solid var(--line);background:var(--card);border-radius:22px;min-width:0;padding:25px;box-shadow:0 12px 35px #1f312a0b}.chart-legend{color:var(--muted);align-items:center;gap:15px;font-size:11px;display:flex}.legend{align-items:center;gap:6px;display:flex}.legend:before{content:"";background:#74c9a4;border-radius:3px;width:9px;height:9px}.legend.revenue:before{background:#ff8551;border-radius:4px;height:3px}.trend-chart-wrap{position:relative}.trend-canvas{cursor:crosshair;border-radius:10px;outline:none;width:100%;height:252px;display:block}.trend-canvas:focus{box-shadow:0 0 0 3px #16a36a21}.chart-tooltip{z-index:4;color:#f7faf8;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#141d1bf5;border:1px solid #ffffff1f;border-radius:14px;width:220px;padding:14px 15px;position:absolute;transform:translate(14px,-50%);box-shadow:0 15px 40px #0a120f3d}.chart-tooltip.align-right{transform:translate(calc(-100% - 14px),-50%)}.chart-tooltip>strong{color:var(--lime);margin-bottom:10px;font-size:13px;display:block}.chart-tooltip dl{gap:7px;margin:0;display:grid}.chart-tooltip dl div{justify-content:space-between;align-items:center;gap:12px;display:flex}.chart-tooltip dt{color:#aebbb6;font-size:10px}.chart-tooltip dd{margin:0;font-size:11px;font-weight:800}.chart-tooltip .change{padding:3px 6px}.chart-summary{color:var(--muted);border-top:1px solid #edf0ee;align-items:center;gap:28px;margin-top:8px;padding-top:16px;font-size:12px;display:flex}.chart-summary strong{color:var(--ink);margin-left:5px}.interaction-hint{color:#8b9491;margin-left:auto;font-size:10px}.best-day{color:#12895a;white-space:nowrap;background:#eaf7f0;border-radius:9px;padding:6px 9px;font-size:11px;font-weight:800}.roi-chart{background:repeating-linear-gradient(#0000 0 52px,#edf0ee 53px);border-bottom:1px solid #e8ece9;align-items:flex-end;gap:clamp(3px,.7vw,9px);height:212px;padding:17px 2px 25px;display:flex}.roi-column{flex:1;justify-content:center;align-items:flex-end;min-width:4px;height:100%;display:flex;position:relative}.roi-bar{background:#dcebe4;border-radius:5px 5px 2px 2px;width:min(18px,75%);min-width:4px;transition:height .25s;position:relative}.roi-bar.latest{background:var(--green)}.roi-bar span{color:var(--ink);white-space:nowrap;font-size:9px;font-weight:800;display:none;position:absolute;top:-21px;left:50%;transform:translate(-50%)}.roi-bar.latest span{display:block}.roi-column small{color:#8b9491;font-size:9px;position:absolute;bottom:-20px}.insight-copy{color:var(--muted);margin:17px 0 0;font-size:12px;line-height:1.6}.insight-copy b{color:var(--green)}.range-switch{border:1px solid var(--line);background:#f4f7f5;border-radius:11px;padding:3px;display:inline-flex}.range-switch button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:7px 12px;font-size:11px;font-weight:700}.range-switch button.active{color:var(--ink);background:#fff;box-shadow:0 2px 8px #1b2d2614}.table-hint{color:#89928f;margin:7px 0 0;font-size:11px}.data-row{cursor:pointer;outline:none;transition:background .16s}.data-row:hover td,.data-row:focus td{background:#f7faf8}.data-row:focus td:first-child{box-shadow:inset 3px 0 0 var(--green)}.data-row.expanded td{background:#f2f8f5;border-bottom-color:#0000}.row-toggle{width:21px;height:21px;color:var(--green);background:#fff;border:1px solid #dce4df;border-radius:7px;place-items:center;margin-right:9px;font-weight:900;display:inline-grid}.cycle-detail-row td{text-align:left;background:#f2f8f5;border-bottom:1px solid #e4ebe7;width:auto;padding:0 12px 16px}.cycle-detail{background:#fff;border:1px solid #dce9e2;border-radius:15px;padding:16px;box-shadow:0 8px 24px #1d32290b}.cycle-detail-head{align-items:baseline;gap:10px;margin-bottom:12px;display:flex}.cycle-detail-head strong{font-size:12px}.cycle-detail-head span{color:#8a9590;font-size:10px}.cycle-strip{grid-template-columns:repeat(10,minmax(102px,1fr));gap:8px;min-width:1100px;display:grid}.cycle-item{background:#fafcfb;border:1px solid #e5ebe8;border-radius:11px;min-height:90px;padding:11px}.cycle-item b{color:var(--green);margin-bottom:11px;font-size:11px;display:block}.cycle-item strong{letter-spacing:-.02em;font-size:12px;display:block}.cycle-item small{color:#78827e;margin-top:6px;font-size:10px;display:block}.cycle-item.missing{background:#f6f8f7;border-style:dashed;flex-direction:column;justify-content:center;display:flex}.cycle-item.missing b{color:#89928f;margin-bottom:7px}.cycle-item.missing span{color:#9ca4a1;font-size:9px}footer{color:#909996;justify-content:space-between;gap:20px;padding:17px 4px 0;font-size:11px;display:flex}.empty-state{text-align:center;place-content:center;min-height:100vh;display:grid}@media (max-width:1050px){.chart-grid{grid-template-columns:1fr}}@media (max-width:960px){.metric-grid{grid-template-columns:repeat(2,1fr)}.hero{flex-direction:column;align-items:stretch}.snapshot-card{width:100%;min-width:0}}@media (max-width:600px){.topbar{height:auto;min-height:64px;padding:14px 18px}.source-state{text-align:right;max-width:160px}.dashboard-shell{width:min(100% - 28px,1420px);padding-top:32px}.metric-grid{grid-template-columns:1fr}.hero h1{font-size:42px}.metric-card,.chart-card{padding:20px}.data-panel{padding:18px 14px}.chart-legend{flex-direction:column;align-self:flex-end;align-items:flex-start;gap:6px}.trend-canvas{height:220px}.chart-tooltip{width:198px}.chart-summary{flex-wrap:wrap;align-items:flex-start;gap:8px 18px}.interaction-hint{width:100%;margin-left:0}.table-heading{align-items:flex-end}footer{flex-direction:column;gap:7px}}