:root{--ink:#17313a;--muted:#5c6f75;--bg:#f3f7f5;--card:#fff;--line:#d6e2de;--brand:#0d6170;--brand2:#d9f0eb;--danger:#a72e2e;--warn:#925900;--radius:14px;--shadow:0 8px 24px #183d4512}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 system-ui,"Microsoft JhengHei",sans-serif}header{background:linear-gradient(120deg,#0b3d47,#116572);color:white;padding:28px max(24px,calc((100% - 1400px)/2));display:flex;justify-content:space-between;gap:24px;align-items:flex-end}.eyebrow{letter-spacing:.13em;font-size:.73rem;margin:0;opacity:.8}h1{font-size:clamp(1.45rem,3vw,2.1rem);margin:.1rem 0}h2{font-size:1.55rem;margin:0}h3{margin-top:0}.storage{background:#ffffff24;padding:8px 12px;border-radius:10px;font-size:.9rem}nav{background:#fff;border-bottom:1px solid var(--line);padding:0 max(16px,calc((100% - 1400px)/2));display:flex;gap:4px;overflow:auto}.nav{border:0;border-bottom:3px solid transparent;background:none;color:var(--muted);padding:15px 18px;font-weight:700;white-space:nowrap}.nav.active{color:var(--brand);border-color:var(--brand)}button{font:inherit;cursor:pointer;border-radius:9px;border:1px solid var(--line);padding:10px 14px;background:white;color:var(--ink);min-height:44px}button:hover{filter:brightness(.96)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #65b8c6;outline-offset:2px}.primary{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:700}.ghost{background:#fff}.danger{background:#fff3f2;color:var(--danger);border-color:#e4b5b2}.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;z-index:9;background:#fff;padding:8px}main{max-width:1400px;margin:auto;padding:28px 24px 52px}.view{display:none}.view.active{display:block}.view-head{display:flex;justify-content:space-between;gap:16px;align-items:start;margin-bottom:18px}.view-head p,.analysis,.record-meta{color:var(--muted)}fieldset,article,.analysis,.record{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}fieldset{margin:0 0 18px;padding:20px}legend{font-size:1.1rem;font-weight:750;padding:0 5px}legend small{font-size:.8rem;color:var(--muted);font-weight:400}.grid{display:grid;gap:14px}.four{grid-template-columns:repeat(4,minmax(0,1fr))}.seven{grid-template-columns:repeat(7,minmax(0,1fr))}.three{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px}.two{grid-template-columns:repeat(2,minmax(0,1fr))}label{display:grid;gap:5px;font-size:.9rem;font-weight:650}input,select,textarea{width:100%;border:1px solid #b8c9c4;border-radius:8px;padding:9px;background:#fff;color:var(--ink);font:inherit;min-height:42px}textarea{resize:vertical}.checks{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:14px}.checks label{display:flex;align-items:center}.checks input{width:auto;min-height:auto}.form-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;position:sticky;bottom:0;background:#f3f7f5ee;padding:14px 0}.form-actions span{margin-right:auto;color:var(--muted);font-size:.9rem}.warning,.form-error{padding:10px 12px;border-radius:8px;background:#fff2d7;color:#6e4600;font-weight:650}.form-error:empty{display:none}.filters{display:flex;gap:10px;align-items:end;flex-wrap:wrap;background:#e9f0ed;padding:14px;border-radius:12px;margin-bottom:16px}.filters label{min-width:145px}.record-list{display:grid;gap:10px}.record{padding:16px;display:grid;grid-template-columns:1fr auto;gap:12px}.record h3{margin:0}.record p{margin:.35rem 0}.record-actions{display:flex;align-items:center;gap:8px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric{padding:18px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.metric b{display:block;font-size:1.65rem;color:var(--brand);font-variant-numeric:tabular-nums}.metric span{font-size:.87rem;color:var(--muted)}.analysis{margin-top:16px;padding:18px}.analysis ul{margin-bottom:0}.action-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.action-grid article{padding:18px}.action-grid input,.action-grid select{margin:0 0 8px}.preview{margin-top:16px;padding:16px;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}pre{white-space:pre-wrap;word-break:break-word;background:#102f37;color:#e8fbf8;padding:16px;border-radius:10px;max-height:460px;overflow:auto}#toast{position:fixed;right:18px;bottom:18px;z-index:5;max-width:390px;background:#123941;color:#fff;border-radius:10px;padding:12px 16px;box-shadow:var(--shadow);transform:translateY(120%);transition:transform .2s ease}#toast.show{transform:translateY(0)}dialog{border:0;border-radius:14px;padding:0;box-shadow:0 15px 50px #0006;max-width:440px}dialog::backdrop{background:#0008}dialog form{padding:22px}dialog menu{display:flex;justify-content:flex-end;gap:10px;margin:20px 0 0;padding:0}@media(max-width:800px){header{padding:20px 16px;align-items:start;flex-direction:column}main{padding:20px 14px}.four,.three,.two{grid-template-columns:repeat(2,1fr)}.seven{grid-template-columns:repeat(3,1fr)}.metrics,.action-grid{grid-template-columns:repeat(2,1fr)}.record{grid-template-columns:1fr}.record-actions{flex-wrap:wrap}.view-head{flex-direction:column}}@media(max-width:480px){.four,.three,.two,.metrics,.action-grid{grid-template-columns:1fr}.seven{grid-template-columns:repeat(2,1fr)}.filters>*{width:100%}.filters button{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}