:root{--qq-bg-timeline: #e9edf2;--qq-bg-panel: #ffffff;--qq-bg-left: #ffffff;--qq-bg-subtle: #f2f3f5;--qq-bg-hover: #f7f8fa;--qq-bubble-mine: #a3d3fa;--qq-bubble-other: #ffffff;--qq-bubble-border: #dde3e9;--qq-text: #1f2329;--qq-text-2: #656d77;--qq-text-3: #606b76;--qq-accent: #12b7f5;--qq-accent-deep: #0091ff;--qq-danger: #e04f4f;--qq-badge-red: #f14f4f;--qq-border: #e8eaed;--qq-menu-shadow: 0 8px 28px rgba(0, 0, 0, .14), 0 0 0 1px rgba(0, 0, 0, .04);--qq-menu-bg: #ffffff;--qq-shadow: 0 8px 28px rgba(0, 0, 0, .14);--qq-panel: #ffffff}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:-apple-system,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:14px;color:var(--qq-text);background:var(--qq-bg-panel);-webkit-font-smoothing:antialiased;overflow:hidden;-webkit-user-select:none;user-select:none}button{font:inherit;border:none;background:none;cursor:pointer;color:inherit}input,textarea,select{font:inherit;border:none;outline:none;background:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:not(.qq-composer-input):focus-visible,select:focus-visible{outline:2px solid #087cae;outline-offset:2px}img{-webkit-user-drag:none}::placeholder{color:var(--qq-text-3)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#0000001f;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0003}::-webkit-scrollbar-track{background:transparent}.qq-splash{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--qq-bg-timeline);color:var(--qq-text-3);gap:16px}.qq-login{height:100%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(165deg,#bfe2f7,#8fc9ef 38%,#5fb0e8 72%,#3d9ade)}.qq-login-clouds{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(closest-side,rgba(255,255,255,.5),transparent 70%) 8% 12% / 260px 120px no-repeat,radial-gradient(closest-side,rgba(255,255,255,.38),transparent 70%) 78% 8% / 340px 150px no-repeat,radial-gradient(closest-side,rgba(255,255,255,.3),transparent 70%) 55% 78% / 420px 170px no-repeat,radial-gradient(closest-side,rgba(255,255,255,.24),transparent 70%) 18% 85% / 300px 130px no-repeat,radial-gradient(closest-side,rgba(255,255,255,.2),transparent 70%) 90% 55% / 240px 110px no-repeat;animation:qqCloudDrift 60s linear infinite alternate}@keyframes qqCloudDrift{0%{transform:translate(-2.5%)}to{transform:translate(2.5%)}}.qq-login-card{width:min(360px,94vw);background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 18px 60px #1446784d;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}.qq-login-hero{position:relative;width:100%;height:128px;overflow:hidden;color:#fff;background:linear-gradient(160deg,#4ec3f7,#12a4ec 55%,#0a8fd8);display:flex;align-items:center;justify-content:center;gap:12px}.qq-login-hero-rays{position:absolute;inset:-60% -30% auto;height:220%;background:radial-gradient(closest-side,rgba(255,255,255,.35),transparent 70%) 20% 30% / 140px 140px no-repeat,radial-gradient(closest-side,rgba(255,255,255,.22),transparent 70%) 75% 55% / 220px 220px no-repeat,radial-gradient(closest-side,rgba(255,255,255,.16),transparent 70%) 45% 80% / 300px 300px no-repeat}.qq-login-hero img{filter:drop-shadow(0 3px 8px rgba(0,80,140,.35))}.qq-login-hero-title{color:#fff;font-size:20px;font-weight:600;letter-spacing:2px;text-shadow:0 1px 6px rgba(0,80,140,.35)}.qq-login-avatar{margin-top:-44px;width:96px;height:96px;border-radius:50%;border:4px solid #fff;box-shadow:0 3px 12px #1e5a9638;overflow:hidden;background:#fff;z-index:2}.qq-login-avatar .qq-avatar{width:100%!important;height:100%!important}.qq-login-avatar-img{width:100%;height:100%;object-fit:cover}.qq-login-avatar-default{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#e9f4fc,#d2e8f8)}.qq-login-avatar-default img{width:62%;height:62%;opacity:.9}.qq-login-name{margin-top:10px;font-size:17px;font-weight:600;color:#222;min-height:24px}.qq-login form{width:100%;display:flex;flex-direction:column;gap:10px;padding:16px 32px 24px}.qq-login-field-wrap{position:relative}.qq-login-label{display:block;font-size:12px;color:#586777;margin:0 0 5px 4px}.qq-login-hero .svg-icon,.qq-login-hero svg{color:#fff}.qq-login-recover{width:100%;padding:22px 30px 26px;display:flex;flex-direction:column;gap:10px}.qq-login-recover-h{font-size:14px;font-weight:600;color:#087cae;margin-top:4px}.qq-login-recover ol{margin:0;padding-left:20px;font-size:13px;line-height:1.9;color:#4a5563}.qq-login-recover-note{font-size:12px;color:#647381}.qq-login-recover .qq-login-btn{margin-top:8px}.qq-login-field{display:flex;align-items:center;gap:9px;padding:0 14px;border:1px solid #e0e6ec;border-radius:9px;height:46px;background:#f4f6f8;color:#9aa7b3;transition:border-color .15s,box-shadow .15s,background .15s}.qq-login-field:focus-within{border-color:#12b7f5;background:#fff;box-shadow:0 0 0 3px #12b7f529}.qq-login-field input{flex:1;height:100%;color:#222;font-size:15px;min-width:0}.qq-login-drop{color:#9aa7b3;display:flex;align-items:center;padding:4px;border-radius:50%}.qq-login-drop.up svg{transform:rotate(180deg)}.qq-login-drop:hover{color:#333}.qq-login-recent{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:20;background:#fff;border:1px solid #e0e6ec;border-radius:10px;overflow:hidden;box-shadow:0 10px 30px #1e5a962e}.qq-login-recent-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 14px;text-align:left;font-size:14px;color:#222}.qq-login-recent-item:hover{background:#f2f6fa}.qq-login-recent-item img{width:30px;height:30px;border-radius:50%;object-fit:cover}.qq-login-recent-item .nm{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qq-login-recent-item .qq{color:#647381;font-size:12px}.qq-login-recent-item .x{color:#9aa7b3;display:flex;padding:4px;border-radius:50%}.qq-login-recent-item .x:hover{color:#fa5151;background:#0000000d}.qq-login-opts{display:flex;gap:18px;padding:0 2px;color:#586777;font-size:13px}.qq-login-opts label{display:flex;align-items:center;gap:5px;cursor:pointer}.qq-login-opts input{accent-color:#12b7f5}.qq-login-err{color:#fa5151;font-size:12px;text-align:center}.qq-login-btn{height:46px;border-radius:9px;background:#087cae;color:#fff;font-size:16px;letter-spacing:6px;box-shadow:0 4px 14px #12a4ec59;transition:background .15s,transform .05s}.qq-login-btn:hover{background:#066b97}.qq-login-btn:active{transform:scale(.985)}.qq-login-btn:disabled{opacity:.6;cursor:default;box-shadow:none}.qq-login-links{display:flex;align-items:center;justify-content:space-between;padding:2px 2px 0}.qq-login-links button{color:#087cae;font-size:12px}.qq-login-links button:hover{text-decoration:underline}.qq-login-tip{color:#647381;font-size:12px}.qq-app{display:flex;height:100%;height:var(--qq-vv-height, 100dvh)}.qq-main{flex:1;min-width:0;display:flex;flex-direction:column}.qq-left{display:flex;width:var(--qq-left-w, 340px);min-width:280px;border-right:1px solid var(--qq-border);background:var(--qq-bg-left);position:relative;flex:none}.qq-resizer{position:absolute;top:0;bottom:0;width:7px;cursor:col-resize;z-index:30;touch-action:none}.qq-resizer.left{right:-4px}.qq-resizer.right{left:-4px}.qq-resizer:hover,.qq-resizing .qq-resizer{background:#12b7f54d}body.qq-resizing{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}body.qq-resizing *{pointer-events:none!important}body.qq-resizing .qq-resizer{pointer-events:auto!important}.qq-rail{width:56px;flex:none;border-right:1px solid #eef0f2;display:flex;flex-direction:column;align-items:center;padding:14px 0;gap:10px}.qq-rail-btn{position:relative;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--qq-text-2)}.qq-rail-btn:hover{background:var(--qq-bg-subtle)}.qq-rail-btn.on{color:var(--qq-accent)}.qq-rail-spacer{flex:1}.qq-rail-badge{position:absolute;top:-2px;right:-4px;min-width:16px;height:16px;padding:0 4px;background:var(--qq-badge-red);color:#fff;border-radius:8px;font-size:10px;font-style:normal;font-weight:600;display:flex;align-items:center;justify-content:center}.qq-roomlist{flex:1;min-width:0;display:flex;flex-direction:column}.qq-search{display:flex;align-items:center;gap:6px;margin:10px 12px;padding:0 10px;height:32px;background:var(--qq-bg-subtle);border-radius:16px;color:var(--qq-text-3)}.qq-search input{flex:1;min-width:0;font-size:13px;color:var(--qq-text)}.qq-search.slim{margin:8px 12px}.qq-rooms{flex:1;display:flex;flex-direction:column;min-height:0}.qq-rooms-head{display:flex;align-items:center;justify-content:space-between;padding:2px 16px 8px;font-size:15px;font-weight:600}.qq-rooms-actions{display:flex;gap:2px;color:var(--qq-text-2)}.qq-rooms-actions button{width:26px;height:26px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center}.qq-rooms-actions button:hover{background:var(--qq-bg-subtle)}.qq-rooms-body{flex:1;overflow-y:auto;overscroll-behavior:contain}.qq-rooms-empty{padding:40px 0;text-align:center;color:var(--qq-text-3);font-size:13px}.qq-room{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;text-align:left;border-left:3px solid transparent;position:relative}.qq-room:hover{background:var(--qq-bg-hover)}.qq-room.active{background:#e9f4fc;border-left-color:var(--qq-accent)}.qq-room-mid{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.qq-room-name{font-size:14px;font-weight:500;display:flex;align-items:center;gap:4px;min-width:0}.qq-room-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.qq-room-name .qq-block-badge,.qq-room-name .qq-room-pin{flex:none}.qq-room-preview{font-size:12px;color:var(--qq-text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qq-room-cnt{font-style:normal}.qq-room-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px;min-width:44px}.qq-room-time{font-size:11px;color:var(--qq-text-3)}.qq-badge{min-width:17px;height:17px;padding:0 5px;background:var(--qq-badge-red);color:#fff;border-radius:9px;font-size:10px;font-style:normal;font-weight:600;display:inline-flex;align-items:center;justify-content:center}.qq-badge.nav{position:absolute;top:2px;right:12px}.qq-badge.dot{min-width:8px;width:8px;height:8px;padding:0;border-radius:50%}.qq-room-mute{color:#bbb}.qq-room.pinned{background:var(--qq-bg-subtle)}.qq-room.pinned.active{background:#e9f4fc}.qq-room-pin{color:var(--qq-text-3);margin-left:4px;vertical-align:-1px}.qq-room-more{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:6px;display:none;align-items:center;justify-content:center;color:var(--qq-text-2)}.qq-room:hover .qq-room-more{display:inline-flex}.qq-room-more:hover{background:var(--qq-bg-subtle)}.qq-room:hover .qq-room-time{visibility:hidden}.qq-roomview{flex:1;display:flex;flex-direction:column;min-height:0;background:var(--qq-bg-timeline)}.qq-roomview.qq-loading{align-items:center;justify-content:center;color:var(--qq-text-3)}.qq-roomhead{display:flex;align-items:center;gap:10px;padding:8px 14px;background:var(--qq-bg-panel);border-bottom:1px solid var(--qq-border);min-height:56px;padding-top:calc(8px + env(safe-area-inset-top,0px))}.qq-roomhead-mid{flex:1;min-width:0;display:flex;flex-direction:column}.qq-roomhead-name{font-size:15px;font-weight:600;display:flex;align-items:center;gap:6px;min-width:0}.qq-roomhead-name>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qq-typing{font-size:11px;color:var(--qq-accent);margin-top:1px}.qq-roomhead-right{display:flex;align-items:center;gap:4px}.qq-memcnt{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--qq-text-2)}.qq-memcnt .qq-facepile{display:inline-flex;flex-direction:row-reverse}.qq-memcnt .qq-facepile .qq-avatar{margin-left:-8px;border:2px solid #fff}.qq-iconbtn{width:32px;height:32px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;color:var(--qq-text-2);flex:none}.qq-iconbtn:hover{background:var(--qq-bg-subtle);color:var(--qq-text)}.qq-iconbtn.on{color:var(--qq-accent)}.qq-iconbtn.recording{color:var(--qq-danger);background:#fdecec}.qq-backbtn{display:none;flex:none;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;color:var(--qq-text-2)}.qq-backbtn:hover{background:var(--qq-bg-subtle)}.qq-timeline-wrap{position:relative;flex:1;min-height:0;display:flex}.qq-timeline{flex:1;min-width:0;min-height:0;overflow-y:auto;padding:10px 16px 16px;overscroll-behavior:contain}.qq-timeline-loading{padding:8px;text-align:center;color:var(--qq-text-3);font-size:12px}.qq-readmark{text-align:right;font-size:11px;color:var(--qq-text-3, #999);margin:2px 4px 6px 0}.qq-readmark.read{color:#07c160}.qq-jump-bottom{position:absolute;bottom:12px;right:16px;display:block;padding:6px 14px;border:none;border-radius:999px;background:var(--qq-accent);color:#fff;font-size:12px;box-shadow:0 2px 8px #00000040;cursor:pointer;z-index:5}.qq-day-sep{text-align:center;margin:14px 0;color:var(--qq-text-3);font-size:12px}.qq-day-sep.dim{opacity:.7}.qq-sys{text-align:center;margin:10px 0}.qq-sys>span,.qq-sys span *{font-size:12px;color:var(--qq-text-3)}.qq-msg-row{content-visibility:auto;contain-intrinsic-size:auto 60px}.qq-bubble-row{display:flex;gap:10px;margin:14px 0}.qq-bubble-row.mine{flex-direction:row-reverse}.qq-bubble-row.burst{margin-top:2px}.qq-bubble-avatar-space{width:36px;flex:none}.qq-bubble-col{min-width:0;max-width:72%;display:flex;flex-direction:column}.qq-bubble-row.mine .qq-bubble-col{align-items:flex-end}.qq-bubble-sender{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--qq-text-2);margin-bottom:3px}.qq-bubble-sender time{color:#bbb;font-size:11px}.qq-role{font-size:10px;font-style:normal;font-weight:600;padding:0 4px;line-height:15px;height:15px;border-radius:4px;flex:none}.qq-role.owner{background:#ffd57e;color:#7c4a00}.qq-role.admin{background:#d8e7ff;color:#2563c4}.qq-bubble{position:relative;padding:8px 12px;border-radius:12px;background:var(--qq-bubble-other);border:1px solid var(--qq-bubble-border);box-shadow:0 1px 2px #0f1e3c0f;font-size:14px;line-height:24px;word-break:break-word;-webkit-user-select:text;user-select:text;white-space:pre-wrap}.qq-bubble-row.mine .qq-bubble{background:var(--qq-bubble-mine);border-color:transparent}.qq-bubble .qq-emo{font-size:18px;line-height:24px;vertical-align:-1px}.qq-bubble.qq-bigemoji{font-size:20px;line-height:28px}.qq-bubble.tomb{background:transparent;box-shadow:none;border:none;padding:0}.qq-bubble-tomb{color:var(--qq-text-3);font-size:12px}.qq-bubble-status{font-style:normal;font-size:11px;color:var(--qq-text-3);margin-left:6px}.qq-bubble-status.fail{color:var(--qq-danger);font-weight:700}.qq-bubble-quote{border-left:3px solid var(--qq-accent);background:#0000000a;border-radius:4px;padding:4px 8px;margin-bottom:6px;font-size:12px;color:var(--qq-text-2);cursor:pointer;display:flex;flex-direction:column;gap:2px;max-height:56px;overflow:hidden}.qq-bubble-row.mine .qq-bubble-quote{background:#ffffff80}.qq-flash .qq-bubble{animation:qqflash 1.5s}@keyframes qqflash{0%,60%{box-shadow:0 0 0 3px #ffe58f}to{box-shadow:none}}@media(hover:none){.qq-bubble-row:active .qq-bubble{filter:brightness(.94)}}.qq-draf{white-space:pre-wrap;word-break:break-word}.qq-mention{color:var(--qq-accent-deep);cursor:pointer;padding:0 1px}.qq-mention:hover{background:#e6f4ff;border-radius:3px}.qq-link{color:#1677d2;text-decoration:none;word-break:break-all}.qq-link:hover{text-decoration:underline}.qq-bubble.mine .qq-link{color:#0b64c8}.qq-code{background:#0000000f;border-radius:3px;padding:0 4px;font-family:Consolas,monospace;font-size:13px}.qq-quote{border-left:3px solid #ccc;padding-left:8px;color:var(--qq-text-2);display:block;margin:4px 0}.qq-img-wrap{display:block;margin:2px 0}.qq-img-wrap img{border-radius:12px;display:block;object-fit:cover}.qq-img-err{color:var(--qq-text-3);font-size:12px;padding:8px;background:var(--qq-bg-subtle);border-radius:6px}.qq-face{font-size:1.35em;line-height:1;vertical-align:-.12em}.qq-audio{display:inline-flex;align-items:center;gap:6px}.qq-audio audio{height:32px;max-width:240px}.qq-audio em{font-style:normal;font-size:11px;color:var(--qq-text-3)}.qq-file{display:inline-flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--qq-border);border-radius:8px;background:#fff;color:var(--qq-text);text-decoration:none;min-width:200px}.qq-file:hover{border-color:var(--qq-accent)}.qq-file-info{display:flex;flex-direction:column;min-width:0}.qq-file-name{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}.qq-file-meta{font-size:11px;color:var(--qq-text-3)}.qq-composer{border-top:1px solid var(--qq-bubble-border);background:var(--qq-bg-panel);border-radius:10px 10px 0 0;position:relative;flex:none;padding-bottom:env(safe-area-inset-bottom,0px)}.qq-composer-resize{display:none}.qq-recbar{display:flex;align-items:center;gap:8px;margin:0 10px 4px;padding:6px 12px;background:#fff2f0;border:1px solid #ffccc7;border-radius:8px;font-size:13px}.qq-recbar.warn{background:#fffbe6;border-color:#ffe58f;color:#ad6800}.qq-recbar-dot{width:8px;height:8px;border-radius:50%;background:#f5222d;animation:qqRecBlink 1s infinite}@keyframes qqRecBlink{50%{opacity:.25}}.qq-recbar-time{font-variant-numeric:tabular-nums;color:#cf1322;font-weight:600}.qq-recbar-hint{flex:1;min-width:0;color:var(--qq-text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qq-recbar-btn{padding:3px 12px;border-radius:12px;background:#fff;border:1px solid var(--qq-border);font-size:12px;cursor:pointer}.qq-recbar-btn.send{background:#07c160;color:#fff;border-color:#07c160}.qq-recbar-wave{width:160px;max-width:36vw;height:28px;flex:none}@media(max-width:480px){.qq-recbar-wave{max-width:28vw}.qq-recbar-hint{font-size:12px}}.qq-voice{display:inline-flex;align-items:center;gap:6px;cursor:pointer;min-width:80px;-webkit-user-select:none;user-select:none}.qq-voice-btn{font-size:11px;width:18px;text-align:center}.qq-voice-bar{position:relative;flex:1;height:4px;min-width:60px;max-width:160px;background:#0000001f;border-radius:2px;overflow:hidden}.qq-voice-bar i{position:absolute;left:0;top:0;bottom:0;background:var(--qq-primary, #12b7f5);display:block}.qq-voice.playing .qq-voice-bar i{background:#07c160}.qq-voice-dur{font-style:normal;font-size:12px;color:var(--qq-text-3)}.qq-voice-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#00000059;display:flex;align-items:flex-end;justify-content:center;cursor:default;-webkit-user-select:none;user-select:none}.qq-voice-panel{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:120px;padding:22px 32px;border-radius:14px;background:#222224e0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 8px 30px #0000004d}.qq-voice-big{width:60px;height:60px;border-radius:50%;border:none;cursor:pointer;background:var(--qq-accent, #12b7f5);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 5px #ffffff1f;transition:transform .12s}.qq-voice-big:hover{transform:scale(1.06)}.qq-voice-big.recording{background:#0a8cd6;animation:qqVoicePulse 1.2s infinite}@keyframes qqVoicePulse{0%,to{box-shadow:0 0 0 5px #ffffff1f,0 0 #12b7f580}50%{box-shadow:0 0 0 5px #ffffff1f,0 0 0 16px #12b7f500}}.qq-voice-overlay-time{font-size:17px;font-weight:600;color:#fff;font-variant-numeric:tabular-nums}.qq-voice-overlay-hint{font-size:12px;color:#ffffffbf}.qq-voice-overlay-hint b{color:#fff}.qq-voice-overlay-hint u{color:#6ec3f7;cursor:pointer;text-decoration:none}.qq-composer-toolbar{display:flex;align-items:center;gap:2px;padding:8px 10px 2px}.qq-composer-toolbar .qq-iconbtn{margin-inline-end:4px}.qq-composer-toolbar .qq-history{margin-left:auto;margin-right:0}.qq-composer-inputrow{display:flex;align-items:flex-end;padding:0 8px 6px}.qq-composer-input{flex:1;resize:none;min-height:106px;max-height:var(--qqComposerH, 200px);padding:10px 6px;font-size:14px;line-height:1.5;-webkit-user-select:text;user-select:text;overflow-y:auto}.qq-composer-input:focus-visible{outline:none;caret-color:currentColor;background-color:var(--qq-bg-subtle)}.qq-sendbtn{width:36px;height:36px;border-radius:50%;background:#07c160;color:#fff;display:flex;align-items:center;justify-content:center;flex:none;margin-bottom:2px}.qq-sendbtn:disabled{background:#d8dadd;cursor:default}.qq-sendbtn.text{width:auto;min-width:62px;height:34px;border-radius:6px;font-size:14px;padding:0 14px}.qq-replybar{display:flex;align-items:center;gap:8px;padding:6px 10px;margin:0 10px 4px;background:var(--qq-bg-subtle);border-left:3px solid var(--qq-accent);border-radius:4px;color:var(--qq-text-2);font-size:12px}.qq-replybar-txt{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qq-uploads{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 10px 0}.qq-upload{display:inline-flex;align-items:center;gap:6px;max-width:260px;padding:3px 6px;border:1px solid var(--qq-bubble-border);border-radius:8px;background:#fff;font-size:12px;line-height:1.2;position:relative;overflow:hidden}.qq-upload img{width:28px;height:28px;object-fit:cover;border-radius:4px}.qq-upload-size{color:var(--qq-text-2)}.qq-upload i{position:absolute;left:0;bottom:0;height:2px;background:var(--qq-accent);transition:width .2s}.qq-upload-x{width:16px;height:16px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--qq-text-2)}.qq-upload-x:hover{background:var(--qq-bubble-border);color:#c01c28}.qq-mention-pop{position:absolute;bottom:100%;left:10px;width:300px;max-height:55vh;overflow-y:auto;background:#fff;border-radius:10px;box-shadow:0 6px 30px #00000029;padding:6px;z-index:30}.qq-mention-head{display:flex;align-items:center;gap:8px;padding:6px 8px 4px;font-size:12px;color:var(--qq-text-3);border-bottom:1px solid #f0f1f3;margin-bottom:4px}.qq-mention-head .q{color:var(--qq-accent-deep);font-weight:600}.qq-mention-head .hint{flex:1}.qq-mention-head button{color:var(--qq-text-3);width:18px;height:18px;border-radius:4px}.qq-mention-head button:hover{background:var(--qq-bg-subtle)}.qq-mention-empty{padding:16px;text-align:center;color:var(--qq-text-3);font-size:12px}.qq-mention-item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;border-radius:6px;text-align:left}.qq-mention-item:hover,.qq-mention-item.sel{background:#f0f7fd}.qq-mention-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qq-emoji{position:absolute;bottom:100%;left:10px;width:336px;padding:8px;background:#fff;border-radius:10px;box-shadow:0 6px 30px #00000029;display:grid;grid-template-columns:repeat(8,1fr);gap:2px;z-index:30;max-height:260px;overflow-y:auto}.qq-emoji-cell{font-size:20px;height:38px;border-radius:6px}.qq-emoji-cell:hover{background:var(--qq-bg-subtle)}.qq-attach{position:absolute;bottom:100%;left:10px;padding:18px 16px;display:flex;gap:12px;background:#fff;border-radius:12px;box-shadow:var(--qq-menu-shadow);z-index:30}.qq-attach-item{display:flex;flex-direction:column;align-items:center;gap:6px;width:72px;padding:8px 4px}.qq-attach-icon{width:52px;height:52px;border-radius:12px;background:#f0f2f5;display:flex;align-items:center;justify-content:center;font-size:26px}.qq-attach-item:active .qq-attach-icon{filter:brightness(.93)}.qq-right{width:var(--qq-right-w, 330px);min-width:280px;border-left:1px solid var(--qq-border);background:var(--qq-bg-panel);display:flex;position:relative;flex:none}.qq-right>div{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0}.qq-panel-head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;font-size:14px;font-weight:600;border-bottom:1px solid #f0f1f3;flex:none}.qq-card{overflow-y:auto}.qq-card-searchbar{display:flex;align-items:center;gap:4px;padding:4px 8px 0 0}.qq-card-head{display:flex;flex-direction:column;align-items:center;padding:18px 0 8px;gap:8px}.qq-card-qqid{font-size:12px;color:var(--qq-text-3);margin-top:2px}.qq-zhihu-row{display:inline-flex;align-items:center;gap:4px}.qq-zhihu-link{font-size:13px;color:var(--qq-primary, #12b7f5);text-decoration:none}.qq-zhihu-link:hover{text-decoration:underline}.qq-copybtn{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border:none;border-radius:4px;background:transparent;color:var(--qq-text-3);cursor:pointer}.qq-copybtn:hover{background:var(--qq-hover, rgba(0,0,0,.06));color:var(--qq-primary, #12b7f5)}.qq-toast{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);background:#000000bf;color:#fff;font-size:13px;padding:8px 18px;border-radius:6px;z-index:9999;pointer-events:none;animation:qqToastIn .15s ease-out}@keyframes qqToastIn{0%{opacity:0;transform:translate(-50%,-46%)}to{opacity:1;transform:translate(-50%,-50%)}}.qq-card-title{font-size:17px;font-weight:600}.qq-linkbtn{color:var(--qq-accent-deep);font-size:12px}.qq-card-note{margin:6px 20px 12px;font-size:12px;color:var(--qq-text-2);text-align:center;padding:8px;border-radius:6px;cursor:pointer}.qq-card-note:hover{background:var(--qq-bg-hover)}.qq-card-list{border-top:8px solid #f5f6f8}.qq-card-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:14px;text-align:left}.qq-card-item:hover{background:var(--qq-bg-hover)}.qq-card-item>span{flex:1}.qq-card-item em{font-style:normal;color:var(--qq-text-3);font-size:12px}.qq-card-item.danger{color:var(--qq-danger)}.qq-switch{position:relative;width:36px;height:20px;flex:none}.qq-switch input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.qq-switch i{position:absolute;top:0;right:0;bottom:0;left:0;background:#d8dadd;border-radius:10px;transition:.15s;pointer-events:none}.qq-switch i:after{content:"";position:absolute;left:2px;top:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:.15s;box-shadow:0 1px 2px #0003}.qq-switch input:checked+i{background:#07c160}.qq-switch input:checked+i:after{transform:translate(16px)}.qq-notify-sel{color:var(--qq-text-2);font-size:12px}.qq-members{display:flex;flex-direction:column}.qq-members-count{padding:6px 16px;font-size:12px;color:var(--qq-text-3)}.qq-members-body{flex:1;min-height:0;overflow-y:auto;overflow-anchor:none}.qq-members-window{position:relative}.qq-member-slot>.qq-member{height:100%}.qq-members-empty{padding:24px 16px;text-align:center;color:var(--qq-text-3)}.qq-members-sec{padding:8px 16px 4px;font-size:12px;color:var(--qq-text-3)}.qq-member{display:flex;align-items:center;gap:10px;width:100%;padding:7px 16px;text-align:left}.qq-member:hover{background:var(--qq-bg-hover)}.qq-member-name{flex:1;min-width:0;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;align-items:center;gap:4px}.qq-care-heart{color:#ff4757;font-size:11px;line-height:1;flex:none;filter:drop-shadow(0 0 1px rgba(255,71,87,.4))}.qq-block-badge{font-size:11px;line-height:1;flex:none;filter:grayscale(.2);margin-left:4px}.qq-member.blocked .qq-member-name{color:var(--qq-text-3)}.qq-member-tag{font-size:10px;font-style:normal;padding:1px 5px;border-radius:4px;margin-left:4px}.qq-member-tag.muted{background:#fff1e6;color:#d46b08}.qq-member-tag.locked{background:#fff0f0;color:var(--qq-danger)}.qq-locked-view{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--qq-text-3)}.qq-locked-view .qq-icon,.qq-locked-view svg{color:#f0a0a0}.qq-locked-sub{font-size:12px;color:var(--qq-text-3)}.qq-room.blocked .qq-room-title{color:var(--qq-text-3)}.qq-room-preview.blocked-preview{color:#f5222d}.qq-block-tag{font-style:normal;font-size:11px;padding:1px 6px;border-radius:4px;background:#f5222d1f;color:#f5222d;margin-left:6px}.qq-blocked-banner{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#f5222d14;color:var(--qq-text-2, #666);font-size:12.5px;border-top:1px solid var(--qq-border)}.qq-blocked-banner svg{color:#f5222d;flex:none}.qq-blocked-banner span{flex:1}.qq-blocked-banner .qq-btn{font-size:12px;padding:3px 10px}.qq-searchview{display:flex;flex-direction:column;height:100%;padding:12px 16px;overflow:hidden}.qq-searchview .qq-search{margin:0;border-radius:8px;height:auto;padding:8px 12px}.qq-searchview .qq-search input{font-size:14px}.qq-search-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px}.qq-memberbox{position:relative}.qq-memberbox-input{width:220px;padding:6px 10px;border:1px solid var(--qq-bubble-border);border-radius:8px;font-size:13px;background:#fff;color:var(--qq-text)}.qq-memberbox-input:focus{border-color:var(--qq-accent)}.qq-memberchip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:8px;background:#e8f4fd;color:#0b6db3;font-size:13px}.qq-memberchip button{color:#0b6db3;font-size:15px;line-height:1;padding:0 2px}.qq-memberlist{position:absolute;top:calc(100% + 4px);left:0;z-index:500;width:280px;max-height:320px;overflow-y:auto;border-radius:10px;background:#fff;box-shadow:0 8px 24px #00000029;padding:4px}.qq-memberlist-row{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;border-radius:7px;text-align:left;font-size:13px}.qq-memberlist-row:hover{background:var(--qq-bg-subtle)}.qq-chips{display:flex;gap:4px;flex-wrap:wrap}.qq-chip{border:1px solid var(--qq-bubble-border);border-radius:14px;padding:3px 10px;font-size:12px;background:transparent;color:var(--qq-text-2);cursor:pointer}.qq-chip.on{background:var(--qq-accent-deep);border-color:transparent;color:#fff}.qq-search-dates{display:flex;flex-direction:column;align-items:stretch;gap:6px;margin-top:8px;font-size:13px}.qq-date-range{display:flex;align-items:center;gap:8px}.qq-date-range input[type=date]{flex:1;min-width:0;border:1px solid var(--qq-bubble-border);border-radius:6px;padding:4px 8px;font-size:12px;background:var(--qq-panel, #fff);color:var(--qq-text)}.qq-search-status{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:12px;color:var(--qq-text-2);min-height:18px}.qq-search-stop{color:var(--qq-accent-deep);font-size:12px}.qq-export{display:flex;flex-direction:column;gap:12px;font-size:13px}.qq-export-row{display:flex;flex-direction:column;gap:6px}.qq-export-row>span{color:var(--qq-text-2)}.qq-export-check{display:flex;align-items:center;gap:6px;cursor:pointer}.qq-export-hint{color:var(--qq-text-3);font-size:12px}.qq-export-progress{color:var(--qq-accent-deep);font-size:12px}.qq-search-body{flex:1;overflow-y:auto;margin-top:8px;border-top:1px solid #f0f0f0}.qq-mgrid-day{padding:4px 0 10px}.qq-mgrid-date{font-size:13px;font-weight:600;color:var(--qq-text-1);padding:8px 2px 6px}.qq-mgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:4px}.qq-mgrid-item{position:relative;aspect-ratio:1;border:none;padding:0;border-radius:6px;overflow:hidden;background:#f0f0f0;cursor:pointer;display:block}.qq-mgrid-item img,.qq-mgrid-item video{width:100%;height:100%;object-fit:cover;display:block}.qq-mgrid-item:hover{filter:brightness(.92)}.qq-mgrid-badge{position:absolute;right:4px;bottom:4px;color:#fff;font-size:11px;background:#0000008c;border-radius:999px;padding:1px 6px;line-height:1.4}.qq-mgrid-ph{display:flex;align-items:center;justify-content:center;height:100%;color:var(--qq-text-3);font-size:12px}.qq-search-hit{display:flex;gap:10px;padding:10px 4px;border-bottom:1px solid #f0f0f0;width:100%;text-align:left;cursor:pointer}.qq-search-hit:hover{background:var(--qq-bg-hover)}.qq-search-hit-mid{flex:1;min-width:0}.qq-search-hit-head{display:flex;align-items:baseline;gap:8px;font-size:13px}.qq-search-hit-head b{font-size:13px;font-weight:600}.qq-search-hit-head time{color:var(--qq-text-3);font-size:12px}.qq-search-hit-txt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:3px;font-size:13px;color:#555;word-break:break-all}.qq-search-hit-txt mark{background:#ffe58f;color:inherit;padding:0 1px;border-radius:2px}.qq-search-empty{padding:48px 0;text-align:center;color:var(--qq-text-3);font-size:13px}.qq-files-body{flex:1;overflow-y:auto}.qq-file-row{display:flex;align-items:center;gap:10px;padding:10px 16px;color:var(--qq-text);text-decoration:none}.qq-file-row:hover{background:var(--qq-bg-hover)}.qq-avatar{position:relative;flex:none;border-radius:50%}.qq-avatar img,.qq-avatar-txt{width:100%;height:100%;border-radius:50%;object-fit:cover;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:500;-webkit-user-select:none;user-select:none}.qq-avatar-dot{position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border-radius:50%;background:#c8c9cc;border:2px solid #fff}.qq-avatar-dot.on{background:#07c160}.qq-menu{position:fixed;z-index:650;min-width:160px;padding:6px;background:#fff;border-radius:12px;box-shadow:var(--qq-menu-shadow)}.qq-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;font-size:14px;border-radius:8px;text-align:left;color:var(--qq-text)}.qq-menu-item:hover:not(:disabled),.qq-menu-item:focus{background:var(--qq-bg-subtle)}.qq-menu-item:disabled{color:#bbb;cursor:default}.qq-menu-item.danger{color:var(--qq-danger)}.qq-menu-item .mico{display:inline-flex;width:18px;height:18px;align-items:center;justify-content:center;color:#646a73;flex:0 0 18px}.qq-menu-item .mico svg{width:16px;height:16px}.qq-menu-item.danger .mico{color:var(--qq-danger)}.qq-menu-item .mico.star{color:#f6c244}.qq-menu-div{height:1px;background:#f0f1f3;margin:4px 8px}.qq-menu-label{flex:1}.qq-menu-item.sel{color:var(--qq-accent-deep);font-weight:600}.qq-menu-item.sel .mico{color:var(--qq-accent-deep)}.qq-menu-dot{width:14px;height:14px;border-radius:50%;border:1.5px solid #c0c4cc;flex:0 0 14px;position:relative;box-sizing:border-box}.qq-menu-dot.on{border-color:var(--qq-accent-deep)}.qq-menu-dot.on:after{content:"";position:absolute;top:2.5px;right:2.5px;bottom:2.5px;left:2.5px;border-radius:50%;background:var(--qq-accent-deep)}.qq-menu-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:640;background:transparent}.qq-quickreacts{display:flex;gap:2px;padding:4px 8px 2px;border-bottom:1px solid rgba(0,0,0,.07)}.qq-quickreacts button{flex:1 1 0;min-width:34px;height:38px;font-size:21px;line-height:1;border-radius:8px;display:flex;align-items:center;justify-content:center}.qq-quickreacts button:hover{background:var(--qq-bg-subtle)}.qq-quickreacts button:active{background:#0000000f;transform:scale(.9)}.qq-quickreacts .more{color:var(--qq-text-3);font-size:18px}.qq-modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:700;background:#0006;display:flex;align-items:center;justify-content:center}.qq-modal{background:#fff;border-radius:12px;max-height:80vh;max-width:min(560px,95vw);display:flex;flex-direction:column;box-shadow:0 12px 48px #00000040}.qq-modal-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;font-size:15px;font-weight:600}.qq-modal-body{padding:6px 16px 16px;overflow-y:auto}.qq-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.qq-input{width:100%;border:1px solid var(--qq-border);border-radius:8px;padding:8px 10px;font-size:14px;background:var(--qq-bg-subtle);box-sizing:border-box}.qq-input:focus{border-color:var(--qq-accent);background:#fff}.qq-btn{padding:7px 18px;border-radius:8px;font-size:13px;background:var(--qq-bg-subtle)}.qq-btn.primary{background:var(--qq-accent);color:#fff}.qq-btn.primary:hover{background:var(--qq-accent-deep)}.qq-report-reasons{display:flex;flex-wrap:wrap;gap:6px 14px;margin:4px 0 10px}.qq-report-reason{display:flex;align-items:center;gap:6px;font-size:13px;cursor:pointer;padding:4px 0}.qq-report-reason input{accent-color:var(--qq-accent)}.qq-report-detail{resize:none;margin-bottom:8px}.qq-report-hint{font-size:12px;color:var(--qq-text-3);margin-top:8px}.qq-report-error{font-size:12px;color:var(--qq-danger, #e34c4c);margin-top:6px}.qq-report-done{font-size:14px;padding:12px 4px}.qq-fwd-list{max-height:320px;overflow-y:auto}.qq-fwd-preview{margin-top:10px;font-size:12px;color:var(--qq-text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qq-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:750;background:#000000d9;display:flex;align-items:center;justify-content:center;cursor:zoom-out}.qq-lightbox img{max-width:92vw;max-height:92vh}.qq-lightbox-dl{position:absolute;right:18px;bottom:18px;width:44px;height:44px;border:none;border-radius:50%;background:#ffffff29;color:#fff;font-size:20px;cursor:pointer;line-height:1}.qq-lightbox-dl:hover{background:#ffffff4d}.qq-reacts{display:flex;flex-wrap:wrap;gap:4px;margin-top:3px}.qq-reacts.mine{justify-content:flex-end}.qq-react-chip{display:inline-flex;align-items:center;gap:3px;border:1px solid var(--qq-border);border-radius:12px;background:var(--qq-bg-panel);padding:2px 8px;font-size:14px;line-height:1.4;cursor:pointer}.qq-react-chip em{font-style:normal;font-size:11px;color:var(--qq-text-3)}.qq-react-chip.mine{border-color:var(--qq-accent);background:color-mix(in srgb,var(--qq-accent) 12%,var(--qq-bg-panel))}.qq-react-chip:hover{filter:brightness(.97)}.qq-react-chip:active{transform:scale(.93)}.qq-offline-bar{position:fixed;top:0;left:0;right:0;z-index:900;background:#f7c948;color:#5c4a00;font-size:13px;text-align:center;padding:6px 12px;padding-top:calc(6px + env(safe-area-inset-top,0px));box-shadow:0 1px 4px #00000014;pointer-events:none}.qq-empty{flex:1;display:flex;align-items:center;justify-content:center;background:var(--qq-bg-timeline)}.qq-welcome{display:flex;flex-direction:column;align-items:center;gap:6px}.qq-welcome-name{font-size:22px;font-weight:700;margin-top:12px}.qq-welcome-sub{font-size:13px;color:var(--qq-text-3)}.qq-members-count{padding:2px 16px 8px;font-size:12px;color:var(--qq-text-3)}.qq-contacts-empty{padding:40px;text-align:center;color:var(--qq-text-3);font-size:13px}.qq-facepile{display:inline-flex}.qq-facepile .qq-avatar{margin-left:-6px;border:2px solid var(--qq-bg)}.qq-facepile .qq-avatar:first-child{margin-left:0}.qq-memcnt{width:auto!important;padding:0 6px!important;gap:4px;font-size:13px}.qq-audio audio{min-width:200px;height:32px;display:block}.qq-audio-tag{color:inherit}.qq-linkbtn{border:none;background:none;color:var(--qq-accent);font-size:12px;cursor:pointer;padding:2px 0}.qq-me-card{display:flex;gap:14px;align-items:center;padding:24px 20px 20px}.qq-me-name{font-size:18px;font-weight:600}.qq-me-uid{font-size:12px;color:var(--qq-text-3);margin-top:2px}.qq-me-actions{border-top:8px solid var(--qq-roomlist-bg);padding-top:8px}.qq-me-row{display:block;width:100%;text-align:left;border:none;background:none;padding:13px 20px;font-size:14px;cursor:pointer}.qq-me-row:hover{background:var(--qq-hover)}.qq-me-row.danger{color:var(--qq-danger)}.qq-memberchip{display:inline-flex;align-items:center;gap:6px;background:var(--qq-accent-soft);color:var(--qq-accent);border-radius:12px;padding:3px 10px;font-size:12px}.qq-memberchip button{border:none;background:none;color:inherit;cursor:pointer;font-size:14px;padding:0;line-height:1}.qq-memberlist{position:absolute;top:100%;left:0;right:0;max-height:200px;overflow-y:auto;background:var(--qq-menu-bg);border:1px solid var(--qq-border);border-radius:8px;box-shadow:var(--qq-shadow);z-index:50}.qq-memberlist-row{display:flex;align-items:center;gap:8px;width:100%;padding:7px 12px;border:none;background:none;font-size:13px;cursor:pointer;text-align:left}.qq-memberlist-row:hover{background:var(--qq-hover)}.qq-search-status{display:flex;align-items:center;gap:8px;padding:6px 16px;font-size:11px;color:var(--qq-text-3);min-height:24px}.qq-search-stop{border:none;background:none;color:var(--qq-accent);font-size:11px;cursor:pointer;padding:0}.qq-card-searchbar{display:flex;align-items:center;gap:4px;padding:10px 12px 4px}.qq-card-searchbar .qq-search{flex:1}.qq-upload-name{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qq-upload-size{color:var(--qq-text-3);font-size:11px}.qq-upload-x{border:none;background:none;color:var(--qq-text-3);cursor:pointer;font-size:14px;padding:0 2px;line-height:1}.qq-upload-x:hover{color:var(--qq-danger)}.qq-upload img{width:24px;height:24px;object-fit:cover;border-radius:4px}.qq-mention-empty{padding:10px 12px;font-size:12px;color:var(--qq-text-3)}.qq-attach{position:absolute;bottom:56px;left:8px;right:8px;display:flex;gap:18px;padding:16px 20px;background:var(--qq-menu-bg);border:1px solid var(--qq-border);border-radius:14px;box-shadow:var(--qq-shadow);z-index:60}.qq-attach-item{display:flex;flex-direction:column;align-items:center;gap:6px;border:none;background:none;cursor:pointer}.qq-attach-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;background:var(--qq-chip-bg);font-size:24px}.qq-attach-item:hover .qq-attach-icon{background:var(--qq-hover)}.qq-attach-label{font-size:12px;color:var(--qq-text-2)}.qq-composer.mobile .qq-attach{position:static;width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:14px 10px calc(14px + env(safe-area-inset-bottom,0px));border-radius:0;border-bottom:none;box-shadow:none}.qq-composer.mobile .qq-attach-item{width:100%;min-width:0}.qq-attach-hint{flex-basis:100%;grid-column:1 / -1;font-size:12px;line-height:1.5;color:var(--qq-text-3)}.qq-navicon{position:relative;display:inline-flex}.qq-navbadge{position:absolute;top:-4px;right:-14px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--qq-badge);color:#fff;font-size:10px;font-style:normal;line-height:16px;text-align:center}.qq-navdot{position:absolute;top:-2px;right:-8px;width:8px;height:8px;border-radius:50%;background:var(--qq-badge)}.qq-member .qq-member-name{flex:1;display:flex;align-items:center;gap:5px}.qq-mobilenav{display:none;border-top:1px solid var(--qq-border);background:var(--qq-bg-panel);padding-bottom:env(safe-area-inset-bottom,0);flex:none}@media(max-width:768px){.qq-app{-webkit-tap-highlight-color:transparent;touch-action:manipulation;overscroll-behavior:none;-webkit-touch-callout:none}.qq-app button,.qq-app a,.qq-rail,.qq-mobilenav,.qq-roomhead,.qq-roomlist,.qq-composer-bar,.qq-memberlist,.qq-card,.qq-menu,.qq-emoji,.qq-attach{user-select:none;-webkit-user-select:none}.qq-bubble,.qq-sys,.qq-day-sep,.qq-composer-input,.qq-searchview input{user-select:text;-webkit-user-select:text}.qq-timeline,.qq-roomlist,.qq-memberlist,.qq-contacts-body,.qq-card-body{overscroll-behavior:contain}.qq-app{flex-direction:column}.qq-room{padding:12px 14px;min-height:64px}.qq-room:active{background:var(--qq-bg-hover)}.qq-room .qq-avatar{width:44px;height:44px;font-size:18.5px}.qq-room:hover .qq-room-more{display:none}.qq-room:active .qq-room-right{visibility:visible}.qq-left{width:100%;min-width:0;max-width:none;flex:1 1 100%;border-right:none;display:flex;flex-direction:column;min-height:0}.qq-resizer{display:none}.qq-roomlist{flex:1;min-height:0}.qq-app.room-open .qq-left{display:none}.qq-app.room-open .qq-main{display:flex}.qq-main{flex:1;min-height:0;display:flex}.qq-main:not(.open){display:none}.qq-backbtn{display:inline-flex}.qq-timeline{padding:8px}.qq-bubble-col{max-width:82%}.qq-bubble-avatar-space{width:36px}.qq-composer{border-radius:0}.qq-composer-toolbar,.qq-composer-inputrow{display:contents}.qq-composer-bar{display:flex;align-items:center;gap:2px;padding:6px;padding-bottom:calc(6px + env(safe-area-inset-bottom,0px))}.qq-composer-bar>*{flex-shrink:0}.qq-composer-bar .qq-composer-input{flex:1 1 auto;min-width:0;min-height:40px;max-height:96px;height:40px;padding:9px 12px;border-radius:20px;background:var(--qq-bg-subtle)}.qq-composer-bar .qq-iconbtn{width:40px;height:40px}.qq-composer-bar .qq-sendbtn{width:40px;height:40px;margin-bottom:0}.qq-history{display:none!important}.qq-composer-input,.qq-searchview .qq-search input,.qq-memberbox-input{font-size:16px!important}.qq-right{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;min-width:0;z-index:400;border-left:none}.qq-right .qq-resizer{display:none}.qq-modal-mask{align-items:flex-end}.qq-modal{width:100%;max-width:none;border-radius:16px 16px 0 0;max-height:90dvh;padding-bottom:env(safe-area-inset-bottom,0px)}.qq-modal.small{align-self:center;margin-bottom:auto;margin-top:auto;border-radius:12px;max-width:88vw;width:auto}.qq-menu{min-width:190px;max-width:76vw}.qq-menu-item{min-height:44px;font-size:15px}.qq-menu-mask{background:#0003}.qq-menu.msgmenu{min-width:200px;max-width:80vw;border-radius:14px;background:#1c1e22f7;color:#fff;padding:0;box-shadow:0 10px 34px #00000059}.qq-menu.msgmenu .qq-quickreacts{flex:none;border-bottom:1px solid rgba(255,255,255,.14);border-right:none;padding:8px 10px;gap:4px;justify-content:space-around}.qq-menu.msgmenu .qq-quickreacts button{flex:none;width:40px;min-width:40px;height:40px;font-size:21px;border-radius:10px}.qq-menu.msgmenu .qq-menu-items{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:4px 0}.qq-menu.msgmenu .qq-menu-item{flex-direction:row;justify-content:flex-start;gap:12px;min-width:0;min-height:44px;height:auto;padding:10px 18px;font-size:15px;color:#fff;white-space:normal;border-radius:0;width:100%}.qq-menu.msgmenu .qq-menu-item:active{background:#ffffff14}.qq-menu.msgmenu .qq-menu-item .mico{color:#fff;width:20px;height:20px;flex:0 0 20px}.qq-menu.msgmenu .qq-menu-item .mico svg{width:20px;height:20px}.qq-menu.msgmenu .qq-menu-item.danger,.qq-menu.msgmenu .qq-menu-item.danger .mico{color:#f56464}.qq-menu.msgmenu .qq-menu-div{margin:0 0 0 50px;background:#ffffff1a}.qq-emoji{position:static;width:100%;max-width:none;border-radius:0;height:min(36dvh,250px);max-height:none;padding-bottom:env(safe-area-inset-bottom,0px);box-shadow:none;border-top:1px solid var(--qq-border)}.qq-attach{position:static;width:100%;border-radius:0;box-shadow:none;border-top:1px solid var(--qq-border);padding-bottom:calc(18px + env(safe-area-inset-bottom,0px))}.qq-mention-pop{top:auto;position:fixed;left:8px;right:8px;width:auto;bottom:60px;max-height:40dvh}.qq-mention-item{color:inherit}.qq-mobilenav{display:flex;height:56px}.qq-mobilenav button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--qq-text-3);font-size:11px;position:relative}.qq-mobilenav button.on{color:var(--qq-accent)}.qq-mobilenav .navicon{position:relative;display:inline-flex}.qq-mobilenav .navbadge{position:absolute;top:-6px;left:12px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--qq-badge-red);color:#fff;font-size:10px;font-weight:600;line-height:16px;text-align:center}.qq-mobilenav .navdot{position:absolute;top:-2px;left:16px;width:8px;height:8px;border-radius:50%;background:var(--qq-badge-red)}.qq-room,.qq-member,.qq-contacts-row,.qq-me-row{min-height:52px}}@media(min-width:769px){.qq-composer-resize{display:block;height:8px;cursor:row-resize;position:relative}.qq-composer-resize:after{content:"";position:absolute;left:50%;top:3px;transform:translate(-50%);width:44px;height:3px;border-radius:2px;background:#00000024}}.qq-contacts{flex:1;display:flex;flex-direction:column;overflow:hidden}.qq-contacts-body{flex:1;overflow-y:auto}.qq-contacts-row{display:flex;align-items:center;gap:10px;width:100%;padding:8px 14px;text-align:left;font-size:15px}.qq-contacts-row:hover{background:var(--qq-bg-subtle)}.qq-contacts-empty{padding:40px 0;text-align:center;color:var(--qq-text-3);font-size:13px}.qq-me{flex:1;overflow-y:auto;background:var(--qq-bg-timeline)}.qq-me-card{display:flex;align-items:center;gap:14px;padding:24px 16px;background:var(--qq-bg-panel)}.qq-me-name{font-size:20px;font-weight:600}.qq-me-uid{font-size:12px;color:var(--qq-text-3);margin-top:4px}.qq-me-actions{margin-top:12px;background:var(--qq-bg-panel)}.qq-me-row{display:block;width:100%;padding:14px 16px;text-align:left;font-size:15px;border-bottom:1px solid #eee}.qq-me-row:hover{background:var(--qq-bg-subtle)}.qq-me-row.danger{color:#f23d4f}.qq-dark{--qq-bg-timeline: #19191b;--qq-bg-panel: #212124;--qq-bg-left: #1b1b1d;--qq-bg-subtle: #2c2c30;--qq-bg-hover: rgba(255, 255, 255, .05);--qq-bubble-mine: #3a5a8c;--qq-bubble-other: #2c2c30;--qq-bubble-border: rgba(255, 255, 255, .06);--qq-text: #e8e8ea;--qq-text-2: #b2b2bb;--qq-text-3: #aaaab4;--qq-border: rgba(255, 255, 255, .06);--qq-menu-bg: #2c2c30;--qq-shadow: 0 8px 28px rgba(0, 0, 0, .5);--qq-panel: #212124}.qq-dark .qq-room.active{background:#ffffff0d;border-left-color:#4a9cf5}.qq-dark .qq-bubble{box-shadow:none}.qq-dark .qq-bubble-sender{color:var(--qq-text-2)}.qq-dark .qq-mention{color:#9cc4f0}.qq-dark .qq-mention:hover{background:#4a9cf52e}.qq-dark .qq-menu,.qq-dark .qq-modal,.qq-dark .qq-emoji,.qq-dark .qq-attach,.qq-dark .qq-mention-pop,.qq-dark .qq-memberlist{background:#2c2c30;color:#e8e8ea}.qq-dark .qq-menu-item:hover:not(:disabled){background:#ffffff12}.qq-dark .qq-menu-item .mico{color:#9a9a9e}.qq-dark .qq-menu-div{background:#ffffff14}.qq-dark .qq-quickreacts{border-bottom-color:#ffffff14}.qq-dark .qq-quickreacts button:hover{background:#ffffff12}.qq-dark .qq-composer-input{color:#e8e8ea}.qq-dark .qq-sendbtn:disabled{background:#3a3a3e}.qq-dark .qq-upload{background:#2c2c30;border-color:#ffffff14}.qq-dark .qq-file{background:#2c2c30;border-color:#ffffff14;color:#e8e8ea}.qq-dark .qq-code{background:#ffffff14}.qq-dark .qq-quote{border-left-color:#fff3;color:#b8b8bd}.qq-dark .qq-bubble-quote{background:#ffffff0a;color:#b8b8bd}.qq-dark .qq-card-list{border-top-color:#19191b}.qq-dark .qq-memberchip{background:#4a9cf52e;color:#9cc4f0}.qq-dark .qq-memberchip button{color:#9cc4f0}.qq-dark .qq-chip{background:#2c2c30;color:#cfd0d4;border-color:#ffffff29}.qq-dark .qq-chip.on{background:var(--qq-accent);color:#fff}.qq-dark .qq-memberbox-input,.qq-dark .qq-search-dates input[type=date],.qq-dark .qq-input{background:#2c2c30;color:#e8e8ea;border-color:#ffffff29}.qq-dark .qq-search-hit{border-bottom-color:#ffffff0f}.qq-dark .qq-search-hit-txt{color:#b8b8bd}.qq-dark .qq-search-hit-txt mark{background:#6b5a1e}.qq-dark .qq-search-body{border-top-color:#ffffff0f}.qq-dark .qq-attach-icon{background:#2c2c30}.qq-dark .qq-replybar{background:#2c2c30;color:#b8b8bd}.qq-dark .qq-me-row,.qq-dark .qq-panel-head{border-bottom-color:#ffffff0f}.qq-dark .qq-mention-head{border-bottom-color:#ffffff14}.qq-dark .qq-mention-item:hover,.qq-dark .qq-mention-item.sel{background:#ffffff12}.qq-dark .qq-mobilenav{border-top-color:#ffffff0f}.qq-dark *::-webkit-scrollbar-thumb{background:#ffffff24}