:root{--bg: #0a0e14;--bg2: #11161f;--panel: #141b26;--panel2: #1a2230;--border: #232c3b;--text: #e6edf3;--muted: #8b97a7;--accent: #38bdf8;--accent2: #0ea5e9}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Segoe UI,Microsoft YaHei,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);font-size:13px;overflow:hidden}.app{display:flex;flex-direction:column;height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 16px;gap:16px;background:linear-gradient(180deg,#0f1620,#0b1019);border-bottom:1px solid var(--border);flex-shrink:0}.brand{display:flex;align-items:baseline;gap:10px}.brand-mark{color:var(--accent);font-size:20px}.brand-name{font-size:16px;font-weight:600;letter-spacing:.5px}.brand-sub{color:var(--muted);font-size:11px}.topbar-right{display:flex;align-items:center;gap:12px}.user-box{display:flex;align-items:center;gap:8px;padding-left:12px;border-left:1px solid var(--border)}.user-name{color:var(--muted);font-size:12px;white-space:nowrap}.logout-btn{background:var(--panel2);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:5px 12px;cursor:pointer;font-size:12px}.logout-btn:hover{border-color:#ef4444;color:#fca5a5}.login-wrap{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(1200px 600px at 50% -10%,#122436,#070b12 60%)}.login-card{width:370px;background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:34px 32px 26px;box-shadow:0 24px 70px #0000008c}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:26px}.login-brand .brand-mark{font-size:30px}.login-title{font-size:19px;font-weight:700;letter-spacing:.5px}.login-sub{color:var(--muted);font-size:11px;margin-top:3px}.login-field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.login-field span{color:var(--muted);font-size:12px}.login-field input{background:var(--bg2);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:14px;padding:10px 12px;outline:none}.login-field input:focus{border-color:var(--accent)}.login-err{background:#2a1414;border:1px solid #7f1d1d;color:#fca5a5;border-radius:7px;padding:7px 10px;font-size:12px;margin-bottom:14px}.login-btn{width:100%;background:linear-gradient(90deg,#0ea5e9,#38bdf8);color:#00121d;border:none;border-radius:8px;padding:11px;cursor:pointer;font-size:15px;font-weight:700;letter-spacing:4px;margin-top:4px}.login-btn:hover{filter:brightness(1.08)}.login-foot{text-align:center;color:var(--muted);font-size:11px;margin-top:16px}.toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tb-btn{background:var(--panel2);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:5px 10px;cursor:pointer;font-size:12px;transition:all .15s}.tb-btn:hover{border-color:var(--accent2)}.tb-btn.on{background:#0c3a52;border-color:var(--accent);color:#bfe9ff}.tb-group{display:flex;gap:4px;padding:0 4px;border-left:1px solid var(--border);border-right:1px solid var(--border)}.chip{display:inline-flex;align-items:center;gap:5px;background:var(--panel);border:1px solid var(--border);color:var(--muted);border-radius:14px;padding:4px 9px;cursor:pointer;font-size:11px;opacity:.55;transition:all .15s}.chip.on{opacity:1;color:var(--text);border-color:var(--c);background:var(--panel2)}.chip .dot{width:9px;height:9px;border-radius:50%}.tb-slider{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:11px}.tb-slider input{width:80px;accent-color:var(--accent)}.tb-hint{color:var(--muted);font-size:11px;margin-left:4px}.body{flex:1;display:flex;min-height:0}.case-list{width:232px;flex-shrink:0;background:var(--bg2);border-right:1px solid var(--border);display:flex;flex-direction:column}.panel-title{padding:12px 14px;font-weight:600;font-size:13px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px;flex-shrink:0}.panel-title .count{background:var(--panel2);color:var(--muted);border-radius:10px;padding:1px 8px;font-size:11px;font-weight:500}.case-search{position:relative;padding:8px 10px 4px;flex-shrink:0;display:flex;align-items:center}.case-search .search-icon{position:absolute;left:18px;font-size:11px;opacity:.6;pointer-events:none}.case-search input{width:100%;background:var(--panel);border:1px solid var(--border);border-radius:7px;color:var(--text);font-size:12px;padding:7px 26px;outline:none}.case-search input:focus{border-color:var(--accent)}.case-search input::placeholder{color:var(--muted)}.search-clear{position:absolute;right:16px;background:none;border:none;color:var(--muted);font-size:16px;cursor:pointer;line-height:1;padding:0}.search-clear:hover{color:var(--text)}.case-ids{display:flex;gap:8px;margin:2px 0 6px;color:var(--muted);font-size:10px;font-family:Consolas,Courier New,monospace;letter-spacing:.2px}.no-result{color:var(--muted);text-align:center;padding:24px 8px;font-size:12px}.case-scroll{flex:1;overflow-y:auto;padding:8px}.case-card{display:block;width:100%;text-align:left;cursor:pointer;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:10px;margin-bottom:8px;color:var(--text);transition:all .15s}.case-card:hover{border-color:var(--accent2)}.case-card.active{border-color:var(--accent);background:#0e2230;box-shadow:0 0 0 1px var(--accent) inset}.case-row1{display:flex;justify-content:space-between;align-items:center}.case-name{font-weight:600;font-size:14px}.case-mfr{color:var(--muted);font-size:10px}.case-meta{color:var(--muted);font-size:11px;margin:4px 0 6px}.case-tags{display:flex;gap:5px;flex-wrap:wrap}.tag{background:var(--panel2);color:var(--muted);border-radius:4px;padding:1px 6px;font-size:10px}.tag-g{color:#7fe0a0}.tag-l{color:#ff9ecb}.case-foot{padding:8px 12px;color:var(--muted);font-size:10px;border-top:1px solid var(--border)}.viewer-area{flex:1;min-width:0;position:relative;background:#000}.loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--muted);z-index:5}.viewer-grid{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:2px;background:var(--border)}.viewer-grid.single{grid-template-columns:1fr;grid-template-rows:1fr}.vp-maxbtn{position:absolute;top:5px;right:5px;z-index:6;background:#060a109e;border:1px solid rgba(255,255,255,.14);color:#cbd5e1;border-radius:5px;width:26px;height:22px;cursor:pointer;font-size:13px;line-height:1;display:flex;align-items:center;justify-content:center;opacity:.5;transition:opacity .15s,border-color .15s,color .15s}.viewport:hover .vp-maxbtn{opacity:1}.vp-maxbtn:hover{border-color:var(--accent);color:#fff}.viewport{position:relative;background:#000;overflow:hidden;cursor:crosshair}.viewport canvas{display:block}.vp-label{position:absolute;font-size:11px;color:#cbd5e1;pointer-events:none;text-shadow:0 1px 3px #000,0 0 2px #000;padding:6px 8px}.vp-label.tl{top:8px;left:8px;display:flex;align-items:center;gap:8px;background:#060a10bd;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:5px 11px 5px 7px;text-shadow:none}.vp-label.tr{top:0;right:0;color:var(--muted)}.vp-label.bl{bottom:0;left:0}.vp-label.br{bottom:0;right:0;color:var(--muted)}.vp-tag{display:inline-block;color:#00121d;font-weight:800;border-radius:6px;padding:3px 10px;font-size:15px;letter-spacing:.6px;line-height:1.1}.tag-T2{background:#38bdf8}.tag-DWI{background:#2dd4bf}.tag-ADC{background:#c084fc;color:#1a032b}.tag-PROB{background:#fb923c;color:#2a1400}.vp-title{font-size:14px;color:#fff;font-weight:700;letter-spacing:.3px}.vp-label.params{top:28px;text-align:right;line-height:1.5;font-size:10.5px;color:#b9c4d2}.vp-label.params div{white-space:nowrap}.heat-cap{color:#fb923c!important;font-weight:600}.ai-panel{width:350px;flex-shrink:0;background:var(--bg2);border-left:1px solid var(--border);display:flex;flex-direction:column}.ai-scroll{flex:1;overflow-y:auto;padding:10px}.card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:12px;margin-bottom:10px}.card h3{margin:0 0 8px;font-size:13px;font-weight:600;display:flex;justify-content:space-between;align-items:center}.card.highlight{background:linear-gradient(180deg,#0e2230,var(--panel));border-color:#1d4a63}.kv{display:flex;justify-content:space-between;padding:3px 0;font-size:12px}.kv span{color:var(--muted)}.kv b{font-weight:600}.muted{color:var(--muted);font-weight:400;font-size:11px}.yes{color:#f87171}.no{color:#4ade80}.badges{display:grid;grid-template-columns:1fr 1fr;gap:8px}.badge{background:var(--panel2);border:1px solid var(--border);border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:2px}.badge span{color:var(--muted);font-size:11px}.badge b{font-size:18px}.card.lesion{cursor:pointer;transition:all .15s}.card.lesion:hover{border-color:var(--accent2)}.card.lesion.active{border-color:#ff2d95;box-shadow:0 0 0 1px #ff2d95 inset}.lesion-head{display:flex;justify-content:space-between;align-items:center}.pirads-pill{color:#fff;font-weight:700;border-radius:12px;padding:3px 10px;font-size:12px}.prob-bar{position:relative;height:22px;background:var(--panel2);border-radius:6px;margin:10px 0;overflow:hidden}.prob-fill{position:absolute;left:0;top:0;bottom:0;opacity:.35}.prob-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600}.lesion-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.basis{margin-top:8px;color:var(--muted);font-size:11px;line-height:1.5;border-top:1px dashed var(--border);padding-top:6px}.card.ref{border-color:#3a3550;background:linear-gradient(180deg,#1a1726,var(--panel))}.ref-tag{background:#3a2f52;color:#c9b8ff;border-radius:4px;padding:1px 7px;font-size:10px;font-weight:500}.ref-lesion b{text-align:right}.ref-note{color:#c9b8ff;font-weight:400}.cspca-banner{margin-top:10px;border-radius:8px;padding:9px 12px;border:1px solid var(--border);background:var(--panel2)}.cspca-banner.pos{border-color:#7f1d1d;background:linear-gradient(180deg,#2a1414,var(--panel2))}.cspca-banner.neg{border-color:#14532d;background:linear-gradient(180deg,#102a1a,var(--panel2))}.cspca-main{display:flex;align-items:baseline;justify-content:space-between}.cspca-label{font-size:12px;color:var(--text);font-weight:600}.cspca-val{font-size:18px;font-weight:800}.cspca-banner.pos .cspca-val{color:#f87171}.cspca-banner.neg .cspca-val{color:#4ade80}.cspca-sub{color:var(--muted);font-size:11px;margin-top:3px;line-height:1.5}.cspca-rule{color:#6b7689}.card.engine{background:linear-gradient(180deg,#101b26,var(--bg2));border-color:#1d3a52}.engine-title{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.engine-name{color:var(--accent);font-size:16px;font-weight:800;letter-spacing:.5px}.engine-full{color:var(--text);font-size:12px;font-weight:600}.engine-sub{color:var(--muted);font-size:11px;margin:4px 0 10px}.engine-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}.metric{background:var(--panel2);border:1px solid var(--border);border-radius:8px;padding:8px 4px;text-align:center;display:flex;flex-direction:column;gap:2px}.metric b{color:var(--accent);font-size:16px}.metric span{color:var(--muted);font-size:10px}.engine-points{margin:0;padding-left:16px}.engine-points li{color:#aeb8c6;font-size:11px;line-height:1.7;margin-bottom:5px}.engine-journal{margin-top:8px;padding-top:8px;border-top:1px dashed var(--border);color:#c9b8ff;font-size:11px}.three-btn.on{background:#0c3a52;border-color:var(--accent);color:#bfe9ff}.tb-demo{border-color:#2e7d6b;color:#a7f3d0}.tb-demo.on{background:#0c4636;border-color:#34d399;color:#d1fae5}.demobar{position:absolute;left:50%;bottom:16px;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:25;width:min(720px,92%);background:#0a1218f5;border:1px solid #1ea8a0;border-radius:12px;padding:10px 16px;box-shadow:0 10px 34px #0009}.demo-narration{display:flex;align-items:center;gap:10px}.demo-badge{background:linear-gradient(90deg,#14b8a6,#38bdf8);color:#00151a;font-weight:800;border-radius:5px;padding:2px 9px;font-size:11px;letter-spacing:.5px}.demo-caption{font-size:14px;font-weight:600;color:#e6fffb}.demo-steps{display:flex;gap:5px}.demo-dot{flex:1;height:5px;border-radius:3px;background:#1f2c33;overflow:hidden}.demo-dot.cur{box-shadow:0 0 0 1px #34d399 inset}.demo-dot-fill{display:block;height:100%;background:linear-gradient(90deg,#14b8a6,#38bdf8);transition:width .1s linear}.demo-dot.done .demo-dot-fill{width:100%!important}.demo-controls{display:flex;align-items:center;gap:6px}.demo-controls>button{background:var(--panel2);color:var(--text);border:1px solid var(--border);border-radius:7px;padding:5px 10px;cursor:pointer;font-size:13px;min-width:34px}.demo-controls>button:hover:not(:disabled){border-color:#34d399}.demo-controls>button:disabled{opacity:.35;cursor:not-allowed}.demo-play{background:#0c4636!important;border-color:#34d399!important;color:#d1fae5!important}.demo-speed{display:flex;gap:2px;margin-left:auto}.demo-speed button{background:var(--panel);border:1px solid var(--border);color:var(--muted);border-radius:5px;padding:4px 7px;cursor:pointer;font-size:11px}.demo-speed button.on{background:#0c4636;border-color:#34d399;color:#d1fae5}.demo-exit{color:#fca5a5!important}.demo-exit:hover{border-color:#ef4444!important}@keyframes demoReveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.demo-reveal{animation:demoReveal .45s ease-out both}.demo-reveal .card.highlight{box-shadow:0 0 0 1px #34d399 inset,0 0 20px #34d39940}.tb-measure{border-color:#8a7320;color:#fde047}.tb-measure.on{background:#3a3210;border-color:#fde047;color:#fef9c3}.measure2d-bar{position:absolute;left:50%;bottom:16px;transform:translate(-50%);display:flex;align-items:center;gap:14px;z-index:22;background:#111620f5;border:1px solid #fde047;border-radius:12px;padding:10px 16px;box-shadow:0 8px 30px #0009}.m2-badge{background:#fde047;color:#2a2400;font-weight:800;border-radius:5px;padding:2px 9px;font-size:11px}.m2-hint{color:var(--muted);font-size:12px}.m2-actions{display:flex;gap:8px}.tb-3d{border-color:#2a6f8f}.tb-3d.on{background:#0c3a52;border-color:var(--accent);color:#bfe9ff}.tb-btn:disabled{opacity:.4;cursor:not-allowed}.viewport.editing{cursor:none;box-shadow:0 0 0 2px #ff2d95 inset}.edit-flag{background:#ff2d95;color:#fff;border-radius:4px;padding:1px 6px;margin-left:6px;font-size:10px;font-weight:600}.editbar{position:absolute;left:50%;bottom:16px;transform:translate(-50%);display:flex;align-items:center;gap:14px;z-index:20;background:#111620f5;border:1px solid #ff2d95;border-radius:12px;padding:10px 16px;box-shadow:0 8px 30px #0009}.editbar-title{font-weight:600;color:#ff9ecb}.seg{display:flex;gap:0;border:1px solid var(--border);border-radius:7px;overflow:hidden}.seg-btn{background:var(--panel2);color:var(--muted);border:none;padding:6px 12px;cursor:pointer;font-size:12px}.seg-btn.on.add{background:#7a1144;color:#ffd5e9}.seg-btn.on.erase{background:#0c4a6e;color:#d5efff}.editbar-slider{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.editbar-slider input{width:110px;accent-color:#ff2d95}.editbar-hint{color:var(--muted);font-size:11px}.editbar-actions{display:flex;gap:8px}.btn-ghost{background:var(--panel2);color:var(--text);border:1px solid var(--border);border-radius:7px;padding:7px 14px;cursor:pointer}.btn-primary{background:#db2777;color:#fff;border:none;border-radius:7px;padding:7px 16px;cursor:pointer;font-weight:600}.btn-primary:disabled,.btn-ghost:disabled{opacity:.5;cursor:not-allowed}.edited-badge{background:#7a1144;color:#ffd5e9;border-radius:4px;padding:1px 6px;font-size:10px;margin-left:6px}.benign-badge{background:#14532d;color:#86efac;border-radius:4px;padding:1px 6px;font-size:10px;margin-left:6px}.lesion-actions{display:flex;gap:8px;margin-top:8px}.btn-edit,.btn-reset{background:var(--panel2);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:5px 10px;cursor:pointer;font-size:11px}.btn-edit:hover{border-color:#ff2d95;color:#ff9ecb}.btn-reset:hover{border-color:var(--accent2)}.btn-edit:disabled,.btn-reset:disabled{opacity:.4;cursor:not-allowed}.card.lesion.editing{border-color:#ff2d95;box-shadow:0 0 0 1px #ff2d95 inset}.editing-tag{color:#ff9ecb;font-size:11px}.three-wrap{position:absolute;top:0;right:0;bottom:0;left:0;background:#05080d}.three-mount{position:absolute;top:0;right:0;bottom:0;left:0}.three-mount canvas{display:block}.three-controls{position:absolute;left:12px;top:12px;display:flex;gap:8px}.three-btn{background:#111620e6;color:var(--text);border:1px solid var(--accent2);border-radius:8px;padding:7px 13px;cursor:pointer;font-size:12px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:all .15s}.three-btn:hover{background:#0c3a52;border-color:var(--accent);color:#bfe9ff}.three-hint{position:absolute;left:12px;bottom:10px;color:var(--muted);font-size:11px;text-shadow:0 1px 3px #000;pointer-events:none}.measure-hint{position:absolute;top:56px;left:12px;right:12px;z-index:5;background:#080c12d9;border:1px solid #fde047;color:#fde047;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600;pointer-events:none}.live-dist{position:fixed;z-index:50;display:none;pointer-events:none;background:#080c12e6;border:1px solid #fde047;color:#fde047;border-radius:6px;padding:2px 8px;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}.three-legend{position:absolute;right:12px;top:12px;display:flex;flex-direction:column;gap:6px;background:#111620b3;border:1px solid var(--border);border-radius:8px;padding:8px 12px}.three-legend .leg{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--text)}.three-legend .dot{width:11px;height:11px;border-radius:50%}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#2a3545;border-radius:5px}::-webkit-scrollbar-track{background:transparent}