:root{font-family:system-ui,-apple-system,"Noto Sans TC",sans-serif;color:#17314f;background:#eff3f8;font-size:16px;line-height:1.6;color-scheme:light}*{box-sizing:border-box}body{margin:0}main{max-width:1160px;margin:auto;padding:36px 22px}header{border-left:5px solid #1d64d8;padding-left:22px;margin-bottom:26px}.brand{font-size:.9rem;font-weight:700;color:#356196;letter-spacing:.08em}h1{font-size:clamp(1.8rem,4vw,2.7rem);margin:6px 0;line-height:1.3}h2{font-size:1.1rem;margin:0 0 8px}p{margin:8px 0}header p{color:#53657c}.card{background:white;border:1px solid #d8e2ef;border-radius:16px;padding:24px;min-width:0}.capture-actions{display:flex;gap:12px;flex-wrap:wrap}button{font:inherit;font-weight:650;min-height:48px;border:1px solid #b8c9df;border-radius:9px;background:white;color:#17314f;padding:9px 18px;cursor:pointer}.primary{background:#1d64d8;color:white;border-color:#1d64d8}button:disabled{opacity:.55;cursor:wait}button:hover:not(:disabled){filter:brightness(.94)}button:focus-visible,input:focus-visible{outline:3px solid #8caeed;outline-offset:3px}.settings{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin:22px 0 16px}.settings>label:first-child{display:flex;align-items:center;gap:12px;flex-wrap:wrap}input[type=number]{font:inherit;width:90px;min-height:44px;border:1px solid #b8c9df;border-radius:7px;padding:6px 10px}.check{display:flex;align-items:center;gap:8px}input[type=checkbox]{height:20px;width:20px;accent-color:#1d64d8}.hint,footer{font-size:.9rem;color:#56677b}#status{margin-top:18px;font-weight:650}#status.error{color:#ad2525}#retry{margin-top:10px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}.metric{padding:18px 22px;background:#183355;color:white;border-radius:12px;display:flex;flex-direction:column}.metric>span{font-size:.9rem;color:#ccd9eb}.metric strong{font-size:2.4rem;line-height:1.4;font-variant-numeric:tabular-nums}.metric .resolution{font-size:clamp(1rem,2vw,1.5rem);margin:10px 0}.assessment{border-left:4px solid #e7a026;background:#fff8e9;padding:14px 18px;margin:18px 0}.assessment.reached{border-color:#1b8062;background:#eaf6f0}.result-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:18px;align-items:start}#photoWrap{position:relative;margin-top:16px;line-height:0;background:#e6ecf3;border-radius:8px;overflow:hidden}#preview{width:100%;height:auto;display:block}#overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.list-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.list-header button{font-size:.9rem;padding:7px 12px}ol{list-style:none;padding:0;margin:12px 0;max-height:620px;overflow:auto}li{display:flex;gap:12px;align-items:start;padding:13px 0;border-bottom:1px solid #e5ebf3}.number{flex-shrink:0;background:#e5effd;color:#1b56a7;border-radius:6px;min-width:30px;text-align:center;font-size:.9rem;font-weight:700}.payload{white-space:pre-wrap;overflow-wrap:anywhere;font-size:1rem}.small-note{font-size:.85rem;color:#856316}footer{padding:24px 0 6px}[hidden]{display:none!important}@media(max-width:700px){main{padding:22px 14px}.card{padding:18px}.result-grid{grid-template-columns:1fr}.metrics{gap:8px}.metric{padding:12px 10px}.metric>span{font-size:.85rem}.metric strong{font-size:2rem}.metric .resolution{font-size:.9rem;overflow-wrap:anywhere}.capture-actions button{flex:1}.settings{gap:14px}.list-header{flex-wrap:wrap}}
:root .offline-card{margin-bottom:18px;border-left:4px solid #1d64d8}.offline-card #offlineState{font-weight:700}.offline-card button{margin:8px 8px 0 0}
:root .live-card{margin-bottom:18px}.live-card #liveStatus{font-weight:650}.live-card #liveStatus.error{color:#ad2525}#liveVideoWrap{position:relative;margin:18px 0;background:#102138;border-radius:10px;overflow:hidden;line-height:0}#liveVideo{width:100%;height:auto;display:block}#liveOverlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.live-totals{display:flex;flex-wrap:wrap;gap:12px 24px;background:#183355;color:white;padding:16px 18px;border-radius:10px}.live-totals strong{font-size:1.4rem;font-variant-numeric:tabular-nums}
:root select{font:inherit;min-height:44px;padding:6px 10px;border:1px solid #b8c9df;border-radius:7px;background:white;color:#17314f}:root .live-card .settings label{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
:root .batch-counter{position:sticky;top:calc(8px + env(safe-area-inset-top,0px));z-index:20;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px 20px;background:#183355;color:#fff;padding:14px 22px;border-radius:14px;margin-bottom:24px;box-shadow:0 6px 18px #14294424;border:2px solid #355984}.batch-label{display:block;font-size:.95rem;font-weight:650;color:#d8e5f7}.batch-figure{display:flex;align-items:baseline;gap:8px;line-height:1.2;white-space:nowrap;font-variant-numeric:tabular-nums}.batch-figure strong{font-size:clamp(2.8rem,9vw,4rem);font-weight:850}.batch-divider{font-size:1.8rem;color:#bbd0ee}#batchExpected{font-size:1.7rem;font-weight:700}.batch-unit{font-size:1rem}.batch-summary{display:flex;flex-direction:column;gap:4px}.batch-summary strong{font-size:1.25rem}.batch-summary span{font-size:.9rem;color:#d8e5f7}.batch-counter.is-reached{background:#0d6046;border-color:#34ac81}.batch-counter.is-over{background:#754614;border-color:#eaa84b}@media(max-width:700px){:root .batch-counter{padding:12px 15px;gap:8px 12px;margin-bottom:18px}.batch-summary strong{font-size:1.05rem}.batch-summary span{font-size:.85rem}}