:root{--wb-radius: 12px;--wb-radius-sm: 8px;--wb-gap: 16px;--wb-up: #f5222d;--wb-down: #52c41a;--wb-flat: #8c8c8c;--wb-bg-page: #f5f7fa;--wb-bg-card: #ffffff;--wb-bg-subtle: #fafbfc;--wb-text: #1f2329;--wb-text-secondary: #646a73;--wb-text-tertiary: #8f959e;--wb-border: #e8ebf0;--wb-shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 4px 16px rgba(16, 24, 40, .05);--wb-shadow-hover: 0 4px 10px rgba(16, 24, 40, .08), 0 12px 28px rgba(16, 24, 40, .08);--wb-header-bg: rgba(255, 255, 255, .86);--wb-sider-bg: #ffffff;--wb-chart-grid: #eef1f5}html[data-theme=dark]{--wb-up: #ff4d4f;--wb-down: #49aa19;--wb-flat: #8c8c8c;--wb-bg-page: #0f1319;--wb-bg-card: #171b22;--wb-bg-subtle: #1c2129;--wb-text: #e8eaed;--wb-text-secondary: #a8adb7;--wb-text-tertiary: #7d838e;--wb-border: #272d36;--wb-shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 4px 16px rgba(0, 0, 0, .35);--wb-shadow-hover: 0 4px 10px rgba(0, 0, 0, .4), 0 12px 28px rgba(0, 0, 0, .45);--wb-header-bg: rgba(23, 27, 34, .86);--wb-sider-bg: #171b22;--wb-chart-grid: #272d36}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--wb-bg-page);color:var(--wb-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .25s ease,color .25s ease}.num,.wb-num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum";font-family:SF Mono,JetBrains Mono,Roboto Mono,Menlo,Consolas,monospace}.up{color:var(--wb-up)}.down{color:var(--wb-down)}.flat{color:var(--wb-flat)}.wb-layout{min-height:100%}.wb-sider{background:var(--wb-sider-bg)!important;border-right:1px solid var(--wb-border)}.wb-logo{height:60px;display:flex;align-items:center;gap:10px;padding:0 18px;font-weight:700;font-size:15px;letter-spacing:.3px;color:var(--wb-text);border-bottom:1px solid var(--wb-border);overflow:hidden;white-space:nowrap}.wb-logo-mark{flex:0 0 auto;width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,#1677ff,#52a8ff);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 10px #1677ff59}.wb-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;height:60px;padding:0 20px;background:var(--wb-header-bg);-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--wb-border)}.wb-header-title{font-size:15px;font-weight:600;color:var(--wb-text);white-space:nowrap}.wb-content{padding:20px;background:var(--wb-bg-page)}.wb-card{background:var(--wb-bg-card);border-radius:var(--wb-radius);border:1px solid var(--wb-border);box-shadow:var(--wb-shadow);transition:box-shadow .24s ease,transform .24s ease,border-color .24s ease}.wb-card--hover:hover{box-shadow:var(--wb-shadow-hover);border-color:#1677ff59}.wb-stat{position:relative;padding:18px 20px;overflow:hidden}.wb-stat-label{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--wb-text-secondary);margin-bottom:10px}.wb-stat-value{font-size:26px;font-weight:700;line-height:1.2;color:var(--wb-text);letter-spacing:-.5px}.wb-stat-foot{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:12px;color:var(--wb-text-tertiary);flex-wrap:wrap}.wb-stat-unit{font-size:14px;font-weight:500;color:var(--wb-text-tertiary);margin-left:2px}.wb-spark{position:absolute;right:0;bottom:0;opacity:.5;pointer-events:none}.wb-table-num{font-variant-numeric:tabular-nums;font-family:SF Mono,JetBrains Mono,Menlo,Consolas,monospace}.wb-rank{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;font-size:12px;font-weight:600;background:var(--wb-bg-subtle);color:var(--wb-text-secondary);border:1px solid var(--wb-border)}.wb-rank--1{background:linear-gradient(135deg,#fa541c,#ff7a45);color:#fff;border-color:transparent}.wb-rank--2{background:linear-gradient(135deg,#fa8c16,#ffc069);color:#fff;border-color:transparent}.wb-rank--3{background:linear-gradient(135deg,#d48806,#ffd666);color:#fff;border-color:transparent}.wb-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:middle}.wb-cover{width:40px;height:40px;border-radius:var(--wb-radius-sm);flex:0 0 auto}.wb-empty{padding:48px 16px;text-align:center;color:var(--wb-text-tertiary)}.wb-upload-zone{border:1px dashed var(--wb-border);border-radius:var(--wb-radius);background:var(--wb-bg-subtle);padding:28px 20px;text-align:center;transition:border-color .2s,background-color .2s}.wb-upload-zone--active{border-color:#1677ff;background:#1677ff0f}.wb-code{display:block;padding:12px 14px;border-radius:var(--wb-radius-sm);background:var(--wb-bg-subtle);border:1px solid var(--wb-border);color:var(--wb-text-secondary);font-size:12px;line-height:1.7;white-space:pre-wrap;word-break:break-all;font-family:SF Mono,Menlo,Consolas,monospace}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#8c959e59;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#8c959e8c}::-webkit-scrollbar-track{background:transparent}@media (max-width: 991px){.wb-content{padding:14px}.wb-header{padding:0 12px}.wb-login-brand{display:none!important}}@media (max-width: 767px){.wb-content{padding:12px 12px calc(72px + env(safe-area-inset-bottom))}.wb-stat{padding:14px 16px}.wb-stat-value{font-size:22px}.wb-header-title{font-size:14px}.wb-mobile-tabbar{padding-bottom:env(safe-area-inset-bottom)}}@media print{.wb-sider,.wb-header{display:none!important}}