:root{--ink:#293f4b;--muted:#627782;--line:#d8e0e4;--paper:#fafaf8;--sky:#e8eff4;--accent:#8e3935;--select:#f1e4df;--focus:#af6716}
*{box-sizing:border-box}html,body{margin:0;height:100%;font:14px/1.55 "Microsoft YaHei","PingFang SC",sans-serif;color:var(--ink);background:var(--paper)}body{display:flex;flex-direction:column}header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 22px;background:#fff;border-bottom:1px solid var(--line);flex:none}.case-nav{display:flex;gap:16px;font-size:11px;margin-bottom:5px}.case-nav a{color:var(--muted);text-decoration:none}.case-nav a:hover{text-decoration:underline}.case-nav [aria-current]{color:var(--accent)}h1{font-family:"Noto Serif SC","SimSun",serif;font-size:25px;line-height:1.25;margin:0;font-weight:600}.eyebrow{font-size:11px;color:var(--muted);margin:5px 0 0}button{font:inherit;color:var(--accent);background:#fff;border:1px solid #c7cdd0;border-radius:6px;padding:8px 11px;cursor:pointer;min-height:36px}button:hover:not(:disabled){background:#f3eae7}button:disabled{opacity:.43;cursor:default}button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible,a:focus-visible{outline:3px solid var(--focus);outline-offset:2px}button[aria-pressed=true]{background:var(--select);border-color:var(--accent);color:#6f2624}.presets{display:flex;gap:7px;padding:10px 22px;background:#fff;border-bottom:1px solid var(--line);flex:none}.presets button{font-size:13px;padding:7px 15px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;flex:1;min-height:0}main{position:relative;min-width:0;min-height:0;overflow:hidden;background:var(--sky)}canvas{display:block;width:100%;height:100%;touch-action:none}aside{padding:18px;background:#fff;overflow-y:auto;border-left:1px solid var(--line)}.view-title{font-size:18px;font-weight:600;margin:0 0 8px}.view-note{font-size:13px;color:var(--muted);line-height:1.8;margin:0 0 15px}.main-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.main-actions button{font-size:12px}#detail{min-height:40px;white-space:pre-line;font-size:12px;margin:14px 0 7px;color:var(--muted)}.selection-actions{display:flex;gap:5px}.selection-actions button{flex:1;font-size:11px;padding:6px 5px}details{border-top:1px solid var(--line);padding:12px 0;margin-top:10px}summary{color:var(--accent);font-weight:600;cursor:pointer}details p{color:var(--muted)}.section-title{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;margin:12px 0 8px}.section-title button{font-size:10px;min-height:28px;padding:3px 6px}#groups label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:12px;min-height:31px}#groups label span{flex:1}#groups small{font-variant-numeric:tabular-nums;color:#84949c;font-size:10px}.unavailable{opacity:.45}input[type=checkbox]{width:16px;height:16px;margin:0;accent-color:var(--accent)}input[type=range]{width:100%;accent-color:var(--accent);min-height:30px}.buttons{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}.buttons button{font-size:11px;padding:5px 9px}input[type=search],select{display:block;width:100%;font:inherit;font-size:12px;padding:7px;margin-top:8px;border:1px solid var(--line);border-radius:5px;background:#fff;color:var(--ink)}select{min-height:95px}.small{font-size:11px}.muted{color:var(--muted)}.scope-note{font-size:11px;line-height:1.8;padding:11px;margin:12px 0;background:#f4eeeb;border-left:2px solid #bf9690;color:var(--muted)}.cover{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#263b49}.cover img{position:absolute;width:100%;height:100%;object-fit:cover;opacity:.64}.cover>div{position:relative;color:#fff;text-align:center;padding:20px}.cover p{font-size:23px;text-shadow:0 1px 10px #0009}.cover button{font-size:17px;padding:13px 28px;box-shadow:0 4px 20px #0003}.cover small{display:block;margin-top:12px;text-shadow:0 1px 6px #000}.hidden{display:none}#status{position:absolute;top:12px;left:14px;font-size:11px;background:#ffffffe8;color:#4c6470;padding:5px 9px;border-radius:5px;pointer-events:none}.hint{position:absolute;bottom:12px;left:12px;right:12px;text-align:center;color:#526b78;font-size:11px;pointer-events:none;text-shadow:0 1px 3px white}.mobile-only{display:none}
@media(max-width:760px){html,body{height:auto;min-height:100%}header{padding:12px;gap:7px}h1{font-size:21px}.case-nav{gap:12px;font-size:10px}.eyebrow{font-size:10px}header>button{font-size:11px;max-width:92px}.presets{display:grid;grid-template-columns:1fr 1fr;padding:8px 12px;gap:6px}.presets button{font-size:12px;padding:7px}.layout{display:flex;flex-direction:column}.layout main{height:53svh;min-height:320px;flex:none}aside{overflow:visible;border-left:0;border-top:1px solid var(--line);padding:15px}.cover p{font-size:18px}.mobile-only{display:block}.hint{font-size:10px}.view-note{margin-bottom:10px}.main-actions button,.selection-actions button{min-height:40px}#groups label{min-height:36px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}