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