:root{--color-bg:#eef2f6;--color-surface:#ffffff;--color-surface-muted:#f7f9fc;--color-border:#dfe6ee;--color-border-strong:#cbd6e2;--color-text:#17202a;--color-text-muted:#697789;--color-text-subtle:#8a96a6;--color-brand-green:#16834a;--color-brand-green-soft:#e8f5ed;--color-brand-green-border:#b9dfc8;--color-brand-orange:#d87516;--color-brand-orange-soft:#fff3e3;--color-brand-orange-border:#efc48e;--color-primary:#256eea;--color-primary-hover:#1d5fd0;--color-primary-soft:#eaf2ff;--color-primary-border:#bdd4ff;--color-success:var(--color-brand-green);--color-success-soft:var(--color-brand-green-soft);--color-success-border:var(--color-brand-green-border);--color-warning:var(--color-brand-orange);--color-warning-soft:var(--color-brand-orange-soft);--color-warning-border:var(--color-brand-orange-border);--color-danger:#d14343;--color-danger-soft:#fdecec;--color-danger-border:#f4bcbc;--color-info:#1683d8;--color-info-soft:#e8f4ff;--color-info-border:#b9ddfa;--color-shadow:rgba(24,45,75,0.06);--color-shadow-strong:rgba(24,45,75,0.12);--color-overlay:rgba(23,32,42,0.28);--color-row-hover:rgba(37,110,234,0.04);--color-row-selected:rgba(37,110,234,0.08);--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-round:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--shadow-subtle:0 1px 2px rgba(24,45,75,0.04);--shadow-panel:0 10px 30px var(--color-shadow);--shadow-floating:0 18px 48px var(--color-shadow-strong);--shadow-nav-active:inset 3px 0 0 var(--color-primary);--focus-ring:0 0 0 3px rgba(37,110,234,0.16);--motion-fast:120ms;--motion-base:180ms;--motion-slow:260ms}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--color-bg);color:var(--color-text);font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif}body{overflow-x:hidden}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}.panel{box-shadow:var(--shadow-subtle)}.contentStack,.sectionStack{display:grid;grid-gap:var(--space-5);gap:var(--space-5)}.sectionStack{margin-top:var(--space-5)}.resultHighlight{border-color:var(--color-primary-border);background:linear-gradient(180deg,var(--color-primary-soft),var(--color-surface))}.formSummarySection{margin-bottom:var(--space-4)}.appShell{display:grid;grid-template-columns:264px minmax(0,1fr);min-height:100vh}.sidebar{position:-webkit-sticky;position:sticky;top:0;display:flex;flex-direction:column;height:100vh;border-right:1px solid var(--color-border);background:var(--color-surface);padding:var(--space-5) var(--space-4)}.brand{display:grid;grid-gap:var(--space-3);gap:var(--space-3);margin-bottom:var(--space-6);overflow:visible}.brandLogoFrame{display:flex;align-items:center;justify-content:flex-start;width:100%;height:40px;overflow:visible}.brandLogo{width:auto;max-width:100%;height:40px;object-fit:contain;object-position:left center}.brandText{display:grid;grid-gap:var(--space-1);gap:var(--space-1);border-top:1px solid var(--color-border);padding-top:var(--space-3)}.brandText strong{color:var(--color-text);font-size:17px;line-height:1.2}.brandText span{color:var(--color-text-muted);font-size:13px}.navGroup{display:grid;grid-gap:var(--space-1);gap:var(--space-1);margin-bottom:var(--space-5)}.navSupportGroup{margin-top:auto;margin-bottom:0}.navLabel{padding:var(--space-2) var(--space-3);color:var(--color-text-subtle);font-size:12px}.navItem{display:flex;align-items:center;gap:var(--space-3);height:40px;border-radius:var(--radius-md);padding:0 var(--space-3);color:var(--color-text-muted);font-size:14px;transition:background var(--motion-fast) ease,color var(--motion-fast) ease,box-shadow var(--motion-fast) ease}.navItem:focus-visible,.navItem:hover{background:var(--color-surface-muted);color:var(--color-text);outline:none}.navItemActive{background:var(--color-primary-soft);color:var(--color-primary);font-weight:700;box-shadow:var(--shadow-nav-active)}.mainArea{min-width:0}.standaloneArea{min-height:100vh}.topBar{justify-content:space-between;gap:var(--space-4);height:72px;border-bottom:1px solid var(--color-border);padding:0 var(--space-6)}.searchBox,.topBar{display:flex;align-items:center;background:var(--color-surface)}.searchBox{gap:var(--space-2);width:min(420px,42vw);height:40px;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:0 var(--space-3);color:var(--color-text-subtle);transition:border-color var(--motion-fast) ease,box-shadow var(--motion-fast) ease}.searchBox:focus-within{border-color:var(--color-primary);box-shadow:var(--focus-ring)}.searchBox input{min-width:0;width:100%;border:0;background:transparent;color:var(--color-text);outline:none}.searchBox input::placeholder{color:var(--color-text-subtle)}.topActions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--space-3);color:var(--color-text-muted);font-size:14px}.noticeMenu{position:relative}.noticePanel{position:absolute;right:0;top:calc(100% + var(--space-2));z-index:40;display:grid;grid-gap:var(--space-2);gap:var(--space-2);width:min(300px,calc(100vw - 32px));border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-panel);padding:var(--space-3)}.noticeItem{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);border-radius:var(--radius-md);padding:var(--space-3);color:var(--color-text-muted)}.noticeItem:focus-visible,.noticeItem:hover{background:var(--color-surface-muted);color:var(--color-text);outline:none}.noticeItem strong{color:var(--color-text);white-space:nowrap}.pageContent{padding:var(--space-6)}.pageContentFull{padding:0}.pageHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5)}.pageTitle{margin:0 0 var(--space-2);font-size:28px;line-height:1.2}.pageSubtitle{margin:0;color:var(--color-text-muted);font-size:14px}.panel{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-panel)}.grid{display:grid;grid-gap:var(--space-5);gap:var(--space-5)}.metricGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.splitGrid{grid-template-columns:minmax(0,1.5fr) minmax(320px,.8fr)}@media (max-width:1100px){.appShell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.metricGrid,.splitGrid{grid-template-columns:1fr}}@media (max-width:720px){.topBar{height:auto;align-items:flex-start;flex-direction:column;padding:var(--space-4)}.searchBox{width:100%}.pageHeader{flex-direction:column}}