: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}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{min-height:100vh}.boot-screen,.login-screen{background:linear-gradient(135deg,#0f766e1f,#0000 42%),linear-gradient(315deg,#2563eb1a,#0000 45%),#eef2f6;place-items:center;min-height:100vh;display:grid}.brand-mark,.login-logo{color:#fff;background:#111827;border-radius:8px;place-items:center;width:64px;height:64px;font-weight:800;display:grid}.boot-screen{color:var(--muted);align-content:center;gap:16px}.login-panel{border:1px solid var(--line);background:#ffffffeb;border-radius:8px;gap:18px;width:calc(100% - 32px);max-width:420px;padding:32px;display:grid;box-shadow:0 20px 70px #0f172a21}.login-panel h1{letter-spacing:0;margin:18px 0 4px;font-size:28px}.login-panel p{color:var(--muted);margin:0}.login-panel label{color:var(--muted);gap:8px;font-size:14px;display:grid}.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-panel input:focus,.search-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #0f766e1f}.captcha-row{grid-template-columns:1fr 118px;gap:10px;display:grid}.captcha-image{border:1px solid var(--line);background:#f8fafc;border-radius:6px;place-items:center;height:42px;display:grid;overflow:hidden}.captcha-image img{object-fit:cover;width:100%;height:100%}.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{grid-template-columns:64px 360px minmax(0,1fr);height:100vh;display:grid;overflow:hidden}.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}.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:68px;padding:16px 18px;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:42px;color:var(--muted);background:#fff;border-radius:6px;align-items:center;gap:8px;margin:12px;padding:0 12px;display:flex}.search-box input{height:36px;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:34px;color:var(--muted);background:var(--soft);justify-content:space-between;align-items:center;gap:8px;padding:0 12px;display:flex;position:sticky;top:0}.group-header span,.group-manager-list article>span{align-items:center;gap:7px;min-width:0;display:inline-flex}.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:48px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:82px;padding:12px;display:grid}.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 0%,#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:48px;height:48px;font-weight:700;display:grid}.room-main{gap:6px;min-width:0;display:grid}.room-title-row{justify-content:space-between;gap:8px;display:flex}.room-title-row strong,.room-preview{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.room-title-row time,.room-preview{color:var(--muted);font-size:13px}.room-actions{justify-items:end;gap:4px;min-width:34px;display:grid}.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:22px;height:20px;padding:0 6px;font-size:12px;font-weight:700;display:inline-grid}.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}.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 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 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-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;inset: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);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}.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;inset: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 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}.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;inset: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] .boot-screen,:root[data-theme=dark] .login-screen{background:linear-gradient(135deg,#2dd4bf24,#0000 42%),linear-gradient(315deg,#60a5fa1f,#0000 45%),#0b1120}:root[data-theme=dark] .login-panel,: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] .search-box,: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 0%,#17243a 58%)}: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] .message-meta strong{color:var(--teacher-name-dark-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 330px minmax(0,1fr)}}@media (width<=1024px){html,body,#app{width:100%;height:100%}body{min-width:0;overflow:hidden}.app-shell{min-width:0}.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:42px minmax(0,1fr) auto;gap:10px;min-height:70px;padding:10px}.room-avatar{width:42px;height:42px}.room-title-row{grid-template-columns:minmax(0,1fr) auto;display:grid}.chat-header{flex-wrap:nowrap;grid-template-columns:auto minmax(0,1fr);align-items:center;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-title-block h2{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-header-actions{flex-wrap:nowrap;grid-column:1/-1;justify-content:flex-start;width:100%;padding-bottom:2px;overflow-x:auto}.chat-header-actions .secondary-button span{display:none}.group-select{flex:none;max-width:min(190px,56vw)}.group-select select{max-width:120px}.message-search{grid-template-columns:20px minmax(0,1fr) auto auto;gap:6px;min-height:44px;padding:6px 10px}.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:calc(100% - 24px);padding:22px}.captcha-row{grid-template-columns:minmax(0,1fr) 106px}.panel-header{padding:9px 10px}.room-item{grid-template-columns:40px minmax(0,1fr) 30px}.room-avatar{width:40px;height:40px}.room-actions{min-width:30px}.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}}