:root{--bg: #eef2f7;--surface: #ffffff;--border: #e4e9f0;--text: #16243b;--muted: #64748b;--faint: #9aa7b8;--accent: #2563eb;--accent-dark: #1d4ed8;--green: #16a34a;--amber: #d97706;--red: #dc2626;--shadow: 0 10px 30px rgba(20, 40, 80, .08);--shadow-sm: 0 1px 3px rgba(20, 40, 80, .06)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Noto Sans TC,system-ui,-apple-system,PingFang TC,Microsoft JhengHei,sans-serif;background:radial-gradient(1200px 500px at 50% -200px,#ffffff 0%,var(--bg) 60%);color:var(--text);-webkit-font-smoothing:antialiased}.app{max-width:680px;margin:0 auto;padding:56px 20px 80px}.app__header{text-align:center;margin-bottom:28px}.app__brand{font-size:2rem;font-weight:800;letter-spacing:.5px;color:var(--text)}.app__title{font-size:1.05rem;font-weight:600;color:var(--accent);margin:6px 0 0;letter-spacing:2px}.app__sub{color:var(--muted);margin:12px 0 0;font-size:.95rem}.app__tag{display:inline-block;margin-top:12px;font-size:.72rem;letter-spacing:1px;color:var(--faint);border:1px solid var(--border);border-radius:999px;padding:2px 12px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);padding:32px 28px;display:flex;flex-direction:column;align-items:center;gap:6px}.record-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:1.15rem;font-weight:700;padding:18px 44px;border:none;border-radius:14px;color:#fff;background:var(--accent);cursor:pointer;transition:background .15s ease,transform .08s ease,box-shadow .15s ease;min-width:260px;box-shadow:0 6px 16px #2563eb47}.record-btn:hover{background:var(--accent-dark);transform:translateY(-1px)}.record-btn:active{transform:translateY(0)}.record-btn:disabled{cursor:default;opacity:.75;box-shadow:none}.record-btn--recording{background:var(--red);box-shadow:0 6px 16px #dc26264d}.record-btn--processing{background:var(--faint);box-shadow:none}.record-btn__dot{width:11px;height:11px;border-radius:50%;background:#fff;flex-shrink:0}.record-btn--recording .record-btn__dot{animation:pulse 1.2s infinite}.record-btn--processing .record-btn__dot{opacity:.6}@keyframes pulse{0%,to{box-shadow:0 0 #ffffffb3}50%{box-shadow:0 0 0 7px #fff0}}.settings-toggle{margin-top:20px;background:none;border:none;color:var(--muted);font-size:.88rem;cursor:pointer;display:inline-flex;align-items:center;gap:7px;padding:4px 6px}.settings-toggle:hover{color:var(--text)}.caret{width:0;height:0;border-left:5px solid currentColor;border-top:4px solid transparent;border-bottom:4px solid transparent;transition:transform .15s ease}.settings-toggle--open .caret{transform:rotate(90deg)}.settings{width:100%;max-width:440px;margin-top:14px;padding:16px;border:1px solid var(--border);border-radius:12px;background:#f8fafc;display:flex;flex-direction:column;align-items:flex-start;gap:14px}.setting-row{display:flex;align-items:center;gap:10px;width:100%}.setting-row--disabled{opacity:.45}.setting-row__label{font-size:.85rem;color:var(--muted);white-space:nowrap}.setting-row input[type=range]{flex:1;accent-color:var(--accent)}.setting-row__val{font-variant-numeric:tabular-nums;font-size:.85rem;color:var(--text);min-width:44px;text-align:right}.setting-hint{margin:-4px 0 0;font-size:.78rem;color:var(--faint);line-height:1.5}.switch{display:inline-flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.switch input{position:absolute;opacity:0;width:0;height:0}.switch__track{position:relative;width:42px;height:24px;border-radius:999px;background:#cbd5e1;transition:background .18s ease;flex-shrink:0}.switch__thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0f172a40;transition:transform .18s ease}.switch input:checked+.switch__track{background:var(--accent)}.switch input:checked+.switch__track .switch__thumb{transform:translate(18px)}.switch input:focus-visible+.switch__track{box-shadow:0 0 0 3px #2563eb4d}.switch input:disabled+.switch__track{opacity:.5}.switch__label{font-size:.9rem;color:var(--muted)}.switch__state{margin-left:6px;font-weight:700;color:var(--accent)}.switch__state--off{color:var(--faint)}.alert{margin-top:18px;width:100%;max-width:420px;text-align:center;background:#fff7ed;border:1px solid #fdba74;color:#9a3412;padding:10px 16px;border-radius:10px;font-size:.92rem}.section-title{font-size:.8rem;font-weight:700;color:var(--faint);letter-spacing:1.5px;margin:30px 0 12px}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:18px 20px;margin-bottom:14px;box-shadow:var(--shadow-sm)}.card--primary{border-color:#2563eb80;box-shadow:0 6px 20px #2563eb1a}.card__head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.badge{font-size:.78rem;font-weight:600;padding:3px 11px;border-radius:999px;background:#eef2f7;color:var(--muted)}.conf{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;font-weight:600;padding:3px 11px;border-radius:999px}.conf__dot{width:8px;height:8px;border-radius:50%;background:currentColor}.conf--high{color:var(--green);background:#ecfdf3}.conf--medium{color:var(--amber);background:#fffbeb}.conf--low{color:var(--red);background:#fef2f2}.player{height:32px;margin-left:auto;max-width:240px}.card__zh{font-size:1.5rem;font-weight:700;line-height:1.55;color:var(--text)}.card__raw,.card__uncertain{margin-top:12px;color:var(--muted);font-size:.92rem;line-height:1.6}.card__label{display:inline-block;font-size:.72rem;color:var(--faint);margin-right:8px;padding:1px 7px;border:1px solid var(--border);border-radius:6px;vertical-align:middle}.chip{display:inline-block;background:#fef2f2;color:var(--red);padding:2px 9px;border-radius:6px;margin:0 6px 5px 0;font-size:.85rem}.empty{text-align:center;color:var(--faint);margin-top:32px;font-size:.95rem}.app__footer{margin-top:52px;text-align:center;color:var(--faint);font-size:.8rem;line-height:1.6}