:root{color-scheme:light;--bg: #f5f7fb;--panel: rgba(255, 255, 255, .9);--panel-strong: #ffffff;--border: #e2e8f0;--text: #0f172a;--muted: #64748b;--brand: #0f172a;--brand-soft: #eff6ff;--accent: #2563eb;--accent-soft: #dbeafe;--danger: #b42318;--shadow: 0 30px 80px rgba(15, 23, 42, .12);font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;background:radial-gradient(circle at top left,rgba(15,118,110,.12),transparent 34%),radial-gradient(circle at top right,rgba(14,116,144,.12),transparent 28%),var(--bg);color:var(--text)}body{min-height:100vh}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.page-shell{min-height:100vh;padding:24px}.page-card{max-width:1200px;margin:0 auto;background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:24px}.login-shell{display:grid;place-items:center}.login-card{width:min(480px,100%);padding:40px}.title{margin:0 0 8px;font-size:32px;font-weight:700}.subtitle{margin:0 0 24px;color:var(--muted)}.field{display:grid;gap:8px;margin-bottom:16px}.field input,.field textarea,.field select{width:100%;padding:12px 14px;border-radius:14px;border:1px solid var(--border);background:#ffffffe6}.field textarea{min-height:110px;resize:vertical}.ui-button{border:1px solid transparent;border-radius:12px;padding:10px 16px;background:var(--brand);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}.ui-button svg{width:18px;height:18px}.ui-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 24px #0f172a1f}.ui-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.ui-button--secondary{background:#fff;color:var(--text);border-color:var(--border)}.ui-button--ghost{background:transparent;color:var(--muted);border-color:transparent}.ui-button--destructive{background:var(--danger);color:#fff}.ui-button--sm{padding:8px 12px;border-radius:10px;font-size:13px}.ui-button--icon{width:42px;height:42px;padding:0;border-radius:14px}.ui-button--block{width:100%}.ui-input,.ui-textarea{width:100%;border:1px solid transparent;border-radius:12px;background:#fff;color:var(--text);outline:none}.ui-input{min-height:42px;padding:0 14px;border-color:var(--border)}.ui-textarea{min-height:44px;padding:11px 14px;border-color:transparent;background:transparent;resize:none;line-height:1.5}.ui-input:focus,.ui-textarea:focus{border-color:var(--accent)}.ui-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid transparent;padding:4px 10px;font-size:12px;font-weight:600;white-space:nowrap}.ui-badge--default{background:var(--text);color:#fff}.ui-badge--secondary{background:#fff;color:var(--muted);border-color:var(--border)}.ui-badge--success{background:#dcfce7;color:#166534}.ui-avatar{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);color:var(--text);display:inline-flex;align-items:center;justify-content:center;overflow:hidden;font-size:12px;font-weight:700;flex:0 0 auto}.ui-avatar--sm{width:34px;height:34px;border-radius:12px}.ui-avatar img{width:100%;height:100%;object-fit:cover}.ui-surface{border-radius:20px;border:1px solid var(--border);background:#fff;box-shadow:0 12px 28px #0f172a0f}.ui-surface--soft{background:#ffffffd1}.ui-surface--muted{background:#f8fafcf0}.button{border:none;padding:12px 18px;border-radius:14px;background:var(--brand);color:#fff;transition:transform .15s ease,opacity .15s ease}.button.secondary{background:#fff;color:var(--text);border:1px solid var(--border)}.button.danger{background:var(--danger)}.button:disabled{opacity:.6;cursor:not-allowed}.button:hover:not(:disabled){transform:translateY(-1px)}.inline-actions{display:flex;flex-wrap:wrap;gap:10px}.muted{color:var(--muted)}.error-text{color:var(--danger);margin-top:8px}.tag{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:var(--brand-soft);color:var(--brand);font-size:12px}.chat-shell{padding:16px}.chat-app{max-width:1440px;min-height:calc(100vh - 32px);margin:0 auto;display:grid;grid-template-columns:320px minmax(0,1fr);background:#ffffffb3;border:1px solid rgba(226,232,240,.85);border-radius:32px;overflow:hidden;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.chat-sidebar{width:320px;min-width:320px;border-right:1px solid rgba(226,232,240,.9);background:linear-gradient(180deg,#fffffff5,#f8fafceb),var(--panel);display:grid;grid-template-rows:auto 1fr auto;gap:18px;padding:20px}.chat-sidebar--wechat{grid-template-rows:auto auto 1fr auto;gap:12px}.chat-sidebar__header,.chat-sidebar__footer{display:grid;gap:14px}.chat-sidebar__topbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.chat-sidebar__toolbar{display:flex;align-items:center;gap:8px}.chat-sidebar__identity{display:flex;align-items:center;gap:12px}.chat-sidebar__identity-text{display:grid;gap:4px}.chat-sidebar__identity-text span{font-size:13px;color:var(--muted)}.chat-sidebar__body{min-height:0;display:grid;gap:14px;overflow:auto;padding-right:4px}.chat-sidebar__body .ui-surface,.chat-sidebar__footer .ui-surface{padding:14px}.chat-sidebar__create{display:grid;gap:10px}.chat-quick-actions{padding:14px;display:grid;gap:12px}.chat-quick-actions__switch{display:flex;gap:8px}.chat-quick-actions__panel{display:grid;gap:10px}.chat-sidebar__section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;font-size:13px;font-weight:700}.chat-sidebar__hint{color:var(--muted);font-size:13px}.chat-sidebar__list{display:grid;gap:8px;max-height:220px;overflow:auto}.chat-sidebar__list--compact{max-height:240px}.chat-sidebar__conversation-list{min-height:0;overflow:auto;display:grid;gap:2px;padding-right:4px}.chat-room-item{width:100%;border:1px solid transparent;background:#f8fafcf5;color:var(--text);border-radius:16px;padding:12px 14px;display:grid;gap:4px;text-align:left;transition:background .18s ease,border-color .18s ease,transform .18s ease}.chat-room-item strong{font-size:14px}.chat-room-item span{color:var(--muted);font-size:12px}.chat-room-item:hover{transform:translateY(-1px);border-color:#cbd5e1;background:#fff}.chat-room-item--active{background:linear-gradient(180deg,#eff6ff,#dbeafe);border-color:#93c5fd}.chat-room-item--active span{color:#1d4ed8}.chat-room-item--ghost{background:#f1f5f9e0}.chat-room-item--wechat{border-radius:14px;padding:10px 12px}.chat-settings-card{display:grid;gap:14px}.chat-settings-card p{margin:4px 0 0;color:var(--muted);font-size:13px;line-height:1.5}.chat-settings-card__actions{display:flex;flex-wrap:wrap;gap:8px}.member-picker-list{display:grid;gap:8px;max-height:180px;overflow:auto;padding-right:4px}.member-picker-item{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-items:center;padding:10px 12px;border-radius:14px;background:#f8fafcf5;border:1px solid var(--border)}.member-picker-item input{grid-row:span 2}.member-picker-item span{font-weight:600;font-size:14px}.member-picker-item small{color:var(--muted)}.chat-list-item{width:100%;display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:center;padding:12px 8px;border:none;border-bottom:1px solid rgba(226,232,240,.7);background:transparent;text-align:left;transition:background .16s ease}.chat-list-item:hover{background:#f8fafceb}.chat-list-item--active{background:#dbeafeeb}.chat-list-item__body{min-width:0;display:grid;gap:4px}.chat-list-item__head{display:flex;align-items:center;justify-content:space-between;gap:8px}.chat-list-item__head strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.chat-list-item__head span,.chat-list-item__desc{color:var(--muted);font-size:12px}.chat-list-item__desc{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-sidebar__footer--simple{display:flex;align-items:center;justify-content:space-between;gap:8px}.chat-stage{min-width:0;display:grid;grid-template-rows:auto 1fr auto;background:radial-gradient(circle at top,rgba(37,99,235,.06),transparent 34%),linear-gradient(180deg,#ffffff94,#f8fafcf0)}.chat-stage__header{padding:22px 26px;border-bottom:1px solid rgba(226,232,240,.92);display:flex;align-items:center;justify-content:space-between;gap:16px}.chat-stage__header h1{margin:0;font-size:28px;line-height:1.1}.chat-stage__header p{margin:6px 0 0;color:var(--muted);font-size:14px}.chat-stream{min-height:0;overflow:auto;padding:24px 28px}.chat-room-manage-wrap{padding:18px 28px 0}.chat-room-manage{max-width:920px;margin:0 auto;padding:16px;display:grid;gap:14px}.chat-room-manage__header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.chat-room-manage__header p{margin:6px 0 0;color:var(--muted);font-size:13px}.chat-room-manage__actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.chat-room-manage__invite{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.member-chip-list{display:grid;gap:8px}.member-chip{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:16px;background:#f8fafcf5;border:1px solid var(--border)}.member-chip__text{display:grid;gap:2px;min-width:0;flex:1}.member-chip__text strong{font-size:14px}.member-chip__text span{font-size:12px;color:var(--muted)}.chat-stream__inner{max-width:920px;margin:0 auto;display:grid;gap:16px}.chat-stream__older{justify-self:center}.chat-empty{padding:24px;text-align:center;color:var(--muted)}.chat-bubble-row{display:flex;align-items:flex-end;gap:12px;position:relative}.chat-bubble-row--own{justify-content:flex-end}.chat-bubble-row--stacked{margin-top:-8px}.chat-bubble-row__avatar{transition:opacity .18s ease,transform .18s ease}.chat-bubble-row--stacked:not(.chat-bubble-row--own) .chat-bubble-row__avatar{opacity:.28;transform:translateY(-8px) scale(.92)}.chat-bubble{max-width:min(78%,720px);padding:14px 16px;border-radius:20px 20px 20px 8px;border:1px solid #e2e8f0;background:#fffffff5;box-shadow:0 14px 30px #0f172a0f}.chat-bubble--own{background:linear-gradient(180deg,#0f172a,#1e293b);color:#fff;border-color:transparent;border-radius:20px 20px 8px}.chat-bubble--continued{border-top-left-radius:14px}.chat-bubble--own.chat-bubble--continued{border-top-right-radius:14px;border-top-left-radius:20px}.chat-bubble--tail-hidden{border-bottom-left-radius:14px}.chat-bubble--own.chat-bubble--tail-hidden{border-bottom-right-radius:14px;border-bottom-left-radius:20px}.chat-bubble__meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;font-size:12px}.chat-bubble__meta span{color:var(--muted)}.chat-bubble--own .chat-bubble__meta span{color:#ffffffb8}.chat-bubble p{margin:0;line-height:1.6;white-space:pre-wrap;word-break:break-word}.chat-bubble__attachment{display:inline-flex;margin-top:10px;color:var(--accent);font-weight:600}.chat-bubble--own .chat-bubble__attachment{color:#bfdbfe}.chat-composer-shell{border-top:1px solid rgba(226,232,240,.92);padding:18px 22px 22px;background:#fffc;display:grid;gap:10px}.chat-composer__attachment{max-width:920px;width:100%;margin:0 auto;display:flex;align-items:center;gap:8px}.chat-composer__error{max-width:920px;width:100%;margin:0 auto}.chat-composer{max-width:920px;width:100%;margin:0 auto;padding:8px;display:flex;align-items:flex-end;gap:8px;border-radius:22px;border:1px solid rgba(203,213,225,.9);background:#fffffffa;box-shadow:0 16px 40px #0f172a14}.chat-composer__file{display:none}.chat-composer__input{flex:1;min-height:44px;max-height:160px}.admin-room-shell{max-width:1120px;min-height:calc(100vh - 32px);margin:0 auto;display:grid;grid-template-rows:auto 1fr;background:#ffffffc2;border:1px solid rgba(226,232,240,.9);border-radius:32px;overflow:hidden;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.admin-shell{max-width:1440px;min-height:calc(100vh - 48px);display:grid;grid-template-columns:300px minmax(0,1fr);overflow:hidden}.admin-shell__sidebar{padding:24px 20px;border-right:1px solid var(--border);background:linear-gradient(180deg,#fffffff2,#f8fafceb),var(--panel);display:grid;grid-template-rows:auto 1fr auto;gap:18px}.admin-shell__brand{display:grid;gap:8px}.admin-shell__nav{display:grid;align-content:start;gap:8px}.admin-shell__nav-item{width:100%;border:1px solid transparent;border-radius:18px;background:#f8fafce6;padding:14px 16px;text-align:left;display:grid;gap:6px;transition:background .18s ease,border-color .18s ease,transform .18s ease}.admin-shell__nav-item strong{font-size:15px}.admin-shell__nav-item span{color:var(--muted);font-size:12px;line-height:1.5}.admin-shell__nav-item:hover{transform:translateY(-1px);border-color:#cbd5e1;background:#fff}.admin-shell__nav-item--active{border-color:#93c5fd;background:linear-gradient(180deg,#eff6ff,#dbeafe)}.admin-shell__sidebar-card{padding:16px;display:grid;gap:10px}.admin-shell__sidebar-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}.admin-shell__content{min-width:0;padding:24px;background:#ffffff94}.admin-section{display:grid;gap:18px}.admin-section__header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.admin-section__header h1{margin:0;font-size:30px}.admin-section__header p{margin:8px 0 0;color:var(--muted)}.admin-metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,180px));gap:12px}.admin-metric-grid--wide{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-metric-card{padding:16px;display:grid;gap:6px}.admin-metric-card strong{font-size:26px;line-height:1}.admin-metric-card span{color:var(--muted);font-size:13px}.admin-note{display:grid;gap:6px}.admin-note span{color:var(--muted);line-height:1.6;font-size:14px}.admin-room__header{background:#ffffffd6}.admin-room__stream{padding-bottom:28px}.chat-header,.settings-header,.admin-header{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:16px}.messages{padding:20px 24px;display:grid;align-content:start;gap:14px;overflow:auto;min-height:0}.message{padding:14px 16px;border-radius:18px;background:#fff;border:1px solid var(--border)}.message-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px;font-size:13px;color:var(--muted)}.composer{padding:18px 24px 24px;border-top:1px solid var(--border);display:grid;gap:12px}.composer textarea{min-height:100px}.grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.panel{background:#ffffffd9;border:1px solid var(--border);border-radius:20px;padding:20px}.list-table{width:100%;border-collapse:collapse}.list-table th,.list-table td{text-align:left;padding:12px 0;border-bottom:1px solid var(--border);vertical-align:top}.stack{display:grid;gap:16px}.search-grid{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.avatar{width:42px;height:42px;border-radius:14px;object-fit:cover;background:#0f766e2e}@media(max-width:960px){.page-shell{padding:12px}.chat-app{grid-template-columns:1fr;min-height:calc(100vh - 24px);border-radius:24px}.chat-sidebar{width:100%;min-width:0;border-right:none;border-bottom:1px solid var(--border);padding:16px}.chat-sidebar__body{overflow:visible}.chat-sidebar__list{max-height:none}.chat-sidebar__conversation-list{overflow:visible}.chat-sidebar__topbar{align-items:flex-start}.chat-quick-actions__switch,.chat-sidebar__footer--simple{flex-wrap:wrap}.chat-bubble{max-width:90%}.chat-stage__header,.chat-room-manage-wrap,.chat-stream,.chat-composer-shell{padding-left:16px;padding-right:16px}.chat-stage__header{align-items:flex-start;flex-direction:column}.chat-bubble-row{gap:8px}.chat-bubble-row--stacked{margin-top:-6px}.chat-bubble{max-width:calc(100% - 42px);padding:12px 14px}.chat-composer{border-radius:18px;align-items:center}.chat-room-manage__header,.chat-room-manage__invite{grid-template-columns:1fr;display:grid}.member-chip{align-items:flex-start;flex-wrap:wrap}.chat-composer__attachment,.chat-composer__error,.chat-composer{max-width:100%}.admin-room-shell{min-height:calc(100vh - 24px);border-radius:24px}.admin-shell{min-height:calc(100vh - 24px);grid-template-columns:1fr}.admin-shell__sidebar{border-right:none;border-bottom:1px solid var(--border);padding:16px}.admin-shell__content{padding:16px}.admin-section__header{flex-direction:column}.admin-metric-grid,.admin-metric-grid--wide{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-two,.search-grid{grid-template-columns:1fr}}