/* 小队语音界面：系统字体、无背景模糊、无循环装饰动画。 */
:root{color-scheme:dark;--bg:#0d1219;--surface:#151d27;--raised:#1b2632;--line:#293543;--text:#edf3f6;--muted:#9aaabb;--mint:#a6f3d0;--mint-ink:#103d2d;--danger:#ff9a9e;--radius:18px;font-family:system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;font-size:15px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);line-height:1.6}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid transparent;font-weight:600;line-height:1.3}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--mint);outline-offset:4px}a{color:inherit;text-decoration:none}a:hover{color:var(--mint)}button svg,.lobby-note svg{width:19px;height:19px;flex-shrink:0}svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}button{display:inline-flex;align-items:center;justify-content:center;gap:9px}h1,h2,h3,p{margin:0}h2{font-size:21px}h3{font-size:16px}small,.subtle{color:var(--muted);font-size:12px}.shell{max-width:1240px;margin:auto;padding:0 36px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:30px 0;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:24px;letter-spacing:1px;font-weight:800}.brand-light{font-weight:450}.brand small{display:block;font-size:9px;font-weight:600;letter-spacing:2px;margin-top:1px}.brand-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--mint);color:var(--mint-ink)}.brand-icon svg{width:30px;height:30px;stroke-width:1.8}.top-actions{display:flex;gap:22px;align-items:center}.service-state{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted)}.service-state i,.dot{display:inline-block;width:7px;height:7px;min-width:7px;border-radius:50%;background:#627284}.dot.live,.service-state.online i{background:var(--mint)}.primary,.secondary,.quiet,.icon-button,.danger{border-radius:10px;padding:11px 16px;background:transparent;color:var(--text)}.primary{background:var(--mint);color:var(--mint-ink)}.primary:hover{background:#baf8df}.secondary{background:var(--raised);border-color:var(--line)}.secondary:hover,.quiet:hover,.icon-button:hover{background:#273747}.danger{background:#a52b3a;color:#fff}.quiet{color:var(--muted)}.large{padding:15px 24px;font-size:15px}.full{width:100%;margin-top:15px}.hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;min-height:430px;padding:52px 12px 48px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--muted);font-weight:600;display:flex;gap:9px;align-items:center}.hero h1{font-size:clamp(42px,5vw,64px);line-height:1.18;letter-spacing:-2px;margin:20px 0}.hero em{font-style:normal;color:var(--mint)}.hero-desc{color:#adbac7;font-size:15px;line-height:1.9}.hero-actions{display:flex;gap:12px;margin-top:27px}.hero-actions span{margin-left:12px;color:var(--muted)}.hero-tags{display:flex;gap:18px;margin-top:23px;font-size:11px;color:var(--muted)}.hero-tags span:before{content:'✓';color:var(--mint);margin-right:6px}.hero-art{position:relative;height:310px;display:grid;place-items:center;overflow:hidden}.orbit{position:absolute;border:1px solid #2d423c;border-radius:50%;width:284px;height:284px;transform:rotate(-20deg) scaleY(.75)}.orbit-2{width:360px;height:360px;transform:rotate(32deg) scaleY(.75);border-style:dashed;border-color:#25322e}.art-headset{width:162px;height:162px;background:#1b332e;border:1px solid #476d5d;border-radius:47px;display:grid;place-items:center;transform:rotate(-12deg)}.art-headset svg{width:100px;height:100px;color:var(--mint);stroke-width:1.1}.art-chip{position:absolute;bottom:20px;left:38px;background:var(--surface);border:1px solid var(--line);padding:12px 20px;border-radius:12px;font-size:12px;transform:rotate(-4deg)}.art-chip .dot{margin-right:7px}.wave{position:absolute;right:14px;top:40px;display:flex;align-items:center;gap:5px;background:var(--surface);border:1px solid var(--line);padding:18px;border-radius:14px;transform:rotate(7deg)}.wave b{display:block;width:4px;height:14px;border-radius:4px;background:var(--mint)}.wave b:nth-child(3n){height:32px}.wave b:nth-child(2n){height:23px}.directory{padding:28px 0 10px;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.section-heading .eyebrow{font-size:9px;margin-bottom:5px}.section-heading h2{display:flex;gap:10px;align-items:center}.count{font-size:12px;background:var(--raised);color:var(--muted);border-radius:6px;padding:1px 8px}.filters{display:flex;justify-content:space-between;gap:16px;margin:25px 0 20px}.tabs{display:flex;gap:4px;flex-shrink:0}.tabs button{background:transparent;color:var(--muted);border-radius:8px;padding:9px 16px;font-size:13px}.tabs button.active{background:var(--raised);color:var(--mint)}input,select,textarea{background:#111923;border:1px solid var(--line);border-radius:9px;color:var(--text);padding:11px 12px;max-width:100%;width:100%;outline:none}input::placeholder,textarea::placeholder{color:#788b9e}input[type=search]{width:270px;font-size:12px}label{display:block;font-size:13px;font-weight:550;margin-top:19px}label input,label select{margin-top:7px}label small{font-weight:400;display:block;margin-top:7px}label .subtle{font-weight:400}input[type=checkbox]{width:17px;height:17px;accent-color:var(--mint);margin:0}.checkbox{display:flex;align-items:center;gap:9px}input[type=range]{padding:0;accent-color:var(--mint)}.room-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;min-height:148px}.channel-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:21px;display:flex;flex-direction:column;gap:16px;min-width:0}.channel-card:hover{border-color:#4c7164}.channel-card-header{display:flex;align-items:center;justify-content:space-between}.channel-icon{width:40px;height:40px;border-radius:12px;background:#243b35;color:var(--mint);display:grid;place-items:center}.channel-icon svg{width:22px;height:22px}.tag{border:1px solid var(--line);color:var(--muted);font-weight:500;font-size:10px;padding:3px 7px;border-radius:5px}.channel-card h3{font-size:17px;overflow-wrap:anywhere}.channel-card small{font-size:11px}.channel-card-bottom{border-top:1px solid var(--line);padding-top:13px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px}.channel-card-bottom button{padding:8px 14px;font-size:12px}.empty{grid-column:1/-1;width:100%;text-align:center;padding:50px 16px;color:var(--muted);background:var(--surface);border:1px dashed var(--line);border-radius:var(--radius);font-size:13px}.lobby-note{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:11px;margin:28px 0 40px}.lobby-note a{margin-left:auto;white-space:nowrap}footer{border-top:1px solid var(--line);padding:21px 0 28px;display:flex;justify-content:space-between;gap:14px;color:#8596a7;font-size:10px}footer i{color:var(--mint);font-style:normal;margin-left:8px}.notice{padding:12px 16px;margin:18px 0;border:1px solid #79643e;border-radius:10px;background:#2d281d;color:#f6d79f;font-size:13px}.room-top{display:flex;gap:20px;align-items:center;padding:25px 0}.room-identity{min-width:0}.room-identity h1{font-size:23px;line-height:1.4;overflow-wrap:anywhere}.room-identity .eyebrow{font-size:10px;margin-bottom:4px}.room-tools{display:flex;gap:3px;margin-left:auto;flex-wrap:wrap}.room-tools button{font-size:12px;padding:8px 10px}.room-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:18px}.chat-panel,.members-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-width:0;overflow:hidden}.chat-panel{display:flex;flex-direction:column;position:relative}.panel-heading{display:flex;justify-content:space-between;align-items:center;padding:17px 21px;border-bottom:1px solid var(--line);gap:8px}.panel-heading h2{font-size:14px;display:flex;align-items:center;gap:10px}.panel-heading .subtle{font-size:10px;max-width:45%;text-align:right}.messages{height:390px;min-height:200px;overflow-y:auto;overscroll-behavior:contain;padding:22px;overflow-anchor:none;scrollbar-width:thin;scrollbar-color:#415365 transparent}.chat-welcome{font-size:12px;color:var(--muted);text-align:center;padding:25px 0}.message{display:flex;gap:10px;margin-bottom:20px;overflow-wrap:anywhere}.avatar{width:34px;height:34px;border-radius:11px;flex-shrink:0;background:#283746;color:#bacbdb;display:grid;place-items:center;font-size:12px;font-weight:700}.message-body{min-width:0;flex:1}.message-meta{display:flex;align-items:center;gap:8px;font-size:11px;margin-bottom:5px;color:var(--muted)}.message-meta time{font-size:10px}.message-meta button{margin-left:auto;background:transparent;color:var(--muted);font-size:10px;padding:2px 5px}.message-text{font-size:14px;white-space:pre-wrap;line-height:1.7}.message audio{display:block;max-width:100%;width:270px;height:36px;margin-top:8px}.composer{padding:15px 18px 12px;border-top:1px solid var(--line);margin-top:auto}.composer textarea{resize:vertical;min-height:62px;max-height:140px;border:0;background:transparent;padding:0;font-size:13px;outline-offset:3px}.composer-bottom{display:flex;align-items:center;gap:12px}.composer-bottom .quiet{padding:8px 0;font-size:12px}.composer-bottom .primary{margin-left:auto;padding:9px 16px;font-size:12px}.record-status{font-size:12px;color:var(--danger);padding-bottom:10px}.new-message{position:absolute;bottom:154px;align-self:center;border-radius:20px;background:var(--mint);padding:7px 15px;color:var(--mint-ink);font-size:11px}.member-hint{font-size:10px;color:var(--muted);padding:14px 18px 6px}.member-hint .dot{margin-right:5px}.member-list{padding:4px 12px 12px}.member-row{display:flex;align-items:center;gap:9px;padding:11px 7px;border-radius:9px;min-width:0}.member-name{font-size:12px;display:flex;align-items:center;gap:8px;min-width:0;overflow-wrap:anywhere}.member-name strong{font-weight:550}.member-details{min-width:0;flex:1}.member-details small{display:block;font-size:10px;margin-top:3px}.member-row .member-actions{color:var(--muted);background:transparent;padding:8px;font-size:18px;border-radius:6px}.member-row.speaking .avatar{background:#254d3d;color:var(--mint)}.member-row.speaking .dot{background:var(--mint)}.room-info{padding:16px 18px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.room-info p+p{margin-top:10px}.room-info button{font-size:11px;margin-top:10px;width:100%}.voice-bar{position:sticky;bottom:12px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:18px;background:#1a2732;border:1px solid #384b59;border-radius:15px;padding:14px 18px;margin:18px 0 30px}.own-status{display:flex;gap:10px;align-items:center;min-width:0}.own-status strong{font-size:12px;display:block;overflow-wrap:anywhere}.own-status small{font-size:10px;display:block}.own-avatar{background:var(--mint);color:var(--mint-ink)}.voice-controls{display:flex;align-items:center;gap:8px}.voice-controls button{font-size:12px;white-space:nowrap;padding:11px 12px}.voice-controls .icon-button{padding:10px}.voice-controls .on{background:#315546;color:#c5ffdf}.voice-controls .pressed{background:#e4fff2;color:#164a35}.voice-controls #pttBtn{touch-action:none;user-select:none;-webkit-user-select:none}.sprite{position:absolute;width:0;height:0;overflow:hidden}.divider{border-top:1px solid var(--line);margin:24px 0 18px}dialog{width:min(480px,calc(100% - 28px));max-height:calc(100dvh - 40px);padding:26px;border:1px solid #3a4d5c;border-radius:20px;background:var(--surface);color:var(--text);overflow:auto;box-shadow:0 24px 80px #0005}dialog::backdrop{background:#050a12c9}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.dialog-heading h2{font-size:20px}.close{display:grid;place-items:center;width:32px;height:32px;font-size:24px;color:var(--muted);background:transparent;border-radius:8px;flex-shrink:0}.close:hover{background:var(--raised)}.dialog-heading+.subtle{margin-bottom:12px}.button-row{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.warning{font-size:12px;line-height:1.8;color:#ffc795;margin-top:16px}.info-content{font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;margin:18px 0}.wide-dialog{width:min(720px,calc(100% - 28px))}.logs{margin-top:18px;max-height:380px;overflow:auto}.log-item{padding:12px 0;border-bottom:1px solid var(--line);font-size:12px;overflow-wrap:anywhere}.log-item small{display:block;margin-bottom:4px}.ban-row{display:flex;align-items:center;justify-content:space-between;margin-top:12px;font-size:12px}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);width:max-content;z-index:20;background:#2b3d49;border:1px solid #607c8b;color:#fff;border-radius:12px;padding:12px 19px;font-size:13px;box-shadow:0 8px 25px #0004}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}[hidden]{display:none!important}
@media(min-width:1450px){.hero{padding-top:65px;padding-bottom:60px}.messages{height:440px}}
@media(max-width:950px){.shell{padding:0 24px}.room-list{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{grid-template-columns:1.25fr 1fr;padding-left:0}.hero-art{transform:scale(.85);transform-origin:right}.hero-actions{gap:8px}.large{padding:13px 16px}.room-grid{grid-template-columns:minmax(0,1fr) 245px;gap:12px}.voice-bar{flex-wrap:wrap}.voice-controls{margin-left:auto;flex-wrap:wrap}.room-top{flex-wrap:wrap;gap:12px}.room-tools{margin-left:auto}}
@media(max-width:650px){.shell{padding:0 16px}.topbar{padding:20px 0}.brand{font-size:20px;gap:9px}.brand-icon{width:39px;height:39px;border-radius:12px}.brand small{font-size:7px;letter-spacing:1.3px}.top-actions{gap:8px}.service-state{display:none}.top-actions .quiet{font-size:11px;padding:8px}.hero{padding:34px 4px;min-height:0;display:block;position:relative}.hero-copy{position:relative;z-index:1}.hero h1{font-size:46px;letter-spacing:-1px;margin:18px 0}.hero-desc{font-size:13px}.hero-art{position:absolute;right:-16px;top:25px;width:200px;transform:scale(.6);transform-origin:right top;opacity:.4;pointer-events:none}.art-chip,.wave{display:none}.hero-actions{margin-top:23px}.large{font-size:13px;padding:13px 14px}.hero-tags{font-size:10px;gap:13px;margin-top:20px}.eyebrow{font-size:10px}.directory{padding-top:23px}.section-heading h2{font-size:19px}.section-heading button{font-size:11px;padding:7px}.filters{flex-direction:column;gap:12px;margin:20px 0 16px}.tabs button{font-size:12px;padding:8px 14px}input[type=search]{width:100%}.room-list{grid-template-columns:1fr;gap:12px}.channel-card{padding:18px;gap:11px}.channel-card h3{font-size:17px}.channel-card-header{gap:10px}.lobby-note{align-items:flex-start;flex-wrap:wrap;margin:23px 0;font-size:10px;gap:8px}.lobby-note p{flex:1}.lobby-note a{width:100%;margin-left:27px}footer{font-size:9px;flex-wrap:wrap;padding-bottom:20px}.room-top{padding:19px 0 15px;gap:10px}.room-top>.secondary{padding:9px 10px;font-size:11px}.room-identity{flex:1}.room-identity h1{font-size:19px}.room-tools{width:100%;margin:0;gap:5px}.room-tools button{padding:6px 10px;background:var(--surface);border:1px solid var(--line);font-size:11px}.room-grid{display:flex;flex-direction:column-reverse}.members-panel{border-radius:12px}.members-panel>.panel-heading{padding:11px 15px}.members-panel .member-hint{padding:8px 15px 0}.member-list{display:flex;overflow:auto;padding:6px 10px;gap:4px;scrollbar-width:thin}.member-row{flex:0 0 auto;max-width:225px;gap:7px;padding:8px}.member-row .avatar{width:27px;height:27px;border-radius:9px;font-size:10px}.member-row .member-actions{padding:5px}.member-details small{font-size:9px}.member-name{font-size:11px}.room-info{padding:10px 15px;display:flex;flex-wrap:wrap;gap:6px}.room-info p{font-size:10px}.room-info p+p{margin-top:0}.room-info button{width:auto;font-size:10px;padding:5px 8px;margin:0}.chat-panel{border-radius:12px}.panel-heading{padding:13px 15px}.panel-heading h2{font-size:12px}.panel-heading .tag{font-size:9px;padding:2px 5px}.messages{height:340px;padding:16px}.message{gap:9px;margin-bottom:18px}.message-text{font-size:13px}.message .avatar{width:28px;height:28px;font-size:10px;border-radius:9px}.composer{padding:12px 14px}.composer-bottom{gap:7px}.composer-bottom #sendHint{font-size:9px}.composer-bottom .quiet{font-size:11px}.composer-bottom .primary{font-size:11px;padding:8px 12px}.voice-bar{position:sticky;bottom:8px;margin:12px 0 20px;padding:12px;gap:11px;border-radius:12px}.own-status{width:100%}.voice-controls{margin:0;width:100%;justify-content:space-between;gap:5px}.voice-controls button{font-size:10px;padding:10px 9px;gap:5px}.voice-controls button svg{width:16px;height:16px}.voice-controls #deafenBtn span{display:none}.voice-controls #pttBtn{flex:1}.own-status small{font-size:10px}.own-avatar{width:29px;height:29px;font-size:11px}.toast{bottom:15px;font-size:12px}dialog{padding:22px;max-height:calc(100dvh - 28px)}.dialog-heading h2{font-size:18px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.docs{max-width:900px;padding:48px 26px;margin:auto;font-size:14px;color:#c1ced8}.docs h1{font-size:36px;color:var(--text);margin:14px 0}.docs .intro{color:var(--muted);margin-bottom:35px}.docs section{border-top:1px solid var(--line);padding:25px 0}.docs h2{font-size:20px;margin-bottom:14px;color:var(--text)}.docs p+p{margin-top:13px}.docs li{margin-bottom:10px}.docs a{color:var(--mint);text-decoration:underline}.docs table{border-collapse:collapse;width:100%;font-size:12px;margin:20px 0;table-layout:fixed}.docs th,.docs td{text-align:left;border:1px solid var(--line);padding:10px;overflow-wrap:anywhere}.docs th{background:var(--surface);color:var(--text)}.docs blockquote{border-left:3px solid var(--mint);margin:20px 0;padding:14px 20px;background:var(--surface)}