*{box-sizing:border-box}html{min-width:var(--page-min-width);background:var(--color-page)}body{margin:0;min-width:var(--page-min-width);overflow-x:auto;background:var(--color-page);color:var(--color-text);font-family:Cascadia Code,Inter,等线,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}@media(max-width:500px){html,body{min-width:0;overflow-x:hidden}}:root{--color-page: #f5f8fb;--color-surface: #ffffff;--color-surface-2: #f0f5fa;--color-panel: #ffffff;--color-line: #d8e2ec;--color-line-strong: #b7c7d8;--color-text: #172233;--color-muted: #68788d;--color-soft: #40536c;--color-gold: #c58a20;--color-green: #138a63;--color-cyan: #1677a8;--color-red: #d14343;--color-blue: #2f6fd6;--shadow-panel: 0 12px 30px rgba(28, 49, 72, .08);--radius-panel: 8px;--radius-control: 6px;--page-min-width: 1500px;--page-max-width: 1500px;--page-padding: 28px;--nav-height: 68px;--mobile-frame-inline: 12px;--mobile-frame-top: 10px;--mobile-bottom-nav-space: 88px;--mobile-page-gap: 12px;--mobile-panel-radius: 10px;--mobile-panel-header-pad-y: 10px;--mobile-panel-header-pad-x: 12px;--mobile-panel-title: 15px;--mobile-panel-subtitle: 11.5px;--mobile-hero-pad: 16px;--mobile-hero-gap: 14px;--mobile-title: 24px;--mobile-body: 13px;--mobile-small: 12px;--mobile-tiny: 10.5px;--mobile-control-height: 40px;--mobile-action-height: 38px;--mobile-card-gap: 8px;--mobile-card-pad: 8px;--mobile-metric-height: 74px}@media(max-width:428px){:root{--mobile-frame-inline: 10px;--mobile-page-gap: 11px;--mobile-panel-header-pad-y: 9px;--mobile-panel-header-pad-x: 11px;--mobile-panel-title: 14.5px;--mobile-panel-subtitle: 11px;--mobile-hero-pad: 14px;--mobile-hero-gap: 12px;--mobile-title: 23px;--mobile-body: 12.5px;--mobile-small: 11.5px;--mobile-tiny: 10px;--mobile-control-height: 38px;--mobile-action-height: 37px;--mobile-card-gap: 7px;--mobile-card-pad: 7px;--mobile-metric-height: 70px}}@media(max-width:388px){:root{--mobile-frame-inline: 8px;--mobile-page-gap: 10px;--mobile-panel-header-pad-y: 8px;--mobile-panel-header-pad-x: 10px;--mobile-panel-title: 14px;--mobile-panel-subtitle: 10.5px;--mobile-hero-pad: 12px;--mobile-hero-gap: 10px;--mobile-title: 21px;--mobile-body: 12px;--mobile-small: 11px;--mobile-tiny: 9.5px;--mobile-control-height: 36px;--mobile-action-height: 36px;--mobile-card-gap: 6px;--mobile-card-pad: 6px;--mobile-metric-height: 66px}}.appViewport{min-width:var(--page-max-width);min-height:100vh;overflow-x:auto;background:linear-gradient(180deg,#fff 0,#f7fbff 310px,#f3f7fb)}.appFrame{width:var(--page-max-width);min-width:var(--page-max-width);margin:0 auto;padding:18px var(--page-padding) 40px}.topNav{height:var(--nav-height);display:grid;grid-template-columns:280px minmax(0,1fr) auto;gap:20px;align-items:center;border-bottom:1px solid var(--color-line)}.brandMark{display:grid;gap:3px}.brandMark strong{color:var(--color-text);font-size:18px;letter-spacing:0}.brandMark span{color:var(--color-muted);font-size:12px}.navLinks{display:flex;gap:8px;align-items:center}.navAction,.primaryButton,.secondaryButton{height:34px;border-radius:var(--radius-control);padding:0 14px;font-size:13px;font-weight:800;white-space:nowrap}.navAction,.secondaryButton{border:1px solid var(--color-line-strong);background:#fff;color:var(--color-text)}.navAction:hover,.secondaryButton:hover{border-color:var(--color-blue);color:var(--color-blue)}.primaryButton{border:1px solid var(--color-green);background:var(--color-green);color:#fff}.primaryButton:hover{background:#0f7856}.pageStack{display:grid;gap:16px;padding-top:18px}.panel{border:1px solid var(--color-line);border-radius:var(--radius-panel);background:var(--color-panel);box-shadow:var(--shadow-panel)}.panelHeader{height:58px;min-height:58px;display:flex;justify-content:space-between;gap:18px;align-items:center;padding:0 16px;border-bottom:1px solid var(--color-line);background:#fbfdff}.panelEmptyState{min-height:58px;display:grid;place-items:center;border:1px dashed var(--color-line-strong);border-radius:var(--radius-control);background:#fbfdff;color:var(--color-muted);font-size:13px;font-weight:800;text-align:center}.panelTitle{min-width:0;display:grid;gap:4px;align-content:center}.panelTitle h2,.panelTitle span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panelTitle h2{color:var(--color-text);font-size:16px;line-height:20px}.panelTitle span{color:var(--color-muted);font-size:12px;line-height:16px}.metricGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metricCard{min-height:92px;padding:14px;border:1px solid var(--color-line);border-radius:var(--radius-panel);background:#fff;box-shadow:0 8px 20px #1c31480d}.metricCard svg{color:var(--color-green)}.metricCard span{display:block;color:var(--color-muted);font-size:12px}.metricCard strong{display:block;margin-top:7px;color:var(--color-text);font-size:24px;line-height:1.1}.metricCard small{display:block;margin-top:7px;color:var(--color-soft);font-size:12px}@media(max-width:500px){*{box-sizing:border-box;min-width:0}html,body,#app{width:100%;min-width:0!important;max-width:100%;overflow-x:hidden}.appViewport{min-width:0!important;width:100%!important;max-width:100%!important;overflow-x:hidden!important}.appFrame{box-sizing:border-box;width:100%!important;inline-size:100%;min-width:0!important;max-width:100%!important;max-inline-size:100%;overflow-x:hidden;padding:var(--mobile-frame-top) var(--mobile-frame-inline) calc(var(--mobile-bottom-nav-space) + env(safe-area-inset-bottom))}.pageStack{width:100%;inline-size:100%;max-width:100%;max-inline-size:100%;gap:var(--mobile-page-gap);justify-items:stretch;padding-top:12px;overflow-x:hidden}.panel{width:100%;inline-size:100%;max-width:100%;max-inline-size:100%;border-radius:var(--mobile-panel-radius);box-shadow:none}.panel>*{max-width:100%}.pageStack>*{min-width:0;max-width:100%;justify-self:stretch}.panelHeader{height:auto;min-height:calc(var(--mobile-control-height) + 10px);align-items:center;gap:10px;padding:var(--mobile-panel-header-pad-y) var(--mobile-panel-header-pad-x)}.panelTitle{gap:3px}.panelTitle h2,.panelTitle span{white-space:normal}.panelTitle h2{font-size:var(--mobile-panel-title);line-height:1.2}.panelTitle span{display:-webkit-box;overflow:hidden;font-size:var(--mobile-panel-subtitle);line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.navAction,.primaryButton,.secondaryButton{min-width:0;max-width:100%;overflow:hidden;white-space:normal;line-height:1.2;text-overflow:ellipsis}.metricGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--mobile-card-gap)}.metricCard{min-height:calc(var(--mobile-metric-height) + 12px);padding:calc(var(--mobile-card-pad) + 4px)}.metricCard strong{font-size:20px}}