:root{--accent: #5b5fc7;--accent-hover: #4f52b2;--accent-weak: #ebebfa;--on-accent: #ffffff;--bg: #f5f5f5;--surface: #ffffff;--surface-2: #fafafa;--text: #242424;--text-2: #616161;--border: #e5e5e5;--border-2: #ededed;--danger: #c50f1f;--danger-bg: #fde7e9;--success: #0f7b0f;--success-bg: #dff6dd;--radius: 10px;--radius-sm: 6px;--shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 2px 6px rgba(0, 0, 0, .05);--focus: 0 0 0 3px rgba(91, 95, 199, .22);--font: "Segoe UI Variable Text", "Segoe UI", -apple-system, system-ui, "Microsoft YaHei", sans-serif;color-scheme:light}html[data-theme=dark]{--accent: #7f85f5;--accent-hover: #9aa0ff;--accent-weak: #2b2c4a;--on-accent: #12121f;--bg: #1f1f1f;--surface: #252423;--surface-2: #2d2c2b;--text: #f5f5f5;--text-2: #c8c6c4;--border: #3d3b3a;--border-2: #333231;--danger: #ff99a4;--danger-bg: #442726;--success: #6ccb5f;--success-bg: #1e3a1e;--shadow: 0 1px 2px rgba(0, 0, 0, .35);--focus: 0 0 0 3px rgba(127, 133, 245, .32);color-scheme:dark}@media(prefers-color-scheme:dark){html:not([data-theme=light]):not([data-theme=dark]){--accent: #7f85f5;--accent-hover: #9aa0ff;--accent-weak: #2b2c4a;--on-accent: #12121f;--bg: #1f1f1f;--surface: #252423;--surface-2: #2d2c2b;--text: #f5f5f5;--text-2: #c8c6c4;--border: #3d3b3a;--border-2: #333231;--danger: #ff99a4;--danger-bg: #442726;--success: #6ccb5f;--success-bg: #1e3a1e;--shadow: 0 1px 2px rgba(0, 0, 0, .35);--focus: 0 0 0 3px rgba(127, 133, 245, .32);color-scheme:dark}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}.page{max-width:980px;margin:0 auto;padding:clamp(12px,3vw,24px)}.page-head{margin:4px 0 16px}.page-title{margin:0 0 4px;font-size:20px;font-weight:600;letter-spacing:.1px}.page-sub{margin:0;color:var(--text-2);font-size:13px}.card{margin-bottom:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.card-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 16px;background:var(--surface-2);border-bottom:1px solid var(--border);font-size:14px;font-weight:600}.card-body{padding:16px}.step{display:inline-flex;align-items:center;justify-content:center;flex:none;width:20px;height:20px;border-radius:50%;background:var(--accent);color:var(--on-accent);font-size:12px;font-weight:700;line-height:1}.card-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:16px;padding-top:12px;border-top:1px solid var(--border-2)}.spacer{flex:1 1 auto}.muted{color:var(--text-2);font-weight:400}.banner{margin:0 0 16px;padding:10px 12px;border-radius:var(--radius-sm);border-left:3px solid transparent;font-size:13px;white-space:pre-wrap;word-break:break-word}.banner-error{background:var(--danger-bg);border-left-color:var(--danger);color:var(--danger)}.banner-success{margin:16px 0 0;background:var(--success-bg);border-left-color:var(--success);color:var(--success)}.toolbar{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.toolbar-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.field{display:flex;flex-direction:column;gap:4px;flex:1 1 260px;min-width:0}.field-label{color:var(--text-2);font-size:12.5px;font-weight:600}.select,.input,.textarea{width:100%;min-height:32px;padding:6px 10px;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color .15s,box-shadow .15s,background .15s}.textarea{resize:vertical;line-height:1.6}.select:focus-visible,.input:focus-visible,.textarea:focus-visible,.pager-input:focus-visible{outline:none;border-color:var(--accent);box-shadow:var(--focus)}.input-flat{border-color:transparent;background:transparent}.input-flat:hover{border-color:var(--border);background:var(--surface)}.input-flat:focus-visible{border-color:var(--accent);background:var(--surface)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;padding:0 14px;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:background .15s,border-color .15s,color .15s,transform .05s}.btn:hover:not(:disabled){background:var(--surface-2);border-color:var(--text-2)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:focus-visible{outline:none;box-shadow:var(--focus)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-2)}.btn-ghost:hover:not(:disabled){background:var(--surface);border-color:var(--border);color:var(--text)}.btn-danger{background:transparent;border-color:transparent;color:var(--danger)}.btn-danger:hover:not(:disabled){background:var(--danger-bg);border-color:var(--danger)}.btn-sm{min-height:26px;padding:0 10px;font-size:12.5px}.chip{padding:2px 10px;border-radius:999px;background:var(--accent-weak);color:var(--accent);font-size:12px;font-weight:600;white-space:nowrap}.chip-warn{background:var(--danger-bg);color:var(--danger)}.table-wrap{overflow-x:auto;border:1px solid var(--border-2);border-radius:var(--radius-sm)}.msg-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:14px}.msg-table thead th{position:sticky;top:0;z-index:1;padding:10px 8px;background:var(--surface-2);border-bottom:1px solid var(--border);color:var(--text-2);font-size:12.5px;font-weight:600;text-align:left}.msg-table td{padding:10px 8px;border-bottom:1px solid var(--border-2);vertical-align:top}.msg-table tbody tr:last-child td{border-bottom:none}.msg-table tbody tr:hover{background:var(--surface-2)}.msg-table tr.row-selected,.msg-table tr.row-selected:hover{background:var(--accent-weak)}.msg-table tr.row-selected td:first-child{box-shadow:inset 3px 0 0 var(--accent)}.cell-time{color:var(--text-2);font-size:12.5px;font-variant-numeric:tabular-nums;white-space:nowrap}.cell-author{display:flex;align-items:center;gap:8px;font-weight:600;word-break:break-word}.cell-content{white-space:pre-wrap;word-break:break-word;line-height:1.6}.avatar{display:inline-flex;align-items:center;justify-content:center;flex:none;width:24px;height:24px;border-radius:50%;color:#fff;font-size:12px;font-weight:700;line-height:1;-webkit-user-select:none;user-select:none}.pager{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:12px}.pager-btn{min-height:28px;padding:0 10px;font:inherit;font-size:13px;color:var(--text-2);background:transparent;border:1px solid transparent;border-radius:999px;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.pager-btn:hover:not(:disabled){background:var(--surface-2);border-color:var(--border);color:var(--text)}.pager-btn:focus-visible{outline:none;box-shadow:var(--focus)}.pager-btn:disabled{opacity:.4;cursor:not-allowed}.pager-info{display:inline-flex;align-items:center;gap:6px;margin:0 4px;font-size:13px;color:var(--text-2)}.pager-input{width:56px;min-height:26px;padding:2px 6px;font:inherit;font-size:13px;text-align:center;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color .15s,box-shadow .15s}.empty{padding:28px 16px;color:var(--text-2);font-size:13px;text-align:center}.skeleton{display:flex;flex-direction:column;gap:12px;padding:8px 0}.skeleton-row{height:14px;border-radius:4px;background:linear-gradient(90deg,var(--border-2) 25%,var(--surface-2) 37%,var(--border-2) 63%);background-size:400% 100%;animation:shimmer 1.4s ease-in-out infinite}.skeleton-row:nth-child(2n){width:82%}.skeleton-row:nth-child(3n){width:64%}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.footer-bar{position:sticky;bottom:0;z-index:2;display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 16px;padding:12px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 -2px 10px #0000000f}.footer-count{font-size:13px;color:var(--text-2)}.footer-bar .btn{margin-left:auto}.actions-table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px}.actions-table thead th{padding:8px;background:var(--surface-2);border-bottom:1px solid var(--border);color:var(--text-2);font-size:12.5px;font-weight:600;text-align:left}.actions-table thead th:nth-child(1){width:40%}.actions-table thead th:nth-child(2){width:18%}.actions-table thead th:nth-child(3){width:22%}.actions-table td{padding:4px;border-bottom:1px solid var(--border-2);vertical-align:middle}.actions-table tbody tr:last-child td{border-bottom:none}.actions-table .empty-cell{padding:16px 8px;color:var(--text-2);text-align:center}@media(max-width:720px){.page-title{font-size:18px}.field{flex:1 1 100%}.card-body{padding:12px}.footer-bar{padding:10px 12px}}@media(max-width:640px){.actions-table thead{display:none}.actions-table tr{display:block;padding:8px 0;border-bottom:1px solid var(--border-2)}.actions-table tbody tr:last-child{border-bottom:none}.actions-table td{display:flex;align-items:center;gap:8px;padding:2px 0;border:none}.actions-table td:before{content:attr(data-label);flex:none;width:72px;color:var(--text-2);font-size:12.5px;font-weight:600}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.msg-table{min-width:520px}.msg-table .col-check{width:40px}.msg-table .col-time{width:104px}.msg-table .col-author{width:150px}.msg-table th:first-child,.msg-table td:first-child{text-align:center}