*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Microsoft YaHei,system-ui,sans-serif;background:#f4f7f6;color:#1d2b28}.app{max-width:860px;margin:0 auto;padding:24px 16px 48px}header h1{margin:0 0 4px;color:#0a7d6b}.sub{margin:0 0 20px;color:#5a6b66;font-size:14px}.card{background:#fff;border:1px solid #dfe7e4;border-radius:10px;padding:16px 20px;margin-bottom:16px}.card h2{margin:0 0 12px;font-size:16px}.states{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.state{padding:6px 12px;border-radius:999px;background:#edf2f0;color:#7a8a85;font-size:13px}.state.active{background:#0a7d6b;color:#fff;font-weight:600}.state.done{background:#d7ece6;color:#0a7d6b}.state.aborted{background:#b3261e;color:#fff}.status-line{font-size:15px;display:flex;gap:12px;align-items:center}.badge{background:#eef3ff;color:#234e8c;border-radius:6px;padding:3px 8px;font-size:12px}.error{margin-top:10px;padding:8px 12px;background:#fdecec;color:#b3261e;border-radius:6px;font-size:13px}.row{display:flex;gap:10px;align-items:center;margin-bottom:10px}.row.wrap{flex-wrap:wrap}button{padding:8px 14px;border:1px solid #0a7d6b;border-radius:8px;background:#fff;color:#0a7d6b;font-size:13px;cursor:pointer}button:hover{background:#0a7d6b;color:#fff}button:disabled{opacity:.5;cursor:not-allowed}.hint{color:#7a8a85;font-size:12px}.waveform{width:100%;height:120px;background:#0f1714;border-radius:8px}.quality{margin-top:10px;padding:8px 12px;border-radius:6px;font-size:13px;display:flex;gap:8px;align-items:center}.quality.pass{background:#e6f5ef;color:#0a7d6b}.quality.fail{background:#fdecec;color:#b3261e}.timeline{margin:0;padding-left:0;list-style:none;font-size:13px;color:#33443f}.timeline li{padding:3px 0;border-bottom:1px dashed #e4ebe8}.timeline code{color:#0a7d6b}.mock-output{margin:16px 0 0;max-height:320px;overflow:auto;padding:16px;border:1px solid #d8e3df;border-radius:6px;background:#f7faf9;color:#173c34;font-size:13px;line-height:1.55;white-space:pre-wrap}.result-degraded{border-left:3px solid #b3661c;background:#fdf6ec;color:#7a5210;padding:8px 10px;font-size:13px;line-height:1.6;margin:8px 0;overflow-wrap:anywhere}.result-note{color:#8a1c1c;font-size:13px;line-height:1.5;margin:4px 0;overflow-wrap:anywhere}.kv-table{border-collapse:collapse;font-size:12.5px;margin:8px 0}.kv-table td{border:1px solid #d9e2df;padding:3px 10px}.result-sub{font-size:14px;margin:10px 0 4px}.event-list{font-size:13px;line-height:1.7;margin:4px 0;padding-left:20px}.result-cqi{margin:8px 0}.privacy{margin-top:20px;text-align:center;font-size:12px;color:#7a8a85}.site-disclaimer{position:sticky;top:0;z-index:1000;margin:0 0 16px;padding:10px 14px;background:#8a1c1c;color:#fff;font-size:14px;line-height:1.5;font-weight:600;text-align:center;border-radius:8px;overflow-wrap:anywhere}.disclaimer-inline{margin:8px 0;color:#8a1c1c;font-size:13px;line-height:1.5}