@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@500;600;700&display=swap";#app{width:100%;max-width:100%;height:100vh;height:100dvh;overflow-x:clip;overflow-y:auto;-webkit-overflow-scrolling:touch}*{margin:0;padding:0;box-sizing:border-box}:root{--app-bg: #f5f7fb;--app-surface: #ffffff;--app-surface-muted: #f5f5f5;--app-primary: #4f7cff;--app-primary-strong: #3d66e0;--app-text: #0f1115;--app-text-secondary: #666666;--app-text-muted: #999999;--app-border: rgba(15, 17, 21, .06);--app-search-bg: #e9ecf4;--app-danger: #e53935}html,body{width:100%;max-width:100%;overflow-x:hidden;overflow-x:clip;-webkit-text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--app-bg)}html[data-theme=dark]{--app-bg: #1a1a1a;--app-surface: #363636;--app-surface-muted: #2d2d2d;--app-primary: #4f7cff;--app-primary-strong: #3d66e0;--app-text: #e0e0e0;--app-text-secondary: #b0b0b0;--app-text-muted: #888888;--app-border: rgba(255, 255, 255, .08);--app-search-bg: #404040;color-scheme:dark}html[data-theme=dark],html[data-theme=dark] body{background:#1a1a1a}#app{width:100%;max-width:100%;height:100vh;height:100dvh;overflow-x:clip;overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--app-bg)}.admin-layout,.admin-mobile-drawer-overlay,.admin-announcement-overlay{--admin-ink: #121826;--admin-ink-soft: #1a2234;--admin-ink-muted: #2a3548;--admin-sidebar: #151b27;--admin-sidebar-deep: #0e131c;--admin-primary: #2f6fed;--admin-primary-hover: #1f5ad4;--admin-primary-soft: rgba(47, 111, 237, .14);--admin-primary-softer: rgba(47, 111, 237, .07);--admin-on-primary: #ffffff;--admin-primary-glow: 0 8px 24px rgba(47, 111, 237, .28);--admin-accent: #e89a5c;--admin-accent-soft: rgba(232, 154, 92, .16);--admin-candy-amber: #f0a03a;--admin-candy-sky: #4dabf7;--admin-candy-coral: #ef6b6b;--admin-candy-mint: #2bb673;--admin-candy-peach: #f0b090;--admin-canvas: #f3f5f8;--admin-surface: #ffffff;--admin-surface-muted: #eef1f5;--admin-surface-raised: #ffffff;--admin-text: #141820;--admin-text-secondary: #5a6472;--admin-text-muted: #8a93a3;--admin-text-on-ink: #f4f7fb;--admin-text-on-ink-muted: rgba(244, 247, 251, .62);--admin-border: rgba(20, 24, 32, .08);--admin-border-strong: rgba(20, 24, 32, .14);--admin-border-ink: rgba(255, 255, 255, .08);--admin-success: #2bb673;--admin-success-soft: rgba(43, 182, 115, .14);--admin-warning: #f0a03a;--admin-warning-soft: rgba(240, 160, 58, .16);--admin-danger: #ef6b6b;--admin-danger-soft: rgba(239, 107, 107, .14);--admin-info: #4dabf7;--admin-info-soft: rgba(77, 171, 247, .14);--admin-radius-xs: 8px;--admin-radius-sm: 12px;--admin-radius-md: 20px;--admin-radius-lg: 24px;--admin-radius-pill: 999px;--admin-space-1: 4px;--admin-space-2: 8px;--admin-space-3: 12px;--admin-space-4: 16px;--admin-space-5: 20px;--admin-space-6: 24px;--admin-space-8: 32px;--admin-space-10: 40px;--admin-space-12: 48px;--admin-shadow-xs: 0 1px 2px rgba(20, 24, 32, .04);--admin-shadow-sm: 0 2px 4px rgba(20, 24, 32, .04), 0 8px 20px rgba(20, 24, 32, .05);--admin-shadow-md: 0 4px 10px rgba(20, 24, 32, .05), 0 16px 36px rgba(20, 24, 32, .08);--admin-shadow-lg: 0 12px 40px rgba(20, 24, 32, .14);--admin-shadow-glow: 0 10px 28px rgba(47, 111, 237, .22);--admin-ease: cubic-bezier(.2, 0, 0, 1);--admin-ease-spring: cubic-bezier(.34, 1.2, .64, 1);--admin-dur-fast: .12s;--admin-dur: .2s;--admin-dur-slow: .28s;--admin-sidebar-w: 248px;--admin-sidebar-rail: 72px;--admin-header-h: 64px;--admin-focus-ring: 0 0 0 3px rgba(47, 111, 237, .28);--admin-font: "Plus Jakarta Sans", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--admin-font-display: "Plus Jakarta Sans", "Noto Sans SC", "PingFang SC", sans-serif;font-family:var(--admin-font);color:var(--admin-text);-webkit-font-smoothing:antialiased}@media (prefers-reduced-motion: reduce){.admin-layout *,.admin-mobile-drawer-overlay *,.admin-announcement-overlay *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.admin-page{width:100%;max-width:none;margin:0;padding:var(--admin-space-5) var(--admin-space-6) var(--admin-space-8);box-sizing:border-box;animation:admin-page-in var(--admin-dur-slow) var(--admin-ease) both}.admin-page-narrow{width:100%;max-width:880px;margin-left:auto;margin-right:auto;box-sizing:border-box}@keyframes admin-page-in{0%{opacity:0}to{opacity:1}}.admin-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--admin-space-4);margin-bottom:var(--admin-space-6)}.admin-page-header h1{margin:0;font-family:var(--admin-font-display);font-size:clamp(24px,2.4vw,30px);font-weight:750;letter-spacing:-.03em;color:var(--admin-text);line-height:1.2}.admin-page-sub{margin:6px 0 0;font-size:14px;color:var(--admin-text-secondary);line-height:1.5}.admin-eyebrow{margin:0 0 6px;font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--admin-primary)}.admin-card{background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:var(--admin-radius-md);box-shadow:var(--admin-shadow-sm);padding:var(--admin-space-5);transition:box-shadow var(--admin-dur) var(--admin-ease),border-color var(--admin-dur) var(--admin-ease),transform var(--admin-dur) var(--admin-ease)}.admin-card:hover{box-shadow:var(--admin-shadow-md)}.admin-card-muted{background:var(--admin-surface-muted);box-shadow:none}.admin-widget{background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:var(--admin-radius-md);box-shadow:var(--admin-shadow-sm);padding:var(--admin-space-5);transition:transform var(--admin-dur) var(--admin-ease),box-shadow var(--admin-dur) var(--admin-ease)}.admin-widget:hover{transform:translateY(-2px);box-shadow:var(--admin-shadow-md)}.admin-section-title{margin:0;font-size:16px;font-weight:700;letter-spacing:-.015em;color:var(--admin-text)}.admin-section-desc{margin:4px 0 0;font-size:13px;color:var(--admin-text-muted);line-height:1.45}.admin-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 18px;border-radius:var(--admin-radius-sm);border:1px solid transparent;font-family:inherit;font-size:14px;font-weight:600;letter-spacing:-.01em;cursor:pointer;transition:background var(--admin-dur-fast) var(--admin-ease),border-color var(--admin-dur-fast) var(--admin-ease),color var(--admin-dur-fast) var(--admin-ease),transform var(--admin-dur-fast) var(--admin-ease),box-shadow var(--admin-dur-fast) var(--admin-ease);-webkit-user-select:none;user-select:none}.admin-btn:focus-visible{outline:none;box-shadow:var(--admin-focus-ring)}.admin-btn:active:not(:disabled){transform:scale(.97)}.admin-btn:disabled{opacity:.48;cursor:not-allowed}.admin-btn-primary{background:linear-gradient(135deg,#4d86f5,var(--admin-primary));color:var(--admin-on-primary);box-shadow:var(--admin-primary-glow)}.admin-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--admin-primary),var(--admin-primary-hover));transform:translateY(-1px)}.admin-btn-secondary{background:var(--admin-surface);border-color:var(--admin-border-strong);color:var(--admin-text)}.admin-btn-secondary:hover:not(:disabled){background:var(--admin-surface-muted);border-color:var(--admin-primary);color:var(--admin-primary)}.admin-btn-ghost{background:transparent;color:var(--admin-text-secondary)}.admin-btn-ghost:hover:not(:disabled){background:var(--admin-primary-softer);color:var(--admin-primary)}.admin-btn-danger{background:var(--admin-danger-soft);border-color:#ff6b6b4d;color:var(--admin-danger)}.admin-btn-danger:hover:not(:disabled){background:#ff6b6b33}.admin-btn-sm{min-height:34px;padding:0 12px;font-size:13px;border-radius:var(--admin-radius-xs)}.admin-input,.admin-select{height:44px;padding:0 14px;border:1.5px solid var(--admin-border-strong);border-radius:var(--admin-radius-sm);background:var(--admin-surface-muted);color:var(--admin-text);font-family:inherit;font-size:14px;transition:border-color var(--admin-dur-fast) var(--admin-ease),box-shadow var(--admin-dur-fast) var(--admin-ease),background var(--admin-dur-fast) var(--admin-ease)}.admin-input:hover,.admin-select:hover{border-color:#2f6fed59}.admin-input:focus,.admin-select:focus{outline:none;border-color:var(--admin-primary);background:var(--admin-surface);box-shadow:var(--admin-focus-ring)}.admin-input::placeholder{color:var(--admin-text-muted)}.admin-table-wrap{overflow-x:auto;border:1px solid var(--admin-border);border-radius:var(--admin-radius-md);background:var(--admin-surface);box-shadow:var(--admin-shadow-sm)}.admin-table{width:100%;border-collapse:collapse;font-size:13px}.admin-table th,.admin-table td{padding:12px 14px;border-bottom:1px solid var(--admin-border);text-align:left;vertical-align:top}.admin-table th{background:var(--admin-surface-muted);color:var(--admin-text-secondary);font-weight:600;white-space:nowrap;font-size:12px;letter-spacing:.02em}.admin-table tbody tr{transition:background var(--admin-dur-fast) var(--admin-ease)}.admin-table tbody tr:hover{background:var(--admin-primary-softer)}.admin-table tbody tr:last-child td{border-bottom:none}.admin-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:var(--admin-radius-pill);font-size:12px;font-weight:600;line-height:1.5}.admin-pill-primary{background:var(--admin-primary-soft);color:var(--admin-primary)}.admin-pill-success{background:var(--admin-success-soft);color:var(--admin-success)}.admin-pill-warning{background:var(--admin-warning-soft);color:#b87a10}.admin-pill-danger{background:var(--admin-danger-soft);color:var(--admin-danger)}.admin-pill-muted{background:var(--admin-surface-muted);color:var(--admin-text-secondary)}.admin-toggle{position:relative;width:44px;height:24px;border-radius:var(--admin-radius-pill);background:#d0d5e2;border:none;cursor:pointer;transition:background var(--admin-dur) var(--admin-ease);flex-shrink:0}.admin-toggle:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #1a1d2e33;transition:transform var(--admin-dur) var(--admin-ease-spring)}.admin-toggle.is-on,.admin-toggle[aria-checked=true]{background:var(--admin-primary)}.admin-toggle.is-on:after,.admin-toggle[aria-checked=true]:after{transform:translate(20px)}.admin-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;display:flex;align-items:center;justify-content:center;padding:24px;background:#1a1d2e73;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:admin-overlay-in var(--admin-dur) var(--admin-ease)}@keyframes admin-overlay-in{0%{opacity:0}to{opacity:1}}.admin-modal{width:100%;max-width:520px;max-height:min(88vh,900px);display:flex;flex-direction:column;background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:var(--admin-radius-lg);box-shadow:var(--admin-shadow-lg);overflow:hidden;animation:admin-modal-in var(--admin-dur-slow) var(--admin-ease-spring)}.admin-modal-wide{max-width:720px}.admin-modal-xl{max-width:960px}@keyframes admin-modal-in{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.admin-modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px;border-bottom:1px solid var(--admin-border);flex-shrink:0}.admin-modal-header h2,.admin-modal-header h3{margin:0;font-size:17px;font-weight:700;letter-spacing:-.02em;color:var(--admin-text)}.admin-modal-close{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:var(--admin-radius-sm);background:transparent;color:var(--admin-text-muted);font-size:22px;line-height:1;cursor:pointer;transition:background var(--admin-dur-fast) var(--admin-ease),color var(--admin-dur-fast) var(--admin-ease)}.admin-modal-close:hover{background:var(--admin-surface-muted);color:var(--admin-text)}.admin-modal-close:focus-visible{outline:none;box-shadow:var(--admin-focus-ring)}.admin-modal-body{padding:20px 22px;overflow-y:auto;flex:1;min-height:0}.admin-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 22px;border-top:1px solid var(--admin-border);background:var(--admin-surface-muted);flex-shrink:0}.admin-pagination{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:14px 0}.admin-page-btn{min-width:40px;min-height:40px;padding:0 12px;border:1px solid var(--admin-border-strong);border-radius:var(--admin-radius-sm);background:var(--admin-surface);color:var(--admin-text-secondary);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background var(--admin-dur-fast) var(--admin-ease),border-color var(--admin-dur-fast) var(--admin-ease),color var(--admin-dur-fast) var(--admin-ease),box-shadow var(--admin-dur-fast) var(--admin-ease),transform var(--admin-dur-fast) var(--admin-ease)}.admin-page-btn:hover:not(:disabled):not(.active){border-color:var(--admin-primary);color:var(--admin-primary);background:var(--admin-primary-softer)}.admin-page-btn.active{background:linear-gradient(135deg,#4d86f5,var(--admin-primary));border-color:transparent;color:#fff;box-shadow:var(--admin-shadow-glow)}.admin-page-btn:disabled{opacity:.4;cursor:not-allowed}.admin-page-btn:focus-visible{outline:none;box-shadow:var(--admin-focus-ring)}.admin-page-ellipsis{min-width:28px;text-align:center;color:var(--admin-text-muted);font-size:13px}.admin-empty{padding:var(--admin-space-8);text-align:center;color:var(--admin-text-muted);font-size:14px;background:var(--admin-surface-muted);border-radius:var(--admin-radius-md)}.admin-stagger>*{animation:admin-page-in var(--admin-dur-slow) var(--admin-ease) both}.admin-stagger>*:nth-child(1){animation-delay:0ms}.admin-stagger>*:nth-child(2){animation-delay:40ms}.admin-stagger>*:nth-child(3){animation-delay:80ms}.admin-stagger>*:nth-child(4){animation-delay:.12s}.admin-stagger>*:nth-child(5){animation-delay:.16s}.admin-stagger>*:nth-child(6){animation-delay:.2s}.admin-stagger>*:nth-child(7){animation-delay:.24s}.admin-stagger>*:nth-child(8){animation-delay:.28s}.admin-layout .page-header,.admin-layout .admin-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--admin-space-4);margin-bottom:var(--admin-space-6)}.admin-layout .page-header h1,.admin-layout .page-header h2{margin:0;font-family:var(--admin-font-display);font-size:clamp(22px,2.2vw,28px);font-weight:750;letter-spacing:-.03em;color:var(--admin-text);line-height:1.2}.admin-layout .search-bar,.admin-layout .filter-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--admin-space-3);margin-bottom:var(--admin-space-4);padding:var(--admin-space-4);background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:var(--admin-radius-md);box-shadow:var(--admin-shadow-xs)}.admin-layout .search-input,.admin-layout .form-input,.admin-layout .form-select,.admin-layout .form-textarea,.admin-layout .days-input,.admin-layout .date-input{height:44px;padding:0 14px;border:1.5px solid var(--admin-border-strong);border-radius:var(--admin-radius-sm);background:var(--admin-surface-muted);color:var(--admin-text);font-family:inherit;font-size:14px;box-sizing:border-box;transition:border-color var(--admin-dur-fast) var(--admin-ease),box-shadow var(--admin-dur-fast) var(--admin-ease),background var(--admin-dur-fast) var(--admin-ease)}.admin-layout .form-textarea{height:auto;min-height:120px;padding:12px 14px;resize:vertical}.admin-layout .search-input:focus,.admin-layout .form-input:focus,.admin-layout .form-select:focus,.admin-layout .form-textarea:focus,.admin-layout .days-input:focus,.admin-layout .date-input:focus{outline:none;border-color:var(--admin-primary);background:var(--admin-surface);box-shadow:var(--admin-focus-ring)}.admin-layout .form-group{margin-bottom:var(--admin-space-5)}.admin-layout .form-group label{display:block;margin-bottom:8px;color:var(--admin-text-secondary);font-size:13px;font-weight:600}.admin-layout .form-hint{margin-top:6px;font-size:12px;color:var(--admin-text-muted);line-height:1.45}.admin-layout .btn-green,.admin-layout .btn-search,.admin-layout .btn-primary,.admin-layout .btn-gray,.admin-layout .btn-secondary,.admin-layout .btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:0 16px;border-radius:var(--admin-radius-sm);border:1px solid transparent;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background var(--admin-dur-fast) var(--admin-ease),border-color var(--admin-dur-fast) var(--admin-ease),color var(--admin-dur-fast) var(--admin-ease),transform var(--admin-dur-fast) var(--admin-ease),box-shadow var(--admin-dur-fast) var(--admin-ease)}.admin-layout .btn-green:active:not(:disabled),.admin-layout .btn-search:active:not(:disabled),.admin-layout .btn-primary:active:not(:disabled),.admin-layout .btn-gray:active:not(:disabled),.admin-layout .btn-secondary:active:not(:disabled),.admin-layout .btn-danger:active:not(:disabled){transform:scale(.97)}.admin-layout .btn-green,.admin-layout .btn-primary{background:linear-gradient(135deg,#4d86f5,var(--admin-primary));color:var(--admin-on-primary);box-shadow:var(--admin-primary-glow)}.admin-layout .btn-green:hover:not(:disabled),.admin-layout .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--admin-primary),var(--admin-primary-hover))}.admin-layout .btn-search{background:var(--admin-ink);color:#fff}.admin-layout .btn-search:hover:not(:disabled){background:var(--admin-ink-soft)}.admin-layout .btn-gray,.admin-layout .btn-secondary{background:var(--admin-surface);border-color:var(--admin-border-strong);color:var(--admin-text-secondary);box-shadow:none}.admin-layout .btn-gray:hover:not(:disabled),.admin-layout .btn-secondary:hover:not(:disabled){border-color:var(--admin-primary);color:var(--admin-primary);background:var(--admin-primary-softer)}.admin-layout .btn-danger{background:var(--admin-danger-soft);border-color:#ff6b6b59;color:var(--admin-danger)}.admin-layout .btn-danger:hover:not(:disabled){background:#ff6b6b38}.admin-layout .btn-green:disabled,.admin-layout .btn-primary:disabled,.admin-layout .btn-search:disabled,.admin-layout .btn-gray:disabled,.admin-layout .btn-secondary:disabled,.admin-layout .btn-danger:disabled{opacity:.48;cursor:not-allowed}.admin-layout .data-table{width:100%;border-collapse:collapse;font-size:13px;background:var(--admin-surface)}.admin-layout .data-table th,.admin-layout .data-table td{padding:12px 14px;border-bottom:1px solid var(--admin-border);text-align:left;vertical-align:top}.admin-layout .data-table th{background:var(--admin-surface-muted);color:var(--admin-text-secondary);font-weight:600;font-size:12px;letter-spacing:.02em}.admin-layout .data-table tbody tr:hover{background:var(--admin-primary-softer)}.admin-layout .pagination-bar,.admin-layout .pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:14px 0}.admin-layout .page-btn{min-width:40px;min-height:40px;padding:0 12px;border:1px solid var(--admin-border-strong);border-radius:var(--admin-radius-sm);background:var(--admin-surface);color:var(--admin-text-secondary);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background var(--admin-dur-fast) var(--admin-ease),border-color var(--admin-dur-fast) var(--admin-ease),color var(--admin-dur-fast) var(--admin-ease),box-shadow var(--admin-dur-fast) var(--admin-ease)}.admin-layout .page-btn:hover:not(:disabled):not(.active){border-color:var(--admin-primary);color:var(--admin-primary);background:var(--admin-primary-softer)}.admin-layout .page-btn.active{background:linear-gradient(135deg,#4d86f5,var(--admin-primary));border-color:transparent;color:#fff;box-shadow:var(--admin-shadow-glow)}.admin-layout .page-btn:disabled{opacity:.4;cursor:not-allowed}.admin-layout .admin-pager,.admin-pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding:14px 16px;background:var(--admin-surface-muted, #eef1f5);border:1px solid var(--admin-border, rgba(20, 24, 32, .08));border-radius:var(--admin-radius-md, 20px)}.admin-layout .admin-pager-info,.admin-pager-info{font-size:13px;font-weight:500;color:var(--admin-text-secondary, #5a6472);letter-spacing:-.01em;line-height:1.4}.admin-layout .admin-pager-info strong,.admin-pager-info strong{color:var(--admin-text, #141820);font-weight:700;font-variant-numeric:tabular-nums}.admin-layout .admin-pager-controls,.admin-pager-controls{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.admin-layout .admin-pager .page-btn,.admin-pager .page-btn{min-width:36px;min-height:36px;padding:0 10px;border:1px solid var(--admin-border-strong, rgba(20, 24, 32, .14));border-radius:var(--admin-radius-sm, 12px);background:var(--admin-surface, #fff);color:var(--admin-text-secondary, #5a6472);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s cubic-bezier(.2,0,0,1),border-color .15s cubic-bezier(.2,0,0,1),color .15s cubic-bezier(.2,0,0,1),box-shadow .15s cubic-bezier(.2,0,0,1),transform .12s cubic-bezier(.2,0,0,1)}.admin-layout .admin-pager .page-btn:hover:not(:disabled):not(.active),.admin-pager .page-btn:hover:not(:disabled):not(.active){border-color:var(--admin-primary, #2f6fed);color:var(--admin-primary, #2f6fed);background:var(--admin-primary-softer, rgba(47, 111, 237, .07))}.admin-layout .admin-pager .page-btn.active,.admin-pager .page-btn.active{background:linear-gradient(135deg,#4d86f5,var(--admin-primary, #2f6fed));border-color:transparent;color:#fff;box-shadow:var(--admin-primary-glow, 0 8px 24px rgba(47, 111, 237, .28))}.admin-layout .admin-pager .page-btn:active:not(:disabled),.admin-pager .page-btn:active:not(:disabled){transform:scale(.97)}.admin-layout .admin-pager .page-btn:disabled,.admin-pager .page-btn:disabled{opacity:.4;cursor:not-allowed}.admin-layout .admin-pager .page-btn:focus-visible,.admin-pager .page-btn:focus-visible{outline:none;box-shadow:var(--admin-focus-ring, 0 0 0 3px rgba(47, 111, 237, .28))}.admin-layout .admin-pager-ellipsis,.admin-pager-ellipsis{min-width:24px;text-align:center;color:var(--admin-text-muted, #8a93a3);font-size:13px;font-weight:600;-webkit-user-select:none;user-select:none}.admin-layout .page-tabs,.admin-layout .filter-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:var(--admin-space-4)}.admin-layout .page-tab,.admin-layout .filter-tab{min-height:36px;padding:0 14px;border:1px solid var(--admin-border-strong);border-radius:var(--admin-radius-pill);background:var(--admin-surface);color:var(--admin-text-secondary);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:all var(--admin-dur-fast) var(--admin-ease)}.admin-layout .page-tab.active,.admin-layout .page-tab.is-active,.admin-layout .filter-tab.active{background:var(--admin-primary-soft);border-color:transparent;color:var(--admin-primary)}.admin-layout .modal-overlay,.admin-layout .risk-modal-overlay{background:#1a1d2e73;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.admin-layout .modal-content,.admin-layout .modal-panel,.admin-layout .modal-panel-md{background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:var(--admin-radius-lg);box-shadow:var(--admin-shadow-lg)}.admin-layout .modal-header{border-bottom:1px solid var(--admin-border)}.admin-layout .modal-header h2,.admin-layout .modal-header h3{color:var(--admin-text);font-weight:700;letter-spacing:-.02em}.admin-layout .modal-footer,.admin-layout .modal-actions{border-top:1px solid var(--admin-border);background:var(--admin-surface-muted)}.admin-layout .empty-state,.admin-layout .result-message.success{border-radius:var(--admin-radius-md)}.admin-layout .result-message.success{background:var(--admin-success-soft);color:#0f7a5c;border:1px solid rgba(32,201,151,.28)}.admin-layout .error-message{background:var(--admin-danger-soft);color:var(--admin-danger);border:1px solid rgba(255,107,107,.28);border-radius:var(--admin-radius-sm)}.admin-layout .room-grants-page,.admin-layout .record-cleanup-page,.admin-layout .web-security-page,.admin-layout .batch-subscriptions,.admin-layout .admin-watermark-tracker,.admin-layout .admin-room-tags,.admin-layout .ai-generate-page{--rg-primary: var(--admin-primary);--rg-surface: var(--admin-surface);--rg-border: var(--admin-border);--rc-primary: var(--admin-primary);--rc-danger: var(--admin-danger);--ws-primary: var(--admin-primary)}.admin-layout .rg-card,.admin-layout .rc-card,.admin-layout .ws-card,.admin-layout .settings-card,.admin-layout .left-panel,.admin-layout .right-panel{background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:var(--admin-radius-md);box-shadow:var(--admin-shadow-sm)}.admin-layout .rg-btn-primary,.admin-layout .ws-btn-primary,.admin-layout .panel-tab.active{background:linear-gradient(135deg,#4d86f5,var(--admin-primary))!important;color:#fff!important;border-color:transparent!important}.admin-layout .rg-btn-secondary,.admin-layout .rc-btn-secondary,.admin-layout .ws-btn-secondary{background:var(--admin-surface)!important;border:1px solid var(--admin-border-strong)!important;color:var(--admin-text-secondary)!important}.admin-layout .rc-btn-danger{background:var(--admin-danger-soft)!important;border:1px solid rgba(255,107,107,.35)!important;color:var(--admin-danger)!important}@media (max-width: 768px){:root:not([data-skin=mx2026]),html[data-skin=classic]{--app-bg: #f5f7fb;--app-surface: #ffffff;--app-surface-muted: #f5f5f5;--app-primary: #4f7cff;--app-text: #0f1115;--app-text-secondary: #666666;--app-text-muted: #999999;--app-border: rgba(15, 17, 21, .06);--app-search-bg: #e9ecf4;--app-danger: #e53935}html[data-theme=dark]:not([data-skin=mx2026]),html[data-skin=classic][data-theme=dark]{--app-bg: #1a1a1a;--app-surface: #363636;--app-surface-muted: #2d2d2d;--app-text: #e0e0e0;--app-text-secondary: #b0b0b0;--app-text-muted: #888888;--app-border: rgba(255, 255, 255, .08);--app-search-bg: #404040}html,body,#app{overflow-x:clip;overflow-y:auto;max-width:100%;background:var(--app-bg)}body,#app,.user-layout,.mobile-view,.mobile-tab-shell,.mobile-tab-body,.mobile-channel-tab,.sidebar-room-list,.group-view,.favorites-view,.room-item-wrapper,.room-item,.room-name,.room-preview,.message-item-wrapper{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea,select,[contenteditable=true],.search-input,.tag-input,.room-detail .message-content{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=button]):not([type=submit]):not([type=reset]):not([type=file]):not([type=image]):not([type=range]),textarea,select,.search-input,.input,.date-input,.type-select,.tag-input,.captcha-input{font-size:16px!important}.sidebar-room-list,.messages-container,.mobile-me-tab,.tag-panels,.favorites-swiper{background-color:var(--app-bg);overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}html[data-theme=dark],html[data-theme=dark] body,html[data-theme=dark] #app{background:var(--app-bg)}html[data-theme=dark] .user-layout,html[data-theme=dark] .mobile-view,html[data-theme=dark] .mobile-tab-shell,html[data-theme=dark] .mobile-tab-body,html[data-theme=dark] .mobile-channel-tab,html[data-theme=dark] .sidebar-room-list,html[data-theme=dark] .room-list-body{background-color:var(--app-bg)}}@media (max-width: 768px){.admin-layout.is-mobile{--admin-mobile-bg: var(--admin-canvas, #f4f6fb);--admin-mobile-surface: var(--admin-surface, #ffffff);--admin-mobile-primary: var(--admin-primary, #2f6fed);--admin-mobile-text: var(--admin-text, #1a1d2e);--admin-mobile-text-secondary: var(--admin-text-secondary, #5c6478);--admin-mobile-border: var(--admin-border, rgba(26, 29, 46, .07));background:var(--admin-mobile-bg);height:auto;min-height:100%;overflow:visible}.admin-layout.is-mobile .admin-main{margin-left:0;width:100%;min-width:0;min-height:0;height:auto;flex:1 0 auto;overflow:visible}.admin-layout.is-mobile .admin-header{display:none}.admin-layout.is-mobile .admin-content{min-height:calc(100vh - 52px - env(safe-area-inset-top));min-height:calc(100dvh - 52px - env(safe-area-inset-top));height:auto;flex:none;overflow:visible;background:var(--admin-mobile-bg)}.admin-layout.is-mobile .admin-viewport{height:auto;overflow:visible}.admin-layout.is-mobile .admin-content-fill,.admin-layout.is-mobile .admin-viewport-fill{height:auto!important;max-height:none!important;overflow:visible!important}.admin-layout.is-mobile .page-header,.admin-layout.is-mobile .dash-header,.admin-layout.is-mobile .admin-dashboard .section-head-wrap{flex-direction:column;align-items:stretch;gap:12px;padding:16px}.admin-layout.is-mobile .page-header h1,.admin-layout.is-mobile .dash-header h1{font-size:20px;margin:0}.admin-layout.is-mobile .header-right,.admin-layout.is-mobile .search-right,.admin-layout.is-mobile .filter-right{width:100%;flex-wrap:wrap;gap:8px}.admin-layout.is-mobile .search-bar,.admin-layout.is-mobile .filter-bar,.admin-layout.is-mobile .filter-bar .filter-left{flex-direction:column;align-items:stretch;padding:0 16px 12px;gap:10px}.admin-layout.is-mobile .search-left{flex-direction:column;align-items:stretch;width:100%;gap:8px}.admin-layout.is-mobile .search-input,.admin-layout.is-mobile .form-input,.admin-layout.is-mobile .form-textarea,.admin-layout.is-mobile .days-input,.admin-layout.is-mobile .date-input{width:100%;max-width:none;font-size:16px;box-sizing:border-box}.admin-layout.is-mobile .btn-green,.admin-layout.is-mobile .btn-search,.admin-layout.is-mobile .btn-gray,.admin-layout.is-mobile .btn-primary,.admin-layout.is-mobile .btn-secondary{min-height:40px}.admin-layout.is-mobile .menu-icon{display:none}.admin-layout.is-mobile .modal-overlay{padding:0;align-items:stretch;z-index:14500}.admin-layout.is-mobile .modal-content,.admin-layout.is-mobile .modal-panel,.admin-layout.is-mobile .modal-panel-md,.admin-layout.is-mobile .tag-editor-modal{width:100%;max-width:none;height:100%;max-height:none;border-radius:0;margin:0}.admin-layout.is-mobile .modal-header{padding:12px 16px;padding-top:max(12px,env(safe-area-inset-top))}.admin-layout.is-mobile .modal-header h3{font-size:16px;line-height:1.4;padding-right:8px}.admin-layout.is-mobile .modal-body{padding:16px}.admin-layout.is-mobile .modal-actions,.admin-layout.is-mobile .modal-footer{flex-wrap:wrap;padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom))}.admin-layout.is-mobile .modal-actions button,.admin-layout.is-mobile .modal-footer button{flex:1;min-width:120px}.admin-layout.is-mobile .details-body .info-row,.admin-layout.is-mobile .room-info-section .info-row,.admin-layout.is-mobile .crm-form-grid,.admin-layout.is-mobile .crm-form-grid-2,.admin-layout.is-mobile .crm-form-grid-3,.admin-layout.is-mobile .crm-quota-cards{grid-template-columns:1fr!important}.admin-layout.is-mobile .send-message-layout,.admin-layout.is-mobile .batch-create-layout,.admin-layout.is-mobile .batch-course-limit-modal{flex-direction:column}.admin-layout.is-mobile .settings-content{padding:12px 16px}.admin-layout.is-mobile .settings-card{padding:16px}.admin-layout.is-mobile .admin-guide-page .guide-frame{min-height:calc(100vh - 52px - env(safe-area-inset-top))}.admin-layout.is-mobile .admin-announcement-overlay{padding:16px;align-items:flex-end}.admin-layout.is-mobile .admin-announcement-modal{max-height:85vh;border-radius:12px 12px 0 0}.admin-mobile-page{min-height:100%;background:var(--admin-mobile-bg, #e8edf3);padding-bottom:env(safe-area-inset-bottom);font-family:var(--admin-font, inherit)}.admin-mobile-page-header{padding:14px 16px;background:var(--admin-mobile-surface, #fff);border-bottom:1px solid var(--admin-mobile-border)}.admin-mobile-page-header h1{margin:0;font-size:20px;font-weight:700;letter-spacing:-.02em;color:var(--admin-mobile-text)}.admin-mobile-page-sub{margin:4px 0 0;font-size:13px;color:var(--admin-mobile-text-secondary);line-height:1.45}.admin-mobile-toolbar{display:flex;flex-direction:column;gap:10px;padding:12px 16px;background:var(--admin-mobile-surface, #fff);border-bottom:1px solid var(--admin-mobile-border)}.admin-mobile-toolbar-row{display:flex;gap:8px;flex-wrap:wrap}.admin-mobile-search{flex:1;min-width:0;min-height:44px;padding:0 12px;border:1.5px solid var(--admin-border-strong, rgba(18, 26, 36, .14));border-radius:10px;font-size:16px;font-family:inherit;background:var(--admin-surface-muted, #f3f6fa);color:var(--admin-mobile-text);transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.admin-mobile-search:focus{outline:none;border-color:var(--admin-mobile-primary, #2f6fed);background:#fff;box-shadow:0 0 0 3px #2f6fed38}.admin-mobile-search.textarea{min-height:96px;padding:12px;resize:vertical}.admin-mobile-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 14px;border:none;border-radius:10px;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap;transition:background .15s ease,transform .12s ease,opacity .15s ease}.admin-mobile-btn:active:not(:disabled){transform:scale(.98)}.admin-mobile-btn:disabled{opacity:.48;cursor:not-allowed}.admin-mobile-btn-primary{background:var(--admin-mobile-primary, #2f6fed);color:#fff;box-shadow:0 1px 2px #2f6fed33}.admin-mobile-btn-primary:hover:not(:disabled){background:#1f5ad4}.admin-mobile-btn-secondary{background:var(--admin-surface-muted, #f3f6fa);color:var(--admin-mobile-text, #15202b);border:1px solid var(--admin-border-strong, rgba(18, 26, 36, .14))}.admin-mobile-btn-secondary:active:not(:disabled){border-color:var(--admin-mobile-primary, #2f6fed);color:var(--admin-mobile-primary, #2f6fed)}.admin-mobile-btn-danger{background:var(--admin-danger-soft, rgba(196, 60, 60, .12));color:var(--admin-danger, #c43c3c);border:1px solid rgba(196,60,60,.28)}.admin-mobile-list{padding:12px 16px;display:flex;flex-direction:column;gap:10px}.admin-mobile-card{background:var(--admin-mobile-surface, #fff);border-radius:12px;padding:14px 16px;box-shadow:var(--admin-shadow-xs, 0 1px 2px rgba(18, 26, 36, .04));border:1px solid var(--admin-mobile-border);transition:box-shadow .15s ease,transform .12s ease}.admin-mobile-card:active{transform:scale(.995)}.admin-mobile-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:8px}.admin-mobile-card-title{font-size:16px;font-weight:650;letter-spacing:-.01em;color:var(--admin-mobile-text);word-break:break-all}.admin-mobile-card-sub{font-size:13px;color:var(--admin-text-muted, #8494a7);margin-top:4px}.admin-mobile-card-meta{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:13px;color:var(--admin-mobile-text-secondary);margin-bottom:10px}.admin-mobile-card-actions{display:flex;gap:8px;flex-wrap:wrap}.admin-mobile-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600}.admin-mobile-badge-success{background:var(--admin-success-soft, rgba(27, 138, 90, .12));color:var(--admin-success, #1b8a5a)}.admin-mobile-badge-danger{background:var(--admin-danger-soft, rgba(196, 60, 60, .12));color:var(--admin-danger, #c43c3c)}.admin-mobile-badge-muted{background:var(--admin-surface-muted, #f3f6fa);color:var(--admin-text-secondary, #5a6a7a)}.admin-mobile-badge-info{background:#2f6fed24;color:#2f6fed}.admin-mobile-empty{text-align:center;padding:48px 16px;color:var(--admin-text-muted, #8494a7);font-size:14px}.admin-mobile-action-sheet{position:fixed;top:0;right:0;bottom:0;left:0;background:#121a2480;z-index:12000;display:flex;align-items:flex-end;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.admin-mobile-action-sheet-panel{width:100%;max-width:480px;background:var(--admin-surface-muted, #f3f6fa);border-radius:16px 16px 0 0;padding:8px 8px max(8px,env(safe-area-inset-bottom))}.admin-mobile-action-sheet-title{text-align:center;padding:12px;font-size:13px;font-weight:600;color:var(--admin-text-muted, #8494a7)}.admin-mobile-action-item,.admin-mobile-action-cancel{display:block;width:100%;min-height:48px;padding:14px;border:none;background:#fff;font-size:16px;font-weight:500;font-family:inherit;color:var(--admin-mobile-text, #15202b);cursor:pointer;border-radius:12px;margin-bottom:6px;transition:background .12s ease}.admin-mobile-action-item:active:not(.disabled),.admin-mobile-action-cancel:active{background:var(--admin-primary-softer, rgba(47, 111, 237, .07))}.admin-mobile-action-item.danger{color:var(--admin-danger, #c43c3c)}.admin-mobile-action-item.disabled{opacity:.45;cursor:not-allowed}.admin-mobile-action-cancel{font-weight:700;margin-top:4px;color:var(--admin-mobile-primary, #2f6fed)}.admin-mobile-full-sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:11000;background:var(--admin-mobile-bg, #e8edf3);display:flex;flex-direction:column}.admin-mobile-full-sheet-header{display:flex;align-items:center;gap:8px;padding:10px 12px;padding-top:max(10px,env(safe-area-inset-top));background:#fffffff0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--admin-mobile-border);flex-shrink:0}.admin-mobile-back-btn{border:none;background:none;color:var(--admin-mobile-primary, #2f6fed);font-size:16px;font-weight:600;font-family:inherit;min-width:44px;min-height:44px;padding:6px 4px;cursor:pointer;flex-shrink:0}.admin-mobile-full-sheet-title{flex:1;margin:0;font-size:17px;font-weight:700;letter-spacing:-.01em;color:var(--admin-mobile-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-mobile-full-sheet-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px}.admin-mobile-full-sheet-footer{padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom));background:#fffffff5;border-top:1px solid var(--admin-mobile-border);display:flex;gap:10px}.admin-mobile-detail-row{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--admin-mobile-border);font-size:14px}.admin-mobile-detail-row:last-child{border-bottom:none}.admin-mobile-detail-label{color:var(--admin-text-muted, #8494a7);flex-shrink:0}.admin-mobile-detail-value{color:var(--admin-mobile-text, #15202b);text-align:right;word-break:break-all}.admin-mobile-form-group{margin-bottom:16px}.admin-mobile-form-group label{display:block;margin-bottom:6px;font-size:14px;font-weight:600;color:var(--admin-mobile-text, #15202b)}.admin-mobile-tabs{display:flex;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:4px;margin:0 16px 12px;scrollbar-width:none;background:var(--admin-surface-muted, #f3f6fa);border-radius:10px;border:1px solid var(--admin-mobile-border)}.admin-mobile-full-sheet-body .admin-mobile-tabs,.admin-mobile-card .admin-mobile-tabs{margin-left:0;margin-right:0}.admin-mobile-tabs::-webkit-scrollbar{display:none}.admin-mobile-tab{flex-shrink:0;min-height:36px;padding:8px 14px;border:1px solid transparent;border-radius:8px;background:transparent;font-size:13px;font-weight:600;font-family:inherit;color:var(--admin-text-secondary, #5a6a7a);cursor:pointer;transition:background .15s ease,color .15s ease}.admin-mobile-tab.active{background:#2f6fed;border-color:#2f6fed;color:#fff;font-weight:600}.admin-mobile-card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.admin-mobile-mini-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.admin-mobile-switch-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;font-size:14px}.admin-mobile-step-bar{display:flex;gap:8px;padding:12px 16px;background:var(--admin-mobile-surface, #fff);border-bottom:1px solid var(--admin-mobile-border)}.admin-mobile-step{flex:1;text-align:center;padding:8px 4px;border-radius:8px;font-size:13px;font-weight:600;color:var(--admin-text-muted, #8494a7);background:var(--admin-surface-muted, #f3f6fa)}.admin-mobile-step.active{background:#2f6fed24;color:#2f6fed}.admin-mobile-step.done{background:var(--admin-success-soft, rgba(27, 138, 90, .12));color:var(--admin-success, #1b8a5a)}.admin-sheet-fade-enter-active,.admin-sheet-fade-leave-active{transition:opacity .2s ease}.admin-sheet-fade-enter-from,.admin-sheet-fade-leave-to{opacity:0}.admin-sheet-slide-enter-active,.admin-sheet-slide-leave-active{transition:transform .25s ease}.admin-sheet-slide-enter-from,.admin-sheet-slide-leave-to{transform:translateY(100%)}}.admin-mobile-topbar{display:none}@media (max-width: 768px){.admin-layout.is-mobile .admin-mobile-topbar{display:flex;align-items:center;gap:10px;height:52px;padding:0 12px;padding-top:env(safe-area-inset-top);background:#ffffffeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--admin-border, rgba(18, 26, 36, .08));position:sticky;top:0;z-index:900}.admin-layout.is-mobile .admin-sidebar,.admin-layout.is-mobile .sidebar-toggle{display:none}.admin-layout.is-mobile .admin-mobile-menu-btn{width:44px;height:44px;border:none;border-radius:10px;background:var(--admin-surface-muted, #f3f6fa);color:var(--admin-text, #15202b);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .15s ease,color .15s ease}.admin-layout.is-mobile .admin-mobile-topbar-title{flex:1;font-size:17px;font-weight:650;letter-spacing:-.02em;color:var(--admin-text, #15202b);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-layout.is-mobile .admin-mobile-topbar-user{font-size:13px;color:var(--admin-text-secondary, #5a6a7a);max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-layout.is-mobile .admin-mobile-logout-btn{min-height:36px;padding:0 12px;border-radius:8px;border:1px solid rgba(196,60,60,.28);background:var(--admin-danger-soft, rgba(196, 60, 60, .12));color:var(--admin-danger, #c43c3c);font-size:12px;font-weight:600;cursor:pointer;flex-shrink:0}.admin-layout.is-mobile .admin-mobile-menu-btn.is-open{background:var(--admin-primary-soft, rgba(47, 111, 237, .14));color:var(--admin-primary, #2f6fed)}.admin-mobile-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#121a2480;z-index:15000;touch-action:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.admin-mobile-drawer{position:fixed;left:0;top:0;bottom:0;width:min(288px,85vw);max-width:100%;background:radial-gradient(120% 80% at 0% 0%,rgba(47,111,237,.22),transparent 55%),linear-gradient(180deg,#1a2234,#0e131c);color:#fff;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:env(safe-area-inset-bottom);box-shadow:8px 0 32px #0e131c59}.admin-mobile-drawer-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;padding-top:max(16px,env(safe-area-inset-top));border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.admin-mobile-drawer-logo{width:40px;height:40px;border-radius:12px;object-fit:cover;flex-shrink:0;background:#f3e6d8}.admin-mobile-drawer-header-text{flex:1;min-width:0}.admin-mobile-drawer-header-text h2{margin:0;font-size:18px;font-weight:700;letter-spacing:-.02em;color:#e8eef4}.admin-mobile-drawer-header-text .sidebar-version{color:#8b9aab}.admin-mobile-drawer-close{width:40px;height:40px;border:none;border-radius:10px;background:#ffffff14;color:#e8eef4;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.admin-mobile-drawer-nav{flex:1;min-height:0;padding:10px 8px}.admin-mobile-drawer-nav .nav-item,.admin-mobile-drawer-nav .nav-sub-item{display:block;margin:2px 0;padding:12px 14px;color:#8b9aab;text-decoration:none;border-radius:8px}.admin-mobile-drawer-nav .nav-sub-item{padding-left:28px;font-size:14px}.admin-mobile-drawer-nav .nav-item.active,.admin-mobile-drawer-nav .nav-sub-item.active{background:#f4f6fb;color:#2f6fed;font-weight:700;box-shadow:none;border-radius:16px 0 0 16px}.admin-mobile-drawer-nav .nav-group-title{display:flex;justify-content:space-between;align-items:center;margin:2px 0;padding:12px 14px;font-weight:600;color:#8b9aab;font-size:13px;cursor:pointer;border-radius:8px}.admin-mobile-drawer-nav .nav-group-title.expanded{color:#fff;background:#ffffff24}.admin-mobile-drawer-nav .nav-group-items{background:transparent}.admin-mobile-drawer .sidebar-footer{flex-shrink:0;padding:16px;border-top:1px solid rgba(255,255,255,.08)}.admin-mobile-drawer .copyright{color:#8b9aab}.admin-mobile-drawer .mobile-scope-bar{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.08)}.admin-mobile-drawer .admin-mobile-search{width:100%;height:40px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#e8eef4;padding:0 10px;font-size:14px}body.admin-mobile-drawer-open{overflow:hidden}.admin-announcement-overlay{z-index:16000;padding:16px;align-items:flex-end}.admin-announcement-modal{max-height:85vh;border-radius:12px 12px 0 0}.admin-drawer-enter-active,.admin-drawer-leave-active{transition:opacity .2s ease}.admin-drawer-enter-active .admin-mobile-drawer,.admin-drawer-leave-active .admin-mobile-drawer{transition:transform .25s ease}.admin-drawer-enter-from,.admin-drawer-leave-to{opacity:0}.admin-drawer-enter-from .admin-mobile-drawer,.admin-drawer-leave-to .admin-mobile-drawer{transform:translate(-100%)}.admin-mobile-page .room-rank-section{border:1px solid var(--admin-mobile-border);border-radius:12px}.admin-mobile-page .room-rank-section .btn-view-all{min-height:36px;padding:8px 12px}.admin-mobile-page .room-rank-section .modal-overlay{z-index:14500;padding:0;align-items:stretch}.admin-mobile-page .room-rank-section .rank-modal{width:100%;max-height:100vh;border-radius:0}.mobile-scope-bar{padding:10px 14px;border-bottom:1px solid var(--admin-mobile-border)}.mobile-scope-bar .admin-mobile-search{width:100%}.admin-mobile-pagination,.admin-layout.is-mobile .pagination-bar,.admin-layout.is-mobile .pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;padding:12px 4px 20px}.admin-mobile-pagination .page-btn,.admin-layout.is-mobile .page-btn{min-width:44px;min-height:44px;border-radius:12px;border:1px solid var(--admin-border-strong, rgba(26, 29, 46, .12));background:var(--admin-mobile-surface, #fff);color:var(--admin-mobile-text-secondary, #5c6478);font-weight:600}.admin-mobile-pagination .page-btn.active,.admin-layout.is-mobile .page-btn.active{background:linear-gradient(135deg,#4d86f5,var(--admin-mobile-primary, #2f6fed));border-color:transparent;color:#fff;box-shadow:0 8px 20px #2f6fed47}.admin-layout.is-mobile .admin-card,.admin-layout.is-mobile .tracker-form,.admin-layout.is-mobile .rg-card,.admin-layout.is-mobile .rc-card,.admin-layout.is-mobile .message-card,.admin-layout.is-mobile .grant-card{border-radius:16px}.admin-layout.is-mobile .admin-page{padding:16px}.admin-layout.is-mobile .admin-btn,.admin-layout.is-mobile .btn-primary,.admin-layout.is-mobile .btn-secondary,.admin-layout.is-mobile .btn-green,.admin-layout.is-mobile .rg-btn,.admin-layout.is-mobile .rc-btn{min-height:44px}}html,body,#app{width:100%;height:100%;margin:0}body{overflow:hidden}.room-avatar img,.message-avatar img,.profile img{width:100%;height:100%;object-fit:cover;display:block}.room-avatar,.message-avatar{border-radius:8px;place-items:center;display:grid;overflow:hidden}.room-avatar{width:38px;height:38px}.message-avatar{width:40px;height:40px}.room-main{min-width:0;display:grid;gap:4px}.room-title-row{display:flex;align-items:center;gap:6px;min-width:0}.room-title-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-preview{color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-time-stack{display:grid;justify-items:end;gap:4px;font-size:11px;color:var(--muted)}.room-badges{display:grid;align-content:start}.unread{background:#ef4444;color:#fff;border-radius:999px;min-width:18px;height:18px;padding:0 5px;font-size:11px;line-height:18px;text-align:center;font-weight:700}.unread.muted{background:#8e8e93;color:#fff}.room-info-body{padding:16px;display:grid;gap:14px}.room-info-grid{display:grid;gap:10px}.room-info-grid span{color:var(--muted);font-size:12px;display:block}.room-info-intro h4{margin:0 0 6px}.profile-inline-tip{color:var(--muted);font-size:13px;margin:8px 0 0}.profile-menu{display:grid}.profile-menu button,.quick-action{cursor:pointer}.mall-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}:root{color:#1f2933;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--line:#d8e0e8;--muted:#64748b;--text:#1f2933;--panel:#fff;--soft:#f6f8fb;--accent:#0f766e;--accent-strong:#115e59;--blue:#2563eb;--amber:#b45309;background:#eef2f6;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{color:#e5edf7;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--line:#273449;--muted:#9aa9bd;--text:#e5edf7;--panel:#101827;--soft:#162033;--accent:#2dd4bf;--accent-strong:#14b8a6;--blue:#60a5fa;--amber:#fbbf24;background:#0b1120}*{box-sizing:border-box}html,body,#app{width:100%;height:100%}body{min-width:0;margin:0;overflow:hidden}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{background:0 0;place-items:stretch stretch;height:100vh;min-height:100vh;padding:0;transition:background-color .26s,padding .28s cubic-bezier(.22,1,.36,1);display:grid;overflow:hidden}.login-screen{background:linear-gradient(135deg,#0f766e1f,#0000 42%),linear-gradient(315deg,#2563eb1a,#0000 45%),#eef2f6;place-items:center;height:100vh;min-height:100vh;padding:24px;display:grid;overflow:auto}.login-logo{color:#fff;background:#111827;border-radius:8px;place-items:center;width:64px;height:64px;font-weight:800;display:grid}.login-panel{background:var(--panel);align-content:center;gap:16px;min-width:0;padding:42px;display:grid}.login-shell{border:1px solid var(--line);background:var(--panel);border-radius:8px;grid-template-columns:minmax(280px,.9fr) minmax(360px,1fr);width:min(920px,100vw - 32px);min-height:560px;display:grid;overflow:hidden;box-shadow:0 22px 70px #0f172a29}.login-brand-panel{color:#fff;background:linear-gradient(135deg,#2dd4bf29,#0000 34%),linear-gradient(#111827,#0f172a);flex-direction:column;justify-content:space-between;gap:24px;min-width:0;padding:42px;display:flex}.login-brand-content{gap:26px;display:grid}.login-brand-panel h1,.login-form-header h2{letter-spacing:0;margin:0;font-size:30px;line-height:1.2}.login-brand-panel p,.login-panel p{margin:0}.login-brand-panel p{color:#cbd5e1;max-width:260px;font-size:15px;line-height:1.7}.login-kicker{color:var(--accent);margin-bottom:8px;font-size:13px;font-weight:800;display:inline-flex}.login-brand-panel .login-kicker{color:#99f6e4}.login-brand-footer{color:#cbd5e1;align-items:center;gap:8px;font-size:13px;display:inline-flex}.login-form-header{margin-bottom:8px}.login-form-header h2{color:var(--text)}.login-panel p{color:var(--muted)}.login-panel label{color:var(--muted);gap:8px;font-size:14px;display:grid}.login-field>span{color:var(--text);font-weight:700}.login-panel input,.search-box input{border:1px solid var(--line);width:100%;color:var(--text);background:#fff;border-radius:6px;outline:none}.login-panel input{height:42px;padding:0 12px}.login-input-wrap{border:1px solid var(--line);min-width:0;height:44px;color:var(--muted);background:#fff;border-radius:6px;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:10px;padding:0 12px;display:grid}.login-input-wrap input{height:40px;box-shadow:none;background:0 0;border:0;padding:0}.login-input-wrap:focus-within,.search-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #0f766e1f}.captcha-row{grid-template-columns:minmax(0,1fr) 118px;gap:10px;display:grid}.captcha-image{border:1px solid var(--line);background:#f8fafc;border-radius:6px;place-items:center;height:44px;display:grid;overflow:hidden}.captcha-image img{object-fit:cover;width:100%;height:100%}.login-submit{width:100%;margin-top:4px;font-weight:800}.legacy-login-screen{background-image:url(/login-back.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;align-items:center;padding:0;overflow:hidden}.legacy-login-screen:before{content:"";pointer-events:none;background:#0f172a0f;position:fixed;top:0;right:0;bottom:0;left:0}.legacy-login-wrap{z-index:1;justify-items:center;width:min(380px,100vw - 32px);display:grid;position:relative;transform:translateY(-38px)}.legacy-login-brand{color:#242a33;text-align:center;justify-items:center;margin-bottom:12px;display:grid}.legacy-login-brand img{width:92px;height:auto;margin-bottom:-18px}.legacy-login-brand h1{letter-spacing:0;margin:0;font-size:30px;font-weight:900;line-height:1.2}.legacy-login-card{color:#111827;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffad;border:1px solid #cbd5e1b8;border-radius:6px;gap:14px;width:345px;max-width:100%;padding:28px 30px 24px;display:grid;box-shadow:0 16px 34px #0f172a3d}.legacy-login-title{align-items:center;gap:8px;font-size:16px;font-weight:900;display:inline-flex}.legacy-login-title span{background:#111827;border-radius:999px;width:4px;height:18px}.legacy-login-row{color:#111827;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:10px;font-size:14px;font-weight:800;display:grid}.legacy-input,.legacy-captcha{align-items:center;gap:8px;min-width:0;display:grid}.legacy-input{background:#fffffff2;border-radius:4px;grid-template-columns:minmax(0,1fr) 28px;height:36px;padding:0 6px 0 10px}.legacy-input input,.legacy-captcha input{color:#111827;background:0 0;border:0;outline:none;width:100%;min-width:0;height:34px;padding:0;font-weight:700}.legacy-input button{color:#aeb6c2;background:0 0;border:0;place-items:center;width:24px;height:24px;padding:0;display:inline-grid}.legacy-input:focus-within,.legacy-captcha input:focus{box-shadow:0 0 0 3px #007aff26}.legacy-captcha{grid-template-columns:minmax(0,92px) 1fr}.legacy-captcha input{background:#fffffff2;border-radius:4px;padding:0 10px}.legacy-captcha button{color:#475569;background:0 0;border:0;place-items:center;min-width:0;height:40px;padding:0;display:grid;overflow:hidden}.legacy-captcha img{object-fit:contain;width:100%;max-height:40px}.legacy-login-submit{color:#fff;background:#0b8cff;border:0;border-radius:5px;justify-content:center;align-items:center;gap:8px;height:40px;font-weight:900;display:inline-flex}.legacy-login-submit:hover{background:#007aff}.legacy-forgot{color:#111827;background:0 0;border:0;justify-self:end;padding:0;font-size:13px;font-weight:800}.primary-button,.secondary-button,.icon-button,.mini-icon{border:0;justify-content:center;align-items:center;display:inline-flex}.primary-button{color:#fff;background:var(--accent);border-radius:6px;gap:8px;height:44px}.primary-button:hover{background:var(--accent-strong)}.secondary-button{border:1px solid var(--line);height:36px;color:var(--text);background:#fff;border-radius:6px;gap:8px;padding:0 12px}.compact-button{height:34px;padding:0 10px}.form-error{background:#fef2f2;border-radius:6px;padding:10px 12px;color:#b91c1c!important}.form-hint{background:#ecfdf5;border-radius:6px;padding:10px 12px;color:#047857!important}.workspace{width:100vw;height:100vh;min-height:0;box-shadow:none;transform-origin:50%;border:1px solid #0000;border-radius:0;grid-template-columns:64px 335px minmax(0,1fr);transition:width .28s cubic-bezier(.22,1,.36,1),height .28s cubic-bezier(.22,1,.36,1),min-height .28s cubic-bezier(.22,1,.36,1),border-color .22s,border-radius .28s cubic-bezier(.22,1,.36,1),box-shadow .28s;display:grid;overflow:hidden}.app-shell.workspace-windowed{background:#e9e8fb;place-items:center;min-height:100vh;padding:clamp(24px,5vh,56px) clamp(28px,9vw,96px);display:grid;overflow:auto}:root[data-theme=dark] .app-shell.workspace-windowed{background:#0b1120}.app-shell.workspace-windowed .workspace{border:1px solid #94a3b85c;border-radius:6px;width:min(1280px,100vw - 96px);height:min(820px,100vh - 96px);min-height:620px;box-shadow:0 26px 70px #0f172a47}.app-shell.workspace-mode-animating .workspace{will-change:width,height,transform;animation:.32s cubic-bezier(.22,1,.36,1) workspace-mode-zoom}@keyframes workspace-mode-zoom{0%{transform:scale(.992)}55%{transform:scale(1.004)}to{transform:none}}@media (prefers-reduced-motion:reduce){.app-shell,.workspace{transition:none}.app-shell.workspace-mode-animating .workspace{animation:none}}.mobile-topbar,.mobile-back-button{display:none}.rail{color:#fff;background:#111827;flex-direction:column;align-items:center;gap:14px;padding:16px 10px;display:flex}.profile,.message-avatar,.room-avatar{background:#e2e8f0;overflow:hidden}.profile-wrap{justify-items:center;display:grid;position:relative}.profile-wrap.vip .profile{box-shadow:0 0 0 2px #fbbf24}.profile{color:#111827;border-radius:8px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.vip-rail-badge{color:#7c2d12;background:#fbbf24;border-radius:999px;place-items:center;min-width:30px;height:16px;margin-top:-6px;padding:0 5px;font-size:10px;font-weight:900;line-height:1;display:inline-grid;box-shadow:0 4px 10px #0000003d}.profile img,.message-avatar img,.room-avatar img{object-fit:cover;width:100%;height:100%}.icon-button{color:#dbe4ee;background:0 0;border-radius:6px;width:40px;height:40px;position:relative}.icon-button:hover{background:#ffffff1f}.icon-button.active{color:#fff;background:#f59e0b3d;box-shadow:inset 0 0 0 1px #fbbf2499}.expiring-filter-button.active{color:#dcfce7;background:#16a34a47;box-shadow:inset 0 0 0 1px #22c55eb8}.expiring-filter-button.active:after{content:"";background:#22c55e;border-radius:999px;width:7px;height:7px;position:absolute;top:5px;right:5px}.state-button{align-items:center;padding-bottom:8px}.rail-state{color:#fff;background:#16a34a;border-radius:999px;place-items:center;min-width:18px;height:15px;padding:0 3px;font-size:10px;font-weight:800;line-height:1;display:inline-grid;position:absolute;bottom:3px;right:3px}.rail-state.off{background:#dc2626}.icon-button.bottom{margin-top:auto}.room-panel,.chat-panel{background:var(--panel);min-height:0}.room-panel{border-right:1px solid var(--line);grid-template-rows:auto auto minmax(0,1fr);display:grid}.panel-header,.chat-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:60px;padding:12px 14px;display:flex}.panel-header h2,.chat-header h2{letter-spacing:0;margin:0 0 4px;font-size:18px}.panel-header span,.chat-header span{color:var(--muted);font-size:13px}.search-box{border:1px solid var(--line);height:38px;color:var(--muted);background:#fff;border-radius:6px;align-items:center;gap:8px;margin:8px 10px;padding:0 10px;display:flex}.search-box input{height:34px;box-shadow:none;border:0;padding:0}.room-list,.message-scroller{min-height:0;overflow:auto}.room-section{border-bottom:1px solid var(--line)}.group-header{z-index:2;border:0;border-bottom:1px solid var(--line);width:100%;height:30px;color:var(--muted);background:var(--soft);justify-content:space-between;align-items:center;gap:6px;padding:0 8px 0 12px;display:flex;position:sticky;top:0}.group-toggle{min-width:0;height:100%;color:inherit;text-align:left;background:0 0;border:0;flex:1;justify-content:space-between;align-items:center;gap:8px;padding:0;display:flex}.group-toggle>span,.group-manager-list article>span{align-items:center;gap:7px;min-width:0;display:inline-flex}.group-toggle>svg{flex:none}.group-order-actions{flex:none;align-items:center;gap:2px;display:inline-flex}.group-order-actions button{width:22px;height:22px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:4px;place-items:center;padding:0;display:grid}.group-order-actions button:not(:disabled):hover{color:var(--primary);border-color:var(--line);background:var(--panel)}.group-order-actions button:disabled{cursor:not-allowed;opacity:.35}.group-header strong,.group-manager-list strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.group-header em,.group-manager-list em{color:var(--muted);font-size:12px;font-style:normal}.group-rooms{display:grid}.room-item{text-align:left;background:#fff;border:0;border-bottom:1px solid #edf1f5;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;min-height:62px;padding:8px 10px;display:grid;position:relative}.room-item:hover,.room-item.active{background:#f1f5f9}.room-item.pinned{background:#fff7ed}.room-item.pinned:hover{background:#ffedd5}.room-item.active{box-shadow:inset 3px 0 0 var(--accent);background:#eff6ff}.room-item.pinned.active{box-shadow:inset 3px 0 0 var(--accent),inset 0 0 0 1px #fed7aa;background:linear-gradient(90deg,#fff7ed,#eff6ff 52%)}.room-item.pinned .room-avatar{box-shadow:0 0 0 2px #fed7aa}.room-avatar{color:#334155;border-radius:8px;place-items:center;width:38px;height:38px;font-weight:700;display:grid}.room-avatar-fallback{color:#fff;place-items:center;width:100%;height:100%;display:grid}.room-main{gap:4px;min-width:0;display:grid}.room-title-row{align-items:center;gap:8px;display:flex}.room-title-row strong,.room-preview{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.room-preview{color:var(--muted);font-size:13px}.room-muted-badge{color:#b45309;background:#fff7ed;border:1px solid #fed7aa;border-radius:999px;flex:none;place-items:center;width:18px;height:18px;padding:0;line-height:0;display:inline-grid}.room-item.muted .room-preview{color:#8a7a67}.room-time-stack{pointer-events:none;justify-items:end;gap:3px;width:78px;display:grid;position:absolute;top:5px;right:6px}.room-expire{color:#166534;white-space:nowrap;background:#dcfce7;border-radius:5px;place-items:center;min-width:72px;max-width:78px;padding:2px 5px;font-size:10px;font-weight:700;line-height:1.2;display:inline-grid}.room-message-time{max-width:78px;color:var(--muted);white-space:nowrap;font-size:12px;line-height:1.2}.room-item:has(.room-time-stack) .room-main{padding-right:84px}.room-expire.urgent{color:#fff;background:#ef4444}.room-actions{justify-items:end;gap:4px;min-width:24px;display:grid}:is(.room-item:has(.room-expire) .room-actions,.room-item:has(.room-message-time) .room-actions){padding-top:30px}.mini-icon{color:#94a3b8;background:0 0;border-radius:5px;width:28px;height:24px}.mini-icon:hover,.mini-icon.on{color:var(--amber);background:#fffbeb}.unread{color:#fff;background:#dc2626;border-radius:999px;place-items:center;min-width:20px;height:18px;padding:0 6px;font-size:11px;font-weight:700;display:inline-grid}.room-ai-button{color:#1d4ed8;white-space:nowrap;background:#eff6ff;border:1px solid #bfdbfe;border-radius:5px;justify-content:center;align-items:center;gap:4px;width:fit-content;max-width:100%;height:24px;padding:0 7px;font-size:11px;font-weight:800;display:inline-flex}.room-ai-button:hover{color:#fff;background:var(--accent);border-color:var(--accent)}.context-menu-dismiss{z-index:79;background:0 0;position:fixed;top:0;right:0;bottom:0;left:0}.room-context-menu{z-index:80;border:1px solid var(--line);background:var(--panel);border-radius:7px;width:178px;padding:6px;display:grid;position:fixed;box-shadow:0 14px 34px #0f172a2e}.room-context-menu button{height:36px;color:var(--text);text-align:left;background:0 0;border:0;border-radius:5px;align-items:center;gap:9px;padding:0 10px;display:flex}.room-context-menu button:hover{background:var(--soft)}.context-status{color:var(--muted);background:#f1f5f9;border-radius:999px;margin-left:auto;padding:2px 6px;font-size:11px;font-style:normal;font-weight:700}.context-status.on{color:#b45309;background:#ffedd5}.room-info-backdrop{z-index:90;background:#0f172a6b;place-items:center;padding:20px;display:grid;position:fixed;top:0;right:0;bottom:0;left:0}.member-ai-backdrop{z-index:94}.member-ai-dialog{background:var(--panel);border-radius:8px;grid-template-rows:auto auto minmax(0,1fr) auto;width:min(1080px,100vw - 48px);height:min(720px,100vh - 48px);display:grid;overflow:hidden;box-shadow:0 24px 80px #0f172a4d}.member-ai-dialog header,.member-ai-dialog footer{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding:16px 18px;display:flex}.member-ai-dialog footer{border-top:1px solid var(--line);border-bottom:0;justify-content:flex-end}.member-ai-dialog h3,.member-ai-dialog p{margin:0}.member-ai-dialog h3{letter-spacing:0;font-size:18px}.member-ai-dialog header p{color:var(--muted);margin-top:4px;font-size:12px}.member-ai-content{background:#f8fafc;min-height:0;display:grid;overflow:hidden}.member-ai-frame{background:#fff;border:0;width:100%;height:100%}.member-ai-state{color:var(--text);text-align:center;place-content:center;gap:8px;padding:24px;display:grid}.member-ai-state strong{font-size:17px}.member-ai-state p{color:var(--muted)}.room-info-dialog{background:var(--panel);border-radius:8px;grid-template-rows:auto auto auto minmax(0,1fr);width:min(520px,100vw - 32px);max-height:min(720px,100vh - 40px);display:grid;overflow:hidden;box-shadow:0 24px 70px #0f172a47}.room-info-dialog header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.room-info-dialog h3,.room-info-dialog p,.room-info-intro h4{margin:0}.room-info-dialog header p,.room-info-hero span,.room-info-grid dt,.room-info-intro p{color:var(--muted)}.dialog-close{width:30px;height:30px;color:var(--muted);background:0 0;border:0;border-radius:5px;font-size:20px}.dialog-close:hover{color:var(--text);background:var(--soft)}.room-info-hero{align-items:center;gap:12px;padding:18px 20px 10px;display:flex}.room-info-avatar{background:var(--soft);border-radius:8px;place-items:center;width:54px;height:54px;font-weight:800;display:grid;overflow:hidden}.room-info-hero>div{gap:4px;min-width:0;display:grid}.room-info-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:10px 20px 18px;display:grid}.room-info-grid div{border:1px solid var(--line);background:var(--soft);border-radius:6px;min-width:0;padding:10px}.room-info-grid dt{margin-bottom:5px;font-size:12px}.room-info-grid dd{color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13px;overflow:hidden}.room-info-intro{gap:10px;min-height:0;padding:0 20px 20px;display:grid;overflow:auto}.room-info-intro .notice-html{border:1px solid var(--line);background:var(--soft);border-radius:6px;padding:12px}.chat-panel{background:#f5f7fa;grid-template-rows:auto auto auto auto minmax(0,1fr) auto;display:grid;position:relative}.chat-header{background:#fff}.chat-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.font-size-control{border:1px solid var(--line);height:36px;color:var(--muted);background:#fff;border-radius:6px;align-items:center;display:inline-flex;overflow:hidden}.font-size-control button{width:32px;height:34px;color:var(--text);background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.font-size-control button:hover:not(:disabled){background:#f1f5f9}.font-size-control span{text-align:center;font-variant-numeric:tabular-nums;min-width:44px;font-size:13px}.chat-title-block{flex:1;min-width:0}.chat-title-block h2{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.group-select{border:1px solid var(--line);height:36px;color:var(--muted);background:#fff;border-radius:6px;align-items:center;gap:8px;padding:0 10px;display:inline-flex}.group-select select{max-width:150px;color:var(--text);background:0 0;border:0;outline:none}.message-search{border-bottom:1px solid var(--line);min-height:50px;color:var(--muted);background:#fff;grid-template-columns:22px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:8px 18px;display:grid}.message-search.has-global-scope{grid-template-columns:auto 22px minmax(0,1fr) auto auto}.message-search-scope{border:1px solid var(--line);background:var(--soft);border-radius:6px;padding:2px;display:inline-flex}.message-search-scope button{min-width:42px;height:28px;color:var(--muted);background:0 0;border:0;border-radius:4px;padding:0 8px}.message-search-scope button.active{color:#fff;background:var(--accent)}.message-search input{height:36px;box-shadow:none;border:0;outline:none}.search-results{border-bottom:1px solid var(--line);background:#fbfdff;gap:8px;max-height:220px;padding:10px 18px;display:grid;overflow:auto}.search-results>button:not(.load-more-search){text-align:left;background:#fff;border:1px solid #e5eaf0;border-radius:6px;grid-template-columns:minmax(90px,140px) minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.search-results>button:disabled{cursor:not-allowed;opacity:.62}.search-results span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.search-results time{color:var(--muted);font-size:12px}.load-more-search{justify-self:center}.notice-bar{text-align:left;color:#713f12;background:#fffbeb;border:0;border-bottom:1px solid #fde68a;align-items:center;gap:10px;min-width:0;min-height:40px;padding:8px 18px;display:flex}.notice-bar span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.modal-backdrop{z-index:40;background:#0f172a73;place-items:center;padding:24px;display:grid;position:fixed;top:0;right:0;bottom:0;left:0}.notice-dialog{background:#fff;border-radius:8px;grid-template-rows:auto minmax(0,1fr);width:min(760px,100vw - 48px);max-height:min(720px,100vh - 48px);display:grid;box-shadow:0 24px 80px #0f172a4d}.system-notice-dialog{grid-template-rows:auto minmax(0,1fr) auto;width:min(820px,100vw - 48px)}.notice-dialog header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding:16px 18px;display:flex}.notice-dialog h3{letter-spacing:0;margin:0;font-size:18px}.dialog-actions{align-items:center;gap:8px;display:flex}.icon-close{width:34px;height:34px;color:var(--muted);background:#f1f5f9;border:0;border-radius:6px;place-items:center;display:grid}.notice-content{color:var(--text);white-space:pre-wrap;-webkit-user-select:text;user-select:text;padding:18px;line-height:1.75;overflow:auto}.notice-html p{margin:0 0 12px}.notice-html p:last-child{margin-bottom:0}.notice-html img{object-fit:contain;border-radius:6px;width:auto;max-width:100%;height:auto;max-height:min(68vh,720px);margin:0 auto;display:block}.notice-html a{color:var(--blue)}.notice-footer{border-top:1px solid var(--line);justify-content:flex-end;padding:14px 18px 18px;display:flex}.message-scroller{padding:20px 24px}.message-anchor.highlighted{outline-offset:2px;border-radius:8px;outline:2px solid #ef4444;margin:-8px -10px 8px;padding:8px 10px;animation:3.2s message-highlight}.message-anchor.highlighted .bubble{background:#fff7ed;border-color:#ef4444;box-shadow:0 0 0 3px #ef444429,0 12px 30px #0f172a29}.message-anchor.highlighted .message-row.self .bubble{color:#111827}.keyword-mark{color:#dc2626;background:#fee2e2;border-radius:3px;padding:0 2px;font-weight:800}.latest-button{z-index:3;color:#1d4ed8;background:#fff;border:1px solid #bfdbfe;border-radius:999px;align-items:center;gap:6px;padding:9px 12px;display:inline-flex;position:absolute;bottom:58px;right:24px;box-shadow:0 10px 30px #0f172a29}@keyframes message-highlight{0%{background:#fee2e2e6}55%{background:#fff7edf2}to{background:#fff7ed40}}.message-row{gap:12px;margin-bottom:16px;display:flex}.message-row.self{flex-direction:row-reverse}.message-row.system{justify-content:center}.system-message{color:var(--muted);background:#e8eef5;border-radius:999px;padding:6px 12px;font-size:13px}.message-avatar{color:#334155;border-radius:8px;flex:0 0 40px;place-items:center;width:40px;height:40px;font-weight:700;display:grid}.message-main{max-width:min(760px,72%)}.message-row.self .message-main{justify-items:end;display:grid}.message-meta{color:var(--muted);align-items:center;gap:10px;margin-bottom:6px;font-size:13px;display:flex}.bubble{background:#fff;border:1px solid #e5eaf0;border-radius:8px;gap:8px;padding:12px 14px;display:grid;box-shadow:0 6px 18px #0f172a0d}.message-row.self .bubble{color:#fff;border-color:var(--accent);background:var(--accent)}.message-meta strong{color:var(--teacher-name-color,inherit)}.text-part{color:var(--message-text-color,inherit);font-size:var(--chat-message-font-size,16px);white-space:pre-wrap;word-break:break-word;margin:0;line-height:1.6}.link-part{color:#2563eb;text-underline-offset:3px;word-break:break-all;text-decoration:underline}.message-row.self .link-part{color:inherit;font-weight:700}.image-part,.file-part{background:0 0;border:0;padding:0}.image-part{cursor:zoom-in}.audio-part{width:min(260px,100%);height:36px;display:block}.amr-player{border:1px solid var(--line);background:var(--panel);border-radius:6px;grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;gap:8px;width:min(300px,100%);min-height:44px;padding:5px 6px;display:grid}.amr-player.error{border-color:#dc8b8b}.amr-play-button,.amr-open-button{border:0;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;display:grid}.amr-play-button{color:#fff;background:var(--accent)}.amr-play-button:hover:not(:disabled){background:var(--accent-strong)}.amr-play-button:disabled{opacity:.72}.amr-open-button{color:var(--muted);background:0 0}.amr-open-button:hover{color:var(--accent);background:var(--soft)}.amr-progress{gap:2px;min-width:0;display:grid}.amr-progress input{width:100%;height:14px;accent-color:var(--accent);margin:0}.amr-progress input:disabled{opacity:.45}.amr-progress span{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right;font-size:11px;line-height:1}.amr-spinner{animation:.8s linear infinite amr-player-spin}@keyframes amr-player-spin{to{transform:rotate(360deg)}}.image-part img{border-radius:6px;max-width:min(520px,100%);max-height:420px;display:block}.image-preview-backdrop{z-index:70;background:#020617b8;place-items:center;padding:24px;display:grid;position:fixed;top:0;right:0;bottom:0;left:0}.image-preview-dialog{background:var(--panel);border-radius:8px;grid-template-rows:auto minmax(0,1fr);width:min(1180px,100vw - 48px);height:min(860px,100vh - 48px);display:grid;overflow:hidden;box-shadow:0 24px 90px #0006}.image-preview-dialog header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:10px 12px 10px 16px;display:flex}.image-preview-actions{align-items:center;gap:8px;display:flex}.image-preview-actions button{border:1px solid var(--line);width:34px;height:34px;color:var(--text);background:#fff;border-radius:6px;place-items:center;display:grid}.image-preview-actions span{min-width:54px;color:var(--muted);text-align:center;font-size:13px}.image-preview-canvas{background:linear-gradient(45deg,#64748b14 25%,#0000 25%),linear-gradient(-45deg,#64748b14 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#64748b14 75%),linear-gradient(-45deg,#0000 75%,#64748b14 75%);background-color:var(--soft);cursor:default;overscroll-behavior:contain;touch-action:none;background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;place-items:center;min-height:0;padding:22px;display:grid;overflow:auto}.image-preview-canvas.draggable{cursor:grab}.image-preview-canvas.dragging{cursor:grabbing}.image-preview-canvas img{transform-origin:50%;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;max-width:100%;max-height:100%;transition:transform .12s}.image-preview-canvas.dragging img{transition:none}.file-part{min-width:220px;color:var(--text);background:#eef2f6;border-radius:6px;align-items:center;gap:10px;padding:10px 12px;display:flex}.viewer-footer{border-top:1px solid var(--line);min-height:44px;color:var(--muted);background:#fff;justify-content:center;align-items:center;font-size:13px;display:flex}.empty-chat,.list-status{color:var(--muted);text-align:center;place-items:center;gap:6px;padding:40px;display:grid}.empty-chat.full{align-content:center;height:100%}.empty-chat strong{color:var(--text);font-size:18px}.socket-toast{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;align-items:center;gap:8px;padding:10px 12px;display:inline-flex;position:fixed;bottom:18px;right:18px;box-shadow:0 10px 30px #0f172a1f}.notify-pause-panel{z-index:35;color:#7c2d12;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;align-items:center;gap:8px;max-width:min(420px,100vw - 92px);padding:9px 10px;display:inline-flex;position:fixed;bottom:92px;right:18px;box-shadow:0 14px 34px #0f172a29}.notify-pause-panel strong,.notify-pause-panel span{white-space:nowrap}.notify-pause-panel .notify-countdown{color:#c2410c;font-variant-numeric:tabular-nums}.notify-pause-panel button{color:#9a3412;background:#fff;border:1px solid #fdba74;border-radius:6px;min-height:28px;padding:0 9px}.notify-pause-panel button:hover{background:#ffedd5}.notify-pause-panel .notify-close-button{place-items:center;width:28px;min-width:28px;padding:0;display:inline-grid}.socket-toast.notify-hint{color:#047857;background:#ecfdf5;border-color:#bbf7d0;bottom:74px}.message-toast-stack{z-index:30;flex-direction:column-reverse;gap:10px;width:min(360px,100vw - 36px);display:flex;position:fixed;bottom:18px;right:18px}.toast-stack-header{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 10px;display:grid;box-shadow:0 12px 34px #0f172a2e}.toast-stack-header span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.toast-stack-header button,.message-toast-actions button{color:#1d4ed8;background:#fff;border:1px solid #dbeafe;border-radius:6px;justify-content:center;align-items:center;gap:4px;min-height:28px;padding:0 8px;display:inline-flex}.message-toast{border:1px solid var(--line);text-align:left;color:var(--text);background:#fff;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;padding:10px;display:grid;box-shadow:0 16px 46px #0f172a38}.message-toast-main{text-align:left;background:0 0;border:0;gap:5px;min-width:0;display:grid}.message-toast-main strong,.message-toast-main span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.message-toast-main span{color:var(--muted);font-size:13px}.message-toast-main em{color:#fff;background:#dc2626;border-radius:999px;place-items:center;min-width:22px;height:20px;margin-left:6px;padding:0 6px;font-size:12px;font-style:normal;display:inline-grid}.message-toast-actions{gap:6px;display:flex}.message-toast-actions button:last-child{width:28px;color:var(--muted);border-color:#e5eaf0;padding:0}.ad-backdrop{z-index:45}.system-notice-backdrop{z-index:46}.ad-dialog{background:#fff;border-radius:8px;gap:14px;width:min(460px,100vw - 48px);padding:16px;display:grid;box-shadow:0 24px 80px #0f172a4d}.ad-dialog header,.ad-dialog footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.ad-card{color:#1e3a8a;background:linear-gradient(135deg,#eff6ff,#ecfeff);border:1px solid #bfdbfe;border-radius:8px;gap:12px;padding:18px;display:grid}.ad-card span{color:#fff;letter-spacing:0;background:#2563eb;border-radius:6px;place-items:center;width:44px;height:28px;font-weight:800;display:grid}.ad-card p{margin:0;line-height:1.7}.profile-backdrop{z-index:50;background:#0f172a8c;place-items:center;padding:26px;display:grid;position:fixed;top:0;right:0;bottom:0;left:0}.profile-center{background:#f7f8fa;border-radius:8px;grid-template-rows:auto auto auto minmax(0,1fr);width:min(1180px,100vw - 52px);height:min(820px,100vh - 52px);display:grid;overflow:hidden;box-shadow:0 24px 90px #0f172a57}.profile-titlebar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:50px;padding:0 16px;display:flex}.profile-hero{color:#fff;background:linear-gradient(110deg,#1689e8,#1cb7a5);justify-content:space-between;align-items:flex-start;min-height:120px;padding:24px;display:flex}.profile-user{align-items:center;gap:14px;display:flex}.profile-user div{gap:4px;display:grid}.profile-large-avatar{background:#ffffff3d;border-radius:999px;place-items:center;width:54px;height:54px;font-weight:800;display:grid;overflow:hidden}.profile-large-avatar img{object-fit:cover;width:100%;height:100%}.vip-card{color:#fff;background:0 0;border:0;justify-items:center;gap:4px;min-width:80px;display:grid}.vip-card span{color:#475569;background:#e2e8f0;border-radius:6px;padding:5px 13px;font-weight:700}.vip-card span.active{color:#7c2d12;background:#fed7aa}.quick-card{background:#fff;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:-34px 18px 16px;padding:18px;display:grid;box-shadow:0 8px 24px #0f172a29}.quick-action{min-height:90px;color:var(--text);background:#f8fafc;border:0;border-radius:6px;place-items:center;gap:4px;display:grid}.quick-action svg{color:var(--accent)}.quick-action span{color:var(--muted);font-size:12px}.profile-inline-tip{color:#047857;background:#ecfdf5;border-radius:6px;margin:0 18px 12px;padding:10px 12px}.profile-body{grid-template-columns:320px minmax(0,1fr);gap:16px;min-height:0;padding:0 18px 18px;display:grid}.profile-menu{border:1px solid var(--line);background:#fff;border-radius:8px;align-self:start;display:grid;overflow:hidden}.profile-menu button{height:50px;color:var(--text);text-align:left;background:#fff;border:0;border-bottom:1px solid #edf1f5;grid-template-columns:24px minmax(0,1fr) 20px;align-items:center;gap:10px;padding:0 14px;display:grid}.profile-menu button:hover{background:#f8fafc}.profile-detail{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.profile-detail>header{border-bottom:1px solid var(--line);align-items:center;gap:14px;min-height:52px;padding:10px 14px;display:flex}.profile-list,.profile-text,.settings-panel{padding:14px;overflow:auto}.profile-list{gap:10px;display:grid}.profile-list article{background:#fbfdff;border:1px solid #edf1f5;border-radius:6px;gap:6px;padding:12px;display:grid}.profile-list article.unread{background:#eff6ff;border-color:#93c5fd}.profile-list p,.profile-list time,.profile-list span,.profile-text p{color:var(--muted);margin:0;line-height:1.65}.selectable{-webkit-user-select:text;user-select:text}.welfare-list article{grid-template-columns:128px minmax(0,1fr);align-items:center}.welfare-list img{object-fit:cover;background:#f1f5f9;border-radius:6px;width:128px;height:78px}.mall-panel{grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.mall-tabs,.segmented{flex-wrap:wrap;gap:8px;display:flex}.mall-tabs{border-bottom:1px solid var(--line);padding:12px}.mall-tabs button,.segmented button{border:1px solid var(--line);min-height:34px;color:var(--muted);background:#fff;border-radius:6px;padding:0 14px}.mall-tabs button.active,.segmented button.active{border-color:var(--accent);color:var(--accent);background:#eff6ff}.mall-grid{gap:12px;padding:14px;display:grid;overflow:auto}.mall-goods{background:#fbfdff;border:1px solid #edf1f5;border-radius:6px;grid-template-columns:128px minmax(0,1fr);gap:12px;padding:12px;display:grid}.mall-goods img{object-fit:cover;background:#f1f5f9;border-radius:6px;width:128px;height:128px}.mall-goods>div{gap:8px;min-width:0;display:grid}.mall-goods p{max-height:72px;color:var(--muted);margin:0;line-height:1.5;overflow:hidden}.mall-goods footer{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.mall-goods b{color:#ea580c}.settings-panel{align-content:start;gap:12px;display:grid}.settings-panel label{gap:8px;display:grid}.settings-panel textarea{resize:vertical;border:1px solid var(--line);border-radius:6px;outline:none;width:100%;padding:10px}.settings-actions{flex-wrap:wrap;gap:10px;display:flex}.group-backdrop{z-index:55}.group-dialog{background:#fff;border-radius:8px;grid-template-rows:auto auto minmax(0,1fr) auto;gap:14px;width:min(460px,100vw - 48px);max-height:min(620px,100vh - 48px);padding:16px;display:grid;overflow:hidden;box-shadow:0 24px 80px #0f172a4d}.group-dialog header,.group-editor,.group-manager-list article{align-items:center;gap:10px;display:flex}.group-dialog header{justify-content:space-between}.group-dialog h3{margin:0}.group-editor{align-items:stretch}.group-editor input{border:1px solid var(--line);min-width:0;color:var(--text);background:#fff;border-radius:6px;outline:none;flex:1;padding:0 12px}.group-manager-list{gap:8px;min-height:0;display:grid;overflow:auto}.group-manager-list article{border:1px solid var(--line);background:#fbfdff;border-radius:6px;min-height:46px;padding:8px 10px}.group-manager-list article>span{flex:1}.mini-icon.danger:hover{color:#dc2626;background:#fef2f2}:root[data-theme=dark] body,:root[data-theme=dark] .app-shell,:root[data-theme=dark] .workspace,:root[data-theme=dark] .chat-panel,:root[data-theme=dark] .profile-center{color:var(--text);background:#0b1120}:root[data-theme=dark] .login-screen{background:linear-gradient(135deg,#2dd4bf24,#0000 42%),linear-gradient(315deg,#60a5fa1f,#0000 45%),#0b1120}:root[data-theme=dark] .legacy-login-screen{background-image:url(/login-back.svg);background-position:50%;background-repeat:no-repeat;background-size:100% 100%}:root[data-theme=dark] .login-panel,:root[data-theme=dark] .login-shell,:root[data-theme=dark] .room-panel,:root[data-theme=dark] .chat-header,:root[data-theme=dark] .message-search,:root[data-theme=dark] .notice-dialog,:root[data-theme=dark] .ad-dialog,:root[data-theme=dark] .group-dialog,:root[data-theme=dark] .profile-titlebar,:root[data-theme=dark] .quick-card,:root[data-theme=dark] .profile-menu,:root[data-theme=dark] .profile-detail,:root[data-theme=dark] .message-toast,:root[data-theme=dark] .toast-stack-header{background:var(--panel);color:var(--text)}:root[data-theme=dark] .secondary-button,:root[data-theme=dark] .mobile-back-button,:root[data-theme=dark] .font-size-control,:root[data-theme=dark] .font-size-control button,:root[data-theme=dark] .search-box,:root[data-theme=dark] .login-input-wrap,:root[data-theme=dark] .search-box input,:root[data-theme=dark] .login-panel input,:root[data-theme=dark] .group-select,:root[data-theme=dark] .group-editor input,:root[data-theme=dark] .toast-stack-header button,:root[data-theme=dark] .message-toast-actions button,:root[data-theme=dark] .image-preview-actions button,:root[data-theme=dark] .profile-menu button,:root[data-theme=dark] .mall-tabs button,:root[data-theme=dark] .segmented button,:root[data-theme=dark] .settings-panel textarea,:root[data-theme=dark] .room-item,:root[data-theme=dark] .search-results>button:not(.load-more-search),:root[data-theme=dark] .bubble,:root[data-theme=dark] .viewer-footer,:root[data-theme=dark] .quick-action,:root[data-theme=dark] .profile-list article,:root[data-theme=dark] .mall-goods,:root[data-theme=dark] .group-manager-list article{color:var(--text);border-color:var(--line);background:#111c2e}:root[data-theme=dark] .room-item:hover,:root[data-theme=dark] .room-item.active,:root[data-theme=dark] .profile-menu button:hover,:root[data-theme=dark] .quick-action:hover{background:#17243a}:root[data-theme=dark] .room-item.pinned{background:#2b2316}:root[data-theme=dark] .room-item.pinned:hover,:root[data-theme=dark] .room-item.pinned.active{background:linear-gradient(90deg,#2b2316,#17243a 58%)}:root[data-theme=dark] .room-muted-badge,:root[data-theme=dark] .context-status.on{color:#fdba74;background:#2b1b10;border-color:#92400e}:root[data-theme=dark] .room-ai-button{color:#93c5fd;background:#10233f;border-color:#1d4ed8}:root[data-theme=dark] .room-ai-button:hover{color:#fff;background:var(--accent)}:root[data-theme=dark] .member-ai-content{background:#0f172a}:root[data-theme=dark] .context-status{color:var(--muted);background:#17243a}:root[data-theme=dark] .room-item.muted .room-preview{color:#b6a792}:root[data-theme=dark] .message-row.self .bubble{color:#06201d}:root[data-theme=dark] .message-meta strong,:root[data-theme=dark] .room-avatar,:root[data-theme=dark] .message-avatar{color:var(--text)}:root[data-theme=dark] .text-part{color:var(--message-text-dark-color,inherit)}:root[data-theme=dark] .notice-bar{color:#fde68a;background:#2b2412;border-bottom-color:#5f4b14}:root[data-theme=dark] .search-results{background:#0f172a}:root[data-theme=dark] .file-part,:root[data-theme=dark] .system-message,:root[data-theme=dark] .icon-close{color:var(--muted);background:#17243a}:root[data-theme=dark] .captcha-image{color:#334155;background:#fff;border-color:#cbd5e1}:root[data-theme=dark] .captcha-image img{filter:none}:root[data-theme=dark] .ad-card{color:#dbeafe;background:linear-gradient(135deg,#112547,#12343c);border-color:#1d4ed8}:root[data-theme=dark] .form-error,:root[data-theme=dark] .socket-toast{background:#3b1218;border-color:#7f1d1d;color:#fecaca!important}:root[data-theme=dark] .form-hint,:root[data-theme=dark] .profile-inline-tip,:root[data-theme=dark] .socket-toast.notify-hint{background:#0f2f24;border-color:#166534;color:#bbf7d0!important}:root[data-theme=dark] .notify-pause-panel{color:#fed7aa;background:#2b2116;border-color:#9a3412}:root[data-theme=dark] .notify-pause-panel button{color:#fed7aa;background:#3a2818;border-color:#c2410c}@media (width<=1180px){body{min-width:0}.workspace{grid-template-columns:56px 315px minmax(0,1fr)}}@media (width<=1024px){html,body,#app{width:100%;height:100%}body{min-width:0;overflow:hidden}.app-shell{min-width:0}.app-shell.workspace-windowed{background:0 0;padding:0;display:block;overflow:hidden}.app-shell.workspace-windowed .workspace{width:auto;height:100dvh;min-height:0;box-shadow:none;border:0;border-radius:0}.workspace-mode-button,.workspace-mode-header-button{display:none}.login-screen{align-items:start;padding:16px}.legacy-login-screen{align-items:center;padding:0}.legacy-login-wrap{transform:translateY(-24px)}.login-shell{grid-template-columns:minmax(0,1fr);width:min(640px,100vw - 32px);min-height:0}.login-brand-panel{min-height:190px;padding:28px}.login-brand-content{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px}.login-brand-panel h1,.login-form-header h2{font-size:26px}.login-brand-panel p{max-width:none}.login-panel{padding:28px}.workspace{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);height:100dvh;display:grid;overflow:hidden}.mobile-topbar{display:none}.rail{min-width:0;min-height:58px;padding:8px max(10px,env(safe-area-inset-left)) max(8px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-right));flex-direction:row;order:2;justify-content:flex-start;gap:6px;overflow:auto hidden}.rail>*{flex:none}.profile{width:36px;height:36px}.vip-rail-badge{margin:0;position:absolute;bottom:-4px;right:-8px}.icon-button{width:38px;height:38px}.icon-button.bottom{margin-top:0}.room-panel{border-bottom:0;border-right:0;order:1;min-width:0;min-height:0}.chat-panel{order:1;min-width:0;min-height:0}.workspace.mobile-rooms .chat-panel,.workspace.mobile-chat .room-panel{display:none}.panel-header,.chat-header{align-items:flex-start;gap:10px;min-height:auto;padding:10px 12px}.panel-header h2,.chat-header h2{font-size:17px}.search-box{height:38px;margin:8px 10px}.room-item{grid-template-columns:36px minmax(0,1fr) auto;gap:8px;min-height:60px;padding:8px 10px}.room-avatar{width:36px;height:36px}.room-title-row{display:flex}.room-time-stack{width:76px}.room-expire{text-overflow:ellipsis;white-space:nowrap;max-width:76px;overflow:hidden}.room-message-time{max-width:76px;font-size:11px}.room-item:has(.room-time-stack) .room-main{padding-right:82px}.chat-header{flex-wrap:nowrap;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.mobile-back-button{border:1px solid var(--line);height:34px;color:var(--text);background:#fff;border-radius:6px;justify-content:center;align-items:center;gap:4px;padding:0 10px;display:inline-flex}.mobile-back-button span{color:var(--text);font-size:13px}.chat-title-block{min-width:0}.chat-header-actions{flex-wrap:nowrap;grid-area:1/3;justify-content:flex-end;align-items:center;gap:4px;width:auto;padding-bottom:0;display:flex;overflow:visible}.chat-header-actions .secondary-button span{display:none}.chat-header-actions .secondary-button{width:36px;min-width:36px;padding:0}.font-size-control{display:none}.text-part{font-size:16px}.group-select{grid-area:2/1/auto/-1;justify-content:flex-start;width:100%;max-width:none}.group-select select{flex:1;min-width:0;max-width:none}.message-search{grid-template-columns:20px minmax(0,1fr) auto auto;gap:6px;min-height:44px;padding:6px 10px}.message-search.has-global-scope{grid-template-columns:20px minmax(0,1fr) auto auto}.message-search.has-global-scope .message-search-scope{grid-column:1/-1;justify-self:start}.message-search .secondary-button{padding:0 10px}.search-results{max-height:160px;padding:8px 10px}.search-results>button:not(.load-more-search){grid-template-columns:minmax(0,1fr) auto}.search-results>button:not(.load-more-search)>span{grid-column:1/-1}.notice-bar{min-height:36px;padding:7px 10px}.message-scroller{padding:12px}.message-row{gap:8px;margin-bottom:12px}.message-avatar{flex-basis:34px;width:34px;height:34px}.message-main{max-width:calc(100% - 42px)}.bubble{padding:10px 12px}.image-part img{max-width:min(100%,76vw);max-height:300px}.viewer-footer{min-height:34px}.latest-button{bottom:46px;right:12px}.socket-toast{max-width:calc(100vw - 24px);bottom:70px;right:12px}.notify-pause-panel{flex-wrap:wrap;max-width:calc(100vw - 24px);bottom:118px;right:12px}.notify-pause-panel strong,.notify-pause-panel span{white-space:normal}.message-toast-stack{width:calc(100vw - 24px);bottom:70px;right:12px}.modal-backdrop,.profile-backdrop,.image-preview-backdrop{padding:12px}.notice-dialog,.system-notice-dialog,.ad-dialog,.image-preview-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.notice-dialog header,.notice-footer,.image-preview-dialog header,.notice-content{padding:12px}.notice-html img{max-height:58dvh}.ad-dialog{padding:12px}.profile-center{width:calc(100vw - 24px);height:calc(100dvh - 24px)}.profile-hero{min-height:104px;padding:18px}.quick-card{gap:10px;margin:-26px 12px 12px;padding:12px}.quick-action{min-height:76px}.profile-inline-tip{margin:0 12px 10px}.profile-body{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:10px;padding:0 12px 12px}.profile-menu{align-self:stretch;display:flex;overflow-x:auto}.profile-menu button{border-bottom:0;border-right:1px solid #edf1f5;min-width:150px}.welfare-list article,.mall-goods{grid-template-columns:96px minmax(0,1fr)}.welfare-list img,.mall-goods img{width:96px;height:96px}}@media (width<=540px){.workspace{grid-template-rows:minmax(0,1fr) auto}.login-panel{width:auto;padding:22px}.login-screen{padding:10px}.legacy-login-screen{width:100dvw;height:100dvh;padding:0}.legacy-login-wrap{width:min(330px,100dvw - 24px);max-width:330px;position:fixed;top:50dvh;left:12px;transform:translateY(-50%)}.legacy-login-brand img{width:82px;margin-bottom:-16px}.legacy-login-brand h1{font-size:26px}.legacy-login-card{gap:12px;width:100%;max-width:100%;padding:22px 14px 18px}.legacy-login-row{grid-template-columns:48px minmax(0,1fr);gap:8px}.legacy-captcha{grid-template-columns:minmax(0,92px) minmax(82px,1fr)}.legacy-forgot{padding-right:2px}.login-shell{width:calc(100vw - 20px)}.login-brand-panel{min-height:160px;padding:22px}.login-brand-content{gap:14px}.login-logo{width:54px;height:54px}.login-brand-panel h1,.login-form-header h2{font-size:24px}.captcha-row{grid-template-columns:minmax(0,1fr) 106px}.panel-header{padding:9px 10px}.room-item{grid-template-columns:36px minmax(0,1fr) max-content}.room-avatar{width:36px;height:36px}.room-actions{min-width:30px}.room-ai-button{width:28px;max-width:28px;padding:0}.room-ai-button span{display:none}.room-info-grid{grid-template-columns:minmax(0,1fr)}.room-info-dialog{max-height:calc(100dvh - 28px)}.member-ai-dialog{width:calc(100vw - 24px);height:calc(100dvh - 28px)}.member-ai-dialog header,.member-ai-dialog footer{padding:12px}.rail{gap:5px;min-height:54px}.rail .icon-button,.rail .profile{width:34px;height:34px}.mini-icon{width:26px}.chat-header-actions .secondary-button{width:36px;padding:0}.message-search{grid-template-columns:20px minmax(0,1fr) auto}.message-search .icon-close{grid-column:3}.message-search .secondary-button{min-width:48px;padding:0 8px}.message-row.self .message-main{justify-items:stretch}.message-main{max-width:calc(100% - 40px)}.message-meta{flex-wrap:wrap;gap:6px}.file-part{min-width:0}.toast-stack-header,.message-toast{grid-template-columns:minmax(0,1fr)}.message-toast-actions{justify-content:flex-end}.profile-hero{flex-direction:column;align-items:stretch;gap:12px}.quick-card,.welfare-list article,.mall-goods{grid-template-columns:minmax(0,1fr)}.welfare-list img,.mall-goods img{aspect-ratio:16/9;width:100%;height:auto}}.member-ai-toolbar{border-bottom:1px solid var(--line);justify-content:flex-end;align-items:center;gap:12px;padding:12px 16px;display:flex}.member-ai-tabs{gap:6px;display:flex}.member-ai-tabs:first-child{margin-right:auto}.member-ai-tabs button{border:1px solid var(--border-color);color:inherit;cursor:pointer;background:0 0;border-radius:8px;padding:7px 12px}.member-ai-tabs button.active{color:#fff;background:#0f766e;border-color:#0f766e}.member-ai-date-input{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed}.bubble .message-text{color:var(--message-text-color,inherit);font-size:var(--chat-message-font-size,16px);white-space:pre-wrap;word-break:break-word;margin:0;line-height:1.6}.bubble .message-link,.bubble .message-file-link{color:#2563eb;text-underline-offset:3px;word-break:break-all;text-decoration:underline}.bubble .message-image{border-radius:6px;max-width:min(520px,100%);max-height:420px;display:block}.bubble .message-audio-bubble,.bubble .message-file{color:var(--muted);background:var(--soft);border-radius:8px;padding:8px 10px}.message-meta strong{color:var(--teacher-name-color,var(--text))}:root[data-theme=dark] .bubble .message-text{color:var(--message-text-dark-color,var(--text))}:root[data-theme=dark] .bubble .message-link,:root[data-theme=dark] .bubble .message-file-link{color:var(--blue)}:root[data-theme=dark] .bubble .message-audio-bubble,:root[data-theme=dark] .bubble .message-file,:root[data-theme=dark] .bubble .message-file-link{color:var(--muted);background:#17243a}:root[data-theme=dark] .message-meta strong{color:var(--teacher-name-dark-color,var(--text))}:root[data-theme=dark] .message-meta time{color:var(--muted)}:root[data-theme=dark] .system-message{color:var(--muted);background:#17243a}.search-box .super-search-btn{border:0;background:var(--accent);color:#fff;border-radius:6px;padding:4px 8px;font-size:12px;margin-left:6px;flex:none}.chat-panel .message-main,.chat-panel .message-row.self .message-main{max-width:min(420px,68%)!important}.chat-panel .bubble{padding:8px 12px;border-radius:10px}.chat-panel .bubble .message-image{max-width:min(280px,100%);max-height:320px}.legacy-login-title{display:flex;flex-direction:column;align-items:center;gap:10px}.legacy-login-logo{width:72px;height:72px;border-radius:16px;object-fit:cover;box-shadow:0 8px 20px #0f172a1f;display:block}.login-brand-logo{width:72px;height:72px;border-radius:16px;object-fit:cover;box-shadow:0 8px 24px #0000001f;display:block;margin-bottom:16px}