:root{--bg: #f6f7f9;--panel: #ffffff;--border: #e2e5ea;--text: #1f2329;--muted: #6b7280;--accent: #2563eb;--accent-soft: #dbeafe;--warn: #b45309;--warn-bg: #fef3c7;--danger: #b91c1c;--ok: #047857;color-scheme:light}[data-theme=dark]{--bg: #111418;--panel: #1a1f26;--border: #2c333d;--text: #e5e7eb;--muted: #9ca3af;--accent: #60a5fa;--accent-soft: #1e3a5f;--warn: #fbbf24;--warn-bg: #3a2c07;--danger: #f87171;--ok: #34d399;color-scheme:dark}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,Segoe UI,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--text);font-size:14px}button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:6px;padding:5px 12px}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{font:inherit;padding:6px 8px;border:1px solid var(--border);border-radius:6px;background:var(--panel);color:var(--text)}.topbar{display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--panel);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.topbar .brand{font-weight:700}.topbar nav{display:flex;gap:4px;flex:1}.topbar nav button{border:none;background:none;padding:6px 10px;border-radius:6px;color:var(--muted)}.topbar nav button.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.badge{display:inline-block;padding:1px 8px;border-radius:999px;font-size:12px;background:var(--accent-soft);color:var(--accent)}.badge.warn{background:var(--warn-bg);color:var(--warn)}.badge.ok{background:color-mix(in srgb,var(--ok) 15%,transparent);color:var(--ok)}.badge.danger{background:color-mix(in srgb,var(--danger) 15%,transparent);color:var(--danger)}.page{max-width:1100px;margin:0 auto;padding:16px}.card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:14px 16px;margin-bottom:12px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.grid2{display:grid;grid-template-columns:320px 1fr;gap:12px;align-items:start}.muted{color:var(--muted)}.small{font-size:12px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--border);vertical-align:top}.msg{padding:8px 10px;border-radius:10px;margin:6px 0;max-width:78%;white-space:pre-wrap}.msg.inbound{background:var(--panel);border:1px solid var(--border)}.msg.outbound{background:var(--accent-soft);margin-left:auto}.msg .meta{font-size:11px;color:var(--muted);margin-top:4px}.msg .translation{margin-top:6px;padding-top:6px;border-top:1px dashed var(--border);color:var(--ok);font-size:13px}.notice{padding:8px 12px;border-radius:8px;background:var(--warn-bg);color:var(--warn);margin:8px 0}.error{padding:8px 12px;border-radius:8px;background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger);margin:8px 0}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:10px}.tabs button{border:none;background:none;padding:8px 14px;color:var(--muted);border-bottom:2px solid transparent;border-radius:0}.tabs button.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.list-item{padding:10px 12px;border:1px solid var(--border);border-radius:8px;margin-bottom:8px;cursor:pointer}.list-item:hover{border-color:var(--accent)}.list-item.selected{border-color:var(--accent);background:var(--accent-soft)}textarea{width:100%;min-height:70px}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:flex-start;justify-content:center;padding:48px 16px;z-index:50;overflow-y:auto}.modal{width:660px;max-width:100%}.modal h4{margin:14px 0 4px;font-size:13px}