:root{--bg:#f4f5f8;--soft:#eef0f6;--panel:rgba(255,255,255,.91);--solid:#fff;--ink:#171927;--muted:#70758a;--line:#e2e5ed;--primary:#5b5bd6;--primary-soft:#eeecff;--danger:#ff5c62;--danger-soft:#fff0ef;--good:#14a68d;--shadow:0 14px 45px rgba(23,25,39,.065);--radius:16px;--heading:Inter,"Noto Sans SC","Microsoft YaHei",sans-serif}
:root[data-theme=night]{color-scheme:dark;--bg:#070b12;--soft:#0a111c;--panel:rgba(14,23,35,.92);--solid:#101824;--ink:#f3f6fb;--muted:#8fa1b7;--line:#25364a;--primary:#22d3ee;--primary-soft:#0d2c38;--danger:#ff4d5e;--danger-soft:#29151e;--good:#b7f34a;--shadow:0 20px 55px rgba(0,0,0,.22);--radius:12px}
:root[data-theme=paper]{--bg:#f4f0e6;--soft:#eee8db;--panel:rgba(255,252,245,.92);--solid:#fffcf5;--ink:#171714;--muted:#666158;--line:#d4ccbd;--primary:#c83c2e;--primary-soft:#f2ded8;--danger:#c83c2e;--danger-soft:#f2ded8;--good:#495f3e;--shadow:0 5px 20px rgba(83,67,42,.045);--radius:9px;--heading:"Noto Serif SC","Songti SC",SimSun,serif}
*{box-sizing:border-box}html{min-width:320px;background:var(--bg);scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"Noto Sans SC","Microsoft YaHei",sans-serif;transition:.25s}button,a{font:inherit;color:inherit}button{cursor:pointer}a{text-decoration:none}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 7% 3%,color-mix(in srgb,var(--primary) 10%,transparent),transparent 25%),radial-gradient(circle at 92% 15%,color-mix(in srgb,var(--primary) 7%,transparent),transparent 23%)}
.shell{position:relative;width:min(1540px,calc(100% - 48px));margin:auto;padding:24px 0 18px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(16px)}.topbar{min-height:74px;padding:13px 18px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand,.top-actions,.themes,.room-link{display:flex;align-items:center}.brand{gap:13px;min-width:0}.brand-mark{width:44px;height:44px;display:grid;place-items:center;color:#fff;background:var(--primary);border-radius:12px;font:800 22px var(--heading);box-shadow:0 8px 20px color-mix(in srgb,var(--primary) 28%,transparent)}.brand strong{display:block;font:750 clamp(17px,1.55vw,24px)/1.2 var(--heading);letter-spacing:-.03em;white-space:nowrap}.brand small{display:block;margin-top:5px;color:var(--muted);font-size:9px;letter-spacing:.16em}.top-actions{gap:12px}.themes{gap:4px;padding:4px;background:var(--soft);border:1px solid var(--line);border-radius:999px}.themes button{display:flex;align-items:center;gap:6px;border:0;padding:7px 10px;border-radius:999px;background:transparent;color:var(--muted);font-size:12px}.themes button.active,.themes button:hover{background:var(--solid);color:var(--ink);box-shadow:0 3px 12px rgba(0,0,0,.07)}.themes i{width:8px;height:8px;border-radius:50%}.themes .pearl{background:#5b5bd6}.themes .night{background:#22d3ee}.themes .paper{background:#c83c2e}.room-link{gap:8px;padding:10px 12px;color:var(--muted);border-left:1px solid var(--line);font-size:12px}.room-link b{color:var(--ink)}
.notice{margin-top:12px;padding:11px 15px;display:flex;align-items:center;gap:12px;color:var(--danger);background:var(--danger-soft);border:1px solid color-mix(in srgb,var(--danger) 24%,var(--line));border-radius:var(--radius);font-size:11px}.notice[hidden]{display:none}.notice span{flex:1;color:var(--muted)}.notice button{border:0;padding:7px 10px;color:#fff;background:var(--danger);border-radius:7px;font-size:10px}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.95fr) minmax(300px,.95fr);gap:18px;margin-top:18px}.hero{position:relative;overflow:hidden;min-height:320px;padding:26px 30px;background:linear-gradient(120deg,var(--solid),color-mix(in srgb,var(--primary-soft) 72%,var(--solid)))}.hero:before{content:"";position:absolute;width:340px;height:340px;right:-100px;top:-130px;border:58px solid color-mix(in srgb,var(--primary) 8%,transparent);border-radius:50%}.status{position:relative;display:inline-flex;align-items:center;gap:9px;color:var(--danger);font-weight:650;font-size:13px}.status i{width:9px;height:9px;border-radius:50%;background:currentColor;box-shadow:0 0 0 6px color-mix(in srgb,currentColor 13%,transparent);animation:pulse 1.8s infinite}.status.live{color:var(--good)}.status.unknown{color:var(--muted)}.status.unknown i{animation:none}.hero-body{position:relative;display:grid;grid-template-columns:1fr 180px;align-items:center;min-height:190px}.eyebrow{margin:25px 0 6px;color:var(--muted);font-size:12px;letter-spacing:.12em}.hero h1{margin:0;display:flex;align-items:baseline;gap:22px;flex-wrap:wrap;font:750 clamp(34px,4vw,58px)/1.05 var(--heading);letter-spacing:-.055em}.hero time{color:var(--danger);font:750 clamp(34px,4vw,58px)/1 ui-monospace,monospace;letter-spacing:-.07em;font-variant-numeric:tabular-nums}.hero.live time{color:var(--good)}.hero-copy{max-width:660px;margin:16px 0 0;color:var(--muted);line-height:1.75;font-size:14px}.orbit{position:relative;justify-self:center;width:132px;height:132px;display:grid;place-items:center;border:10px solid color-mix(in srgb,var(--primary) 12%,transparent);outline:2px solid color-mix(in srgb,var(--primary) 45%,transparent);outline-offset:-15px;border-radius:50%;color:var(--primary);font-size:58px;transform:rotate(-8deg)}.orbit:after{content:"";position:absolute;width:2px;height:110px;background:var(--danger);transform:rotate(-44deg);box-shadow:0 0 0 5px var(--solid)}.orbit i{position:absolute;right:-2px;top:4px;width:25px;height:25px;border:4px solid var(--solid);border-radius:50%;background:var(--danger)}.orbit.live{color:var(--good);outline-color:var(--good);transform:none}.orbit.live:after{display:none}.orbit.live i{background:var(--good)}.hero-actions{position:relative;display:flex;align-items:center;gap:20px}.primary{padding:14px 21px;color:#fff;background:var(--primary);border-radius:10px;font-weight:700;font-size:14px;box-shadow:0 9px 22px color-mix(in srgb,var(--primary) 26%,transparent)}.hero-actions span{color:var(--muted);font-size:12px}.verdict{position:relative;overflow:hidden;padding:24px 26px}.heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.heading h2{margin:4px 0 0;font:700 20px/1.25 var(--heading);letter-spacing:-.025em}.heading small{color:var(--muted);font-size:9px;font-weight:700;letter-spacing:.16em}.heading>b{color:var(--line);font:700 38px/1 ui-monospace,monospace}.rating{display:inline-block;padding:5px 8px;color:var(--danger);background:var(--danger-soft);border-radius:999px;font-size:10px;font-weight:700}.rating.ok{color:var(--good);background:color-mix(in srgb,var(--good) 10%,transparent)}.rating.warn{color:#b77908;background:color-mix(in srgb,#f5a623 14%,transparent)}.verdict>.rating{margin-top:27px;padding:8px 12px;font-size:12px}.verdict blockquote{position:relative;z-index:1;margin:20px 0 16px;font:650 20px/1.75 var(--heading)}.verdict footer{color:var(--muted);font-size:11px}.stamp{position:absolute;right:21px;bottom:20px;width:78px;height:78px;display:grid;place-items:center;color:var(--danger);border:3px double var(--danger);border-radius:50%;font:800 21px var(--heading);transform:rotate(-12deg);opacity:.6}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:18px}.kpi{display:flex;align-items:center;gap:16px;min-height:130px;padding:19px 21px}.kpi>i{width:52px;height:52px;flex:0 0 52px;display:grid;place-items:center;border-radius:13px;color:var(--primary);background:var(--primary-soft);font:700 24px var(--heading);font-style:normal}.kpi.danger>i{color:var(--danger);background:var(--danger-soft)}.kpi span{display:block;margin-bottom:5px;color:var(--muted);font-size:13px}.kpi strong{display:block;font:750 clamp(25px,2.3vw,37px)/1 var(--heading);letter-spacing:-.05em}.kpi small{display:block;margin-top:9px;color:var(--muted);font-size:10px}.kpi.danger small{color:var(--danger)}
.analytics{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(350px,.9fr);gap:18px;margin-top:18px}.chart-card,.records{min-height:365px;padding:24px 26px}.legend{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px}.legend i{width:18px;height:7px;border-radius:2px;background:var(--primary)}.legend i:nth-child(2){margin-left:10px;background:var(--danger)}.chart{height:275px;margin-top:20px;display:grid;grid-template-columns:repeat(7,1fr);align-items:end;gap:12px;padding:20px 10px 0;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to bottom,var(--line) 0 1px,transparent 1px 25%)}.bar-group{height:100%;display:grid;grid-template-rows:1fr 20px 20px;place-items:center;min-width:0}.bar-stack{align-self:end;width:min(54px,66%);height:100%;display:flex;flex-direction:column;justify-content:flex-end;gap:2px}.bar{width:100%;min-height:1px}.bar.lazy{background:color-mix(in srgb,var(--danger) 68%,var(--solid));border-radius:3px;opacity:.72}.bar.live{background:linear-gradient(to top,var(--primary),color-mix(in srgb,var(--primary) 68%,white));border-radius:3px 3px 0 0}.bar-group strong,.bar-group span{font-size:10px}.bar-group span{color:var(--muted)}.empty{grid-column:1/-1;align-self:center;text-align:center;color:var(--muted);font-size:12px}.records a{color:var(--primary);font-size:11px}.table-wrap{margin-top:18px;overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{padding:10px 8px;color:var(--muted);background:var(--soft);text-align:left;font-weight:600}td{padding:11px 8px;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}.empty-cell{padding:42px 12px;color:var(--muted);text-align:center}
.reports{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.report{position:relative;min-height:335px;overflow:hidden;padding:27px 30px}.watermark{position:absolute;right:22px;bottom:-28px;color:color-mix(in srgb,var(--primary) 6%,transparent);font:900 180px/1 var(--heading)}.report-lead{position:relative;max-width:78%;margin:30px 0 24px;font:650 20px/1.75 var(--heading)}.report dl{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0}.report dl>div{padding:12px;background:var(--soft);border:1px solid var(--line);border-radius:10px}.report dt{color:var(--muted);font-size:9px}.report dd{margin:5px 0 0;font-size:12px;font-weight:700}.weekly{padding-right:180px}.weekly .report-lead{max-width:100%}.weekly dl{grid-template-columns:repeat(3,1fr)}.ring{--rate:0deg;position:absolute;right:32px;top:95px;width:125px;height:125px;display:grid;place-content:center;text-align:center;border-radius:50%;background:radial-gradient(circle,var(--solid) 58%,transparent 59%),conic-gradient(var(--primary) var(--rate),var(--soft) 0);box-shadow:inset 0 0 0 1px var(--line)}.ring strong{font:750 25px var(--heading)}.ring span{margin-top:6px;color:var(--muted);font-size:9px}
.ledger{margin-top:18px;padding:27px 30px;scroll-margin-top:20px}.ledger-head{align-items:center}.ledger-head p{margin:8px 0 0;color:var(--muted);font-size:11px}.count{display:flex;align-items:baseline;gap:8px;color:var(--muted);font-size:10px}.count b{color:var(--primary);font:750 32px var(--heading)}.ledger .table-wrap{margin-top:24px}.ledger th{padding:12px}.ledger td{padding:14px 12px;vertical-align:top}.ledger td:last-child{min-width:270px}.ledger td p{margin:7px 0 0;color:var(--muted);font-size:9px;line-height:1.5}.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 4px 0;color:var(--muted);font-size:11px}.footer i{display:inline-block;width:7px;height:7px;margin-right:5px;border:2px solid var(--primary);border-radius:50%}.footer i.spinning{border-right-color:transparent;animation:spin .7s linear infinite}.footer button{margin-left:10px;padding:6px 9px;color:var(--primary);background:var(--primary-soft);border:1px solid var(--line);border-radius:7px;font-size:10px}
@keyframes pulse{70%{box-shadow:0 0 0 8px transparent}}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1100px){.shell{width:min(100% - 28px,1120px)}.brand small{display:none}.hero-grid,.analytics,.reports{grid-template-columns:1fr}.kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.shell{width:min(100% - 20px,720px);padding-top:10px}.topbar{align-items:flex-start;flex-direction:column}.top-actions{width:100%;justify-content:space-between}.room-link{display:none}.hero{padding:22px}.hero-body{grid-template-columns:1fr}.hero h1{display:block}.hero h1 time{display:block;margin-top:8px}.orbit{display:none}.hero-actions{align-items:flex-start;flex-direction:column}.kpis{grid-template-columns:1fr;gap:10px}.kpi{min-height:100px}.analytics{gap:10px}.chart-card,.records{padding:20px 14px}.chart{gap:4px}.legend{display:none}.reports{gap:10px}.report,.ledger{padding:22px 18px}.report-lead{max-width:100%;font-size:17px}.report dl{grid-template-columns:repeat(2,1fr)}.weekly{padding-right:18px;padding-bottom:150px}.ring{top:auto;right:24px;bottom:18px;width:112px;height:112px}.weekly dl{grid-template-columns:1fr 1fr}.footer{align-items:flex-start;flex-direction:column}.notice{align-items:flex-start;flex-wrap:wrap}.notice span{flex-basis:100%}.ledger td:last-child{min-width:220px}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}