:root{font-family:Inter,system-ui,-apple-system,"Noto Sans TC",sans-serif;color:#182a40;background:#f2f6fa;line-height:1.55}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;justify-content:space-between;padding:20px max(5vw,20px);background:#10233c;color:white}header h1{margin:3px 0 0;font-size:24px}.eyebrow{font-size:11px;letter-spacing:.13em;color:#9bb9d8}header a{color:white;text-decoration:none;background:#294765;padding:9px 14px;border-radius:7px}main{max-width:1100px;margin:28px auto;padding:0 20px}.panel,.score-card{background:white;border:1px solid #dce5ef;border-radius:12px;padding:20px;box-shadow:0 4px 16px #19375408}.control{display:flex;align-items:end;gap:14px;flex-wrap:wrap}.control label{flex:1;min-width:240px;font-size:13px}select{display:block;width:100%;padding:11px;border:1px solid #cbd8e5;border-radius:7px;background:white;font:inherit;margin-top:6px}button{border:0;border-radius:7px;background:#2674b9;color:#fff;padding:12px 17px;font:inherit;font-weight:650;cursor:pointer}button:disabled{opacity:.55;cursor:wait}#status,.muted{color:#718298;font-size:13px}.notice{padding:12px 15px;background:#fff8e8;border:1px solid #f0dfb8;border-radius:8px;color:#806329;font-size:13px}.result-heading{display:flex;align-items:center;justify-content:space-between;margin:24px 0 14px}.result-heading h2{margin:0}.winner{color:#176e52;background:#e5f5ee;padding:8px 13px;border-radius:20px;font-size:14px}.score-grid,.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.score-card h3,.panel h2,.panel h3{margin:0 0 12px}.score-card.remote{border-color:#a9c9e4}.metric{margin:14px 0}.metric-label{display:flex;justify-content:space-between;font-size:13px}.track{height:8px;background:#e9eff5;border-radius:8px;margin-top:6px;overflow:hidden}.fill{height:100%;background:#3d82b8;border-radius:8px}.remote .fill{background:#23a27c}.issues{padding-left:20px;color:#5d6e82;font-size:13px}.reason{margin:14px 0}.reason p{margin:0;color:#4e6177}.summary-grid .panel>div{white-space:pre-wrap;color:#40556c}.summary-grid ul{margin:8px 0;padding-left:20px}.history{margin-top:22px}.history-row{display:flex;justify-content:space-between;padding:11px 0;border-top:1px solid #e8edf2;cursor:pointer}.history-row:hover{color:#2674b9}.empty{color:#7b8b9c;font-size:13px}@media(max-width:700px){.score-grid,.summary-grid{grid-template-columns:1fr}.control{align-items:stretch}.result-heading{align-items:flex-start;gap:10px;flex-direction:column}}