:root{--page:#f2f4f5;--panel:#fff;--line:#d8dfe2;--ink:#182229;--muted:#68757d;--nav:#17242a;--nav2:#23434b;--teal:#087d68;--blue:#2674a6;--red:#ba3c35;--amber:#9b6700;--soft:#f7f9fa}*{box-sizing:border-box}html{background:var(--page)}body{margin:0;color:var(--ink);background:var(--page);font:14px/1.5 "Microsoft YaHei","PingFang SC",Arial,sans-serif;letter-spacing:0}button,select,textarea{font:inherit}.shell{min-height:100vh;display:grid;grid-template-columns:224px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;padding:18px 12px;color:#d8e2e6;background:var(--nav);display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;padding:3px 9px 18px;border-bottom:1px solid #34434a}.brand-mark{width:34px;height:34px;display:grid;place-items:center;background:#e6f3f0;color:#0a6d5c;font-size:18px;font-weight:800;border-radius:6px}.brand strong,.brand span{display:block}.brand strong{color:#fff;font-size:17px}.brand span{margin-top:2px;color:#91a5ad;font-size:11px}nav{display:grid;gap:4px;padding-top:13px}.nav-item{min-height:42px;display:flex;align-items:center;gap:9px;padding:0 10px;border:0;border-radius:5px;color:#c9d4d8;background:transparent;text-align:left;cursor:pointer}.nav-item:hover,.nav-item.active{color:#fff;background:var(--nav2)}.nav-item>span{width:22px;height:22px;display:grid;place-items:center;border-radius:4px;background:#36525a;font-size:11px}.nav-item i{margin-left:auto;min-width:18px;padding:1px 5px;border-radius:9px;color:#ffe5b0;background:#7a591b;text-align:center;font-size:10px;font-style:normal}.case-meta{margin-top:auto;padding:15px 9px 4px;border-top:1px solid #34434a}.case-meta span,.case-meta b,.case-meta small{display:block}.case-meta span,.case-meta small{color:#91a5ad;font-size:11px}.case-meta b{margin:5px 0;color:#fff;font-size:12px}.workspace{min-width:0}.topbar{min-height:82px;padding:14px 26px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:#fff;border-bottom:1px solid var(--line)}h1{margin:0;font-size:22px}.topbar p{margin:3px 0 0;color:var(--muted);font-size:12px}.global-filters{display:flex;align-items:end;gap:8px;flex-wrap:wrap}label{display:grid;gap:4px;color:var(--muted);font-size:12px}select{min-height:34px;min-width:150px;padding:5px 8px;border:1px solid var(--line);border-radius:4px;color:var(--ink);background:#fff}.icon-button{width:34px;height:34px;border:1px solid var(--line);border-radius:4px;color:var(--ink);background:#fff;cursor:pointer;font-size:18px}.icon-button:hover{border-color:#91aeb8;background:#f4f8f9}main{padding:20px 26px 42px}.view{display:none}.view.active{display:block}.event-banner{padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#fff;background:#273b42;border-left:5px solid #d09a35}.event-banner h2{margin:7px 0 2px;font-size:19px}.event-banner p{margin:0;color:#c8d2d5;font-size:12px}.risk-label{display:inline-block;color:#ffdca0;font-size:11px}.event-status{text-align:right}.event-status span,.event-status small{display:block}.event-status span{font-size:16px}.event-status small{margin-top:5px;color:#b9c6ca}.metric-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:14px 0}.metric-card{min-height:106px;padding:13px 14px;background:#fff;border:1px solid var(--line);border-radius:6px}.metric-card span,.metric-card small{display:block;color:var(--muted);font-size:11px}.metric-card strong{display:block;margin:8px 0 5px;font-size:23px;font-variant-numeric:tabular-nums}.metric-card.danger{border-top:3px solid var(--red)}.metric-card.warning{border-top:3px solid var(--amber)}.metric-card.good{border-top:3px solid var(--teal)}.band{margin-top:14px;padding:15px;background:#fff;border:1px solid var(--line);border-radius:6px}.section-head{min-height:38px;display:flex;align-items:start;justify-content:space-between;gap:15px;margin-bottom:12px}.section-head h2,.section-head h3{margin:0;font-size:16px}.section-head p{margin:2px 0 0;color:var(--muted);font-size:11px}.product-contribution{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.product-card{padding:12px;border:1px solid #e3e8ea;background:var(--soft);cursor:pointer}.product-card:hover{border-color:#9eb8c1;background:#f1f6f7}.product-top{display:flex;gap:10px;align-items:center}.product-top img{width:54px;height:54px;object-fit:cover;border:1px solid #dce2e4;background:#fff}.product-top strong,.product-top small{display:block}.product-top small{color:var(--muted)}.product-card .change{display:flex;justify-content:space-between;margin-top:10px;font-variant-numeric:tabular-nums}.negative{color:var(--red)}.positive{color:var(--teal)}.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.module-card{padding:14px;background:#fff;border:1px solid var(--line);border-radius:6px;cursor:pointer}.module-card:hover{border-color:#9bb5bf}.module-card header{display:flex;align-items:center;justify-content:space-between}.module-card header b{font-size:15px}.module-card header span{color:var(--blue);font-size:11px}.module-card strong{display:block;margin:13px 0 3px;font-size:20px}.module-card p{min-height:34px;margin:7px 0 0;color:var(--muted);font-size:11px}.brief-band{background:#fbfcfc}.brief-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.brief-grid>div{display:grid;grid-template-columns:32px 1fr;gap:8px}.brief-grid b{color:#b17a19;font-size:20px}.brief-grid span{font-size:12px}.chart-band canvas{width:100%;max-height:310px}.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.table-wrap{overflow:auto;max-height:500px}table{width:100%;border-collapse:collapse;font-size:12px}th,td{padding:9px 8px;border-bottom:1px solid #edf0f1;text-align:left;vertical-align:middle}th{position:sticky;top:0;z-index:1;color:var(--muted);background:#f7f9fa;font-weight:600;white-space:nowrap}td.num{text-align:right;font-variant-numeric:tabular-nums}tbody tr[data-click]{cursor:pointer}tbody tr[data-click]:hover{background:#eef6f5}.status{display:inline-block;padding:2px 7px;border-radius:10px;background:#edf1f2;font-size:10px}.status.bad{color:var(--red);background:#fdebea}.status.warn{color:var(--amber);background:#fff2d8}.status.ok{color:var(--teal);background:#e4f4ed}.inline-chart{margin-top:14px;padding:12px;border:1px solid var(--line);background:#fbfcfc}.hidden{display:none!important}.tool-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.tool-tab{min-height:32px;padding:0 12px;border:1px solid var(--line);border-radius:4px;color:var(--ink);background:#fff;cursor:pointer}.tool-tab.active{color:#fff;border-color:var(--teal);background:var(--teal)}.reason-list{display:grid;gap:10px}.reason-row{display:grid;grid-template-columns:140px 1fr 80px;align-items:center;gap:10px}.reason-bar{height:10px;background:#e8edef}.reason-bar i{display:block;height:100%;background:#4e8799}.note-panel h2{margin:0 0 14px;font-size:16px}.audit-callout{padding:13px;border-left:4px solid var(--amber);background:#fff7e6}.audit-callout p{margin:5px 0 0;color:#635842;font-size:12px}.audit-number{margin-top:14px;padding:12px;background:#f7f9fa}.audit-number span,.audit-number small{display:block;color:var(--muted);font-size:11px}.audit-number b{display:block;margin:5px 0;color:var(--red);font-size:26px}.competitor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.competitor-card{padding:14px;border:1px solid var(--line);background:#fbfcfc}.competitor-card header{display:flex;justify-content:space-between}.competitor-card header span{color:var(--muted)}.compare-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.compare-row>div{padding:9px;background:#fff;border-left:3px solid #76909a}.compare-row span,.compare-row small{display:block;color:var(--muted);font-size:10px}.compare-row b{display:block;margin:4px 0}.competitor-card details{margin-top:12px;color:var(--muted);font-size:11px}.health-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.health-summary>div{padding:16px;background:#fff;border:1px solid var(--line)}.health-summary b,.health-summary span{display:block}.health-summary b{font-size:25px}.health-summary span{color:var(--muted);font-size:11px}.health-list{display:grid;gap:8px}.health-item{border:1px solid #e1e6e8;background:#fbfcfc}.health-item button{width:100%;padding:12px;display:grid;grid-template-columns:90px 90px 1fr auto;gap:10px;border:0;background:transparent;text-align:left;cursor:pointer}.health-item button:hover{background:#f1f6f7}.health-detail{display:none;padding:0 12px 12px 192px;color:var(--muted);font-size:12px}.health-item.open .health-detail{display:block}.diagnosis-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:14px}.diagnosis-form{margin-top:0}.diagnosis-form>label{margin-top:12px;color:var(--ink)}textarea{width:100%;min-height:88px;padding:9px;border:1px solid var(--line);border-radius:4px;resize:vertical}.form-actions{display:flex;gap:8px;margin-top:15px}.primary-button,.secondary-button{min-height:36px;padding:0 14px;border-radius:4px;cursor:pointer}.primary-button{border:1px solid var(--teal);color:#fff;background:var(--teal)}.secondary-button{border:1px solid var(--line);color:var(--ink);background:#fff}.evidence-board{min-height:420px;padding:15px;background:#fff;border:1px solid var(--line)}.evidence-board h2{margin:0;font-size:16px}.evidence-board>p{color:var(--muted);font-size:11px}.evidence-item{margin-top:8px;padding:10px;border-left:3px solid #698a96;background:#f5f8f9}.evidence-item b,.evidence-item span{display:block}.evidence-item span{margin-top:3px;color:var(--muted);font-size:11px}.evidence-add{padding:2px 7px;border:1px solid #aabcc3;border-radius:3px;color:#326b80;background:#fff;cursor:pointer;font-size:10px}#saveState{color:var(--muted);font-size:11px}@media(max-width:1180px){.metric-strip{grid-template-columns:repeat(3,1fr)}.product-contribution,.brief-grid{grid-template-columns:repeat(2,1fr)}.module-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:820px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;padding:10px}.brand,.case-meta{display:none}nav{padding:0;grid-template-columns:repeat(3,1fr)}.nav-item{justify-content:center;padding:0 4px;font-size:11px}.nav-item>span,.nav-item i{display:none}.topbar{align-items:start;flex-direction:column;padding:14px}.global-filters,.global-filters label,.global-filters select{width:100%}main{padding:14px}.metric-strip,.product-contribution,.module-grid,.brief-grid,.split-grid,.competitor-grid,.health-summary,.diagnosis-layout{grid-template-columns:1fr}.health-detail{padding-left:12px}.health-item button{grid-template-columns:1fr}.reason-row{grid-template-columns:110px 1fr 55px}}
