:root{color-scheme:dark;--bg: #0f172a;--panel: rgba(15, 23, 42, .82);--panel-strong: #111827;--panel-soft: rgba(30, 41, 59, .7);--text: #e5eefc;--text-soft: #9fb0cc;--accent: #4ade80;--accent-2: #22c55e;--line: rgba(148, 163, 184, .18);--warn: #f59e0b}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;font-family:Microsoft YaHei,PingFang SC,sans-serif;background:radial-gradient(circle at top,#1e293b,#0b1120 45%,#050814);color:var(--text)}a{color:inherit;text-decoration:none}body,.page-shell{min-height:100vh}.page-card{background:var(--panel);border:1px solid var(--line);border-radius:20px;box-shadow:0 20px 80px #00000059;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.page-title{margin:0;font-size:28px;font-weight:700;letter-spacing:.02em}.page-subtitle{margin:8px 0 0;color:var(--text-soft)}.section-title{margin:0 0 16px;font-size:18px;font-weight:600}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.metric-card{padding:20px;border-radius:18px;background:linear-gradient(180deg,#1e293bf2,#0f172af2);border:1px solid var(--line)}.metric-label{font-size:13px;color:var(--text-soft)}.metric-value{margin-top:12px;font-size:30px;font-weight:700}.data-list{display:grid;gap:12px}.data-item{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:var(--panel-soft);border-radius:14px;border:1px solid var(--line)}@media(max-width:960px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.metric-grid{grid-template-columns:1fr}}