.real-app[data-v-9820bc2f]{margin-top:0;height:100vh;border-radius:0}button[data-v-9820bc2f]{font-family:var(--qc-font)}.global-search[data-v-9820bc2f]{position:relative;margin-left:60px}.global-search-submit[data-v-9820bc2f]{position:absolute;z-index:1;left:0;top:0;display:grid;width:30px;height:22px;padding:0;place-items:center;border:0;background:transparent;color:#ffffff6b;cursor:pointer}.global-search-submit[data-v-9820bc2f]:hover{color:#ffffffd1}.global-search-submit i[data-v-9820bc2f]{font-size:10px}.titlebar .global-search .t-search[data-v-9820bc2f]{margin-left:0}.list-search-form[data-v-9820bc2f]{position:relative}.list-search-form .list-search[data-v-9820bc2f]{padding-right:36px}.list-search-form button[data-v-9820bc2f]{position:absolute;right:7px;top:50%;display:grid;width:26px;height:26px;padding:0;transform:translateY(-50%);place-items:center;border:0;border-radius:4px;background:transparent;color:var(--qc-text-muted);cursor:pointer}.list-search-form button[data-v-9820bc2f]:hover{background:var(--qc-hover);color:var(--qc-primary)}.online-dot.offline[data-v-9820bc2f]{background:var(--qc-warning)!important}.acct-av[data-v-9820bc2f]{border:none}.acct-av.empty[data-v-9820bc2f]{background:transparent;color:#ffffff52;border:1.5px dashed rgba(255,255,255,.18)}.acct-add[data-v-9820bc2f]{background:transparent}.nav-item[data-v-9820bc2f]{position:relative;border:none;background:transparent}.nav-badge[data-v-9820bc2f]{position:absolute;right:2px;top:1px;min-width:14px;height:14px;padding:0 3px;border-radius:7px;background:var(--qc-error);color:#fff;font-size:9px;display:flex;align-items:center;justify-content:center}.conv-item[data-v-9820bc2f]{width:100%;border:none;background:transparent;text-align:left}.conv-item.pinned[data-v-9820bc2f]:not(.active){background:#fafcff}.conv-item span[data-v-9820bc2f]{display:block}.c-info .c-name[data-v-9820bc2f]{display:flex}.list-empty[data-v-9820bc2f]{padding:28px 12px;text-align:center;color:var(--qc-text-quaternary);font-size:12px}.list-section-title[data-v-9820bc2f]{padding:10px 12px 5px;font-size:10px;color:var(--qc-text-quaternary);font-weight:600}.request-item[data-v-9820bc2f]{display:flex;align-items:center;gap:7px;padding:8px 10px}.request-item button[data-v-9820bc2f]{width:24px;height:24px;border:none;border-radius:4px;color:var(--qc-primary);background:var(--qc-primary-bg);cursor:pointer}.request-avatar[data-v-9820bc2f]{background:#7b68ee}.contact-avatar[data-v-9820bc2f]{background:#1677ff}.search-summary[data-v-9820bc2f]{display:flex;gap:12px;padding:3px 12px 8px;color:var(--qc-text-quaternary);font-size:10px}.settings-nav[data-v-9820bc2f]{display:flex;flex-direction:column;padding:8px}.settings-nav span[data-v-9820bc2f]{display:flex;align-items:center;gap:9px;padding:10px;border-radius:6px;color:var(--qc-text-secondary);font-size:12px}.settings-nav span[data-v-9820bc2f]:first-child{background:var(--qc-primary-bg);color:var(--qc-primary)}.settings-nav i[data-v-9820bc2f]{width:15px;text-align:center}.empty-state[data-v-9820bc2f]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:var(--qc-text-tertiary);padding:24px;text-align:center}.empty-state>i[data-v-9820bc2f]{font-size:38px;color:var(--qc-text-quaternary);opacity:.65}.empty-state strong[data-v-9820bc2f]{font-size:15px;color:var(--qc-text-secondary)}.empty-state span[data-v-9820bc2f]{font-size:12px}.primary-command[data-v-9820bc2f],.secondary-command[data-v-9820bc2f],.danger-command[data-v-9820bc2f],.icon-command[data-v-9820bc2f]{height:34px;border-radius:6px;padding:0 14px;cursor:pointer;font-size:12px}.primary-command[data-v-9820bc2f]{border:none;background:var(--qc-primary);color:#fff}.secondary-command[data-v-9820bc2f]{border:1px solid var(--qc-border);background:#fff;color:var(--qc-text-secondary)}.danger-command[data-v-9820bc2f]{border:1px solid #ffccc7;background:#fff;color:var(--qc-error)}.icon-command[data-v-9820bc2f]{width:36px;padding:0;border:1px solid var(--qc-border);background:#fff;color:var(--qc-text-secondary)}.full[data-v-9820bc2f]{width:100%}button[data-v-9820bc2f]:disabled{opacity:.52;cursor:not-allowed}.message-empty[data-v-9820bc2f]{margin:auto;color:var(--qc-text-quaternary);font-size:12px}.msg-row.failed .msg-bubble[data-v-9820bc2f]{border:1px solid #ffccc7}.msg-media[data-v-9820bc2f]{width:min(300px,42vw);background:#fff;border:1px solid var(--qc-border);border-radius:8px;overflow:hidden}.msg-media img[data-v-9820bc2f],.msg-media video[data-v-9820bc2f]{width:100%;max-height:280px;object-fit:contain;display:block;background:#111}.msg-media span[data-v-9820bc2f]{display:block;padding:7px 9px;font-size:12px}.msg-audio[data-v-9820bc2f]{width:240px;max-width:42vw;height:34px}.msg-file[data-v-9820bc2f]{text-decoration:none;color:inherit}.msg-file span[data-v-9820bc2f]{display:block}.msg-time span[data-v-9820bc2f]{margin-left:5px}.receiptError[data-v-9820bc2f]{color:var(--qc-error)}.retry-link[data-v-9820bc2f]{border:none;background:none;color:var(--qc-error);font-size:10px;cursor:pointer;margin-left:5px}.chat-toolbar button.recording[data-v-9820bc2f]{color:var(--qc-error);background:#fff2f0}.toolbar-state[data-v-9820bc2f]{font-size:10px;color:var(--qc-text-tertiary);margin-left:5px}.drawer-item[data-v-9820bc2f]{width:100%;border:none;background:transparent}.switch-track[data-v-9820bc2f]{display:inline-block;flex-shrink:0}.settings-textarea[data-v-9820bc2f]{width:100%;min-height:70px;border:1px solid var(--qc-border);border-radius:6px;padding:8px 10px;resize:vertical;font:12px var(--qc-font);outline:none;margin-bottom:10px}.member-row[data-v-9820bc2f]{display:flex;align-items:center;gap:8px;padding:7px 2px;border-bottom:1px solid var(--qc-border-light)}.member-avatar[data-v-9820bc2f]{width:28px;height:28px;border-radius:7px;background:#e6f4ff;color:var(--qc-primary);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;flex-shrink:0}.member-info[data-v-9820bc2f]{display:flex;flex-direction:column;min-width:0;flex:1}.member-info b[data-v-9820bc2f]{font-size:12px;font-weight:500}.member-info small[data-v-9820bc2f]{font-size:9px;color:var(--qc-text-quaternary)}.member-row button[data-v-9820bc2f]{width:25px;height:25px;border:none;background:transparent;color:var(--qc-text-tertiary);cursor:pointer;border-radius:4px}.member-row button[data-v-9820bc2f]:hover{background:var(--qc-bg-tertiary);color:var(--qc-primary)}.check-row[data-v-9820bc2f]{display:flex;align-items:center;gap:8px;padding:7px 4px;font-size:12px}.check-row input[data-v-9820bc2f]{accent-color:var(--qc-primary)}.group-exit[data-v-9820bc2f]{margin-top:18px}.detail-page[data-v-9820bc2f],.settings-page[data-v-9820bc2f]{flex:1;overflow-y:auto;padding:28px 32px}.detail-page[data-v-9820bc2f]{max-width:620px}.detail-header[data-v-9820bc2f]{display:flex;align-items:center;gap:14px;margin-bottom:18px}.detail-avatar[data-v-9820bc2f]{width:58px;height:58px;border-radius:12px;background:#1677ff;color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:600}.detail-header h2[data-v-9820bc2f],.settings-page h2[data-v-9820bc2f]{font-size:18px;margin:0 0 4px}.detail-header p[data-v-9820bc2f]{font-size:12px;color:var(--qc-text-tertiary)}.detail-actions[data-v-9820bc2f]{display:flex;gap:8px;margin-bottom:18px}.detail-section[data-v-9820bc2f]{background:#fff;border:1px solid var(--qc-border-light);border-radius:8px;padding:14px;margin-bottom:16px}.detail-section label[data-v-9820bc2f]{display:grid;grid-template-columns:90px 1fr;align-items:center;min-height:42px;border-bottom:1px solid var(--qc-border-light);font-size:12px;color:var(--qc-text-tertiary)}.detail-section label[data-v-9820bc2f]:last-child{border-bottom:none}.detail-section .modal-input[data-v-9820bc2f]{margin:5px 0}.detail-section label span[data-v-9820bc2f]{color:var(--qc-text)}.settings-page[data-v-9820bc2f]{max-width:760px}.settings-page h2[data-v-9820bc2f]{margin-bottom:18px}.settings-section[data-v-9820bc2f]{background:#fff;border:1px solid var(--qc-border-light);border-radius:8px;margin-bottom:14px;overflow:hidden}.settings-section h3[data-v-9820bc2f]{font-size:13px;padding:12px 14px;border-bottom:1px solid var(--qc-border-light)}.setting-row[data-v-9820bc2f]{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;border-bottom:1px solid var(--qc-border-light);font-size:12px}.setting-row[data-v-9820bc2f]:last-child{border-bottom:none}.setting-row input[data-v-9820bc2f]{accent-color:var(--qc-primary)}.setting-field[data-v-9820bc2f]{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;font-size:12px}.setting-field select[data-v-9820bc2f]{width:260px;height:30px;border:1px solid var(--qc-border);border-radius:5px;background:#fff;padding:0 8px}.settings-section>.secondary-command[data-v-9820bc2f]{margin:4px 14px 12px}.settings-heading-row[data-v-9820bc2f]{display:flex;align-items:center;border-bottom:1px solid var(--qc-border-light)}.settings-heading-row h3[data-v-9820bc2f]{flex:1;border:none}.settings-heading-row button[data-v-9820bc2f]{border:none;background:none;color:var(--qc-primary);font-size:11px;margin-right:14px;cursor:pointer}.session-row[data-v-9820bc2f]{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--qc-border-light)}.session-row>i[data-v-9820bc2f]{width:24px;color:var(--qc-text-tertiary)}.session-row span[data-v-9820bc2f]{display:flex;flex-direction:column;flex:1}.session-row b[data-v-9820bc2f]{font-size:12px;font-weight:500}.session-row small[data-v-9820bc2f]{font-size:10px;color:var(--qc-text-quaternary);margin-top:2px}.session-row button[data-v-9820bc2f]{border:none;background:transparent;color:var(--qc-error);cursor:pointer}.about-section p[data-v-9820bc2f]{padding:12px 14px;font-size:11px;color:var(--qc-text-tertiary)}.logout-command[data-v-9820bc2f]{width:100%;margin-bottom:20px}.status-dot[data-v-9820bc2f]{width:6px;height:6px;border-radius:50%;background:var(--qc-warning)}.status-dot.online[data-v-9820bc2f]{background:var(--qc-success)}.status-error[data-v-9820bc2f]{margin-left:auto;color:var(--qc-error)}.ctx-menu button[data-v-9820bc2f]{width:100%;border:none;background:transparent}.login-modal[data-v-9820bc2f]{width:380px}.qr-login[data-v-9820bc2f]{text-align:center}.real-qr[data-v-9820bc2f]{background:#fff;border:1px solid var(--qc-border)}.real-qr img[data-v-9820bc2f]{width:150px;height:150px;display:block}.real-qr span[data-v-9820bc2f]{display:flex;flex-direction:column;gap:8px}.qr-login p[data-v-9820bc2f]{font-size:11px;color:var(--qc-text-tertiary);margin:8px 0 12px}.form-error[data-v-9820bc2f]{font-size:11px;color:var(--qc-error);margin-top:10px;text-align:center}.contact-picker[data-v-9820bc2f]{max-height:250px;overflow-y:auto;border:1px solid var(--qc-border-light);border-radius:6px;margin-bottom:10px}.call-window[data-v-9820bc2f]{z-index:10000}.call-window[data-v-9820bc2f]:has(.call-video-stage){width:620px;padding-top:20px}.call-video-stage[data-v-9820bc2f]{position:relative;width:100%;height:310px;border-radius:8px;background:#0b0b13;overflow:hidden;margin-bottom:18px}.remote-video-view[data-v-9820bc2f]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#ffffff73;font-size:12px}.local-video-view[data-v-9820bc2f]{position:absolute;right:10px;bottom:10px;width:150px;height:96px;border:1px solid rgba(255,255,255,.22);border-radius:6px;background:#181827;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#fff6;font-size:10px}.call-video-stage[data-v-9820bc2f] video{width:100%!important;height:100%!important;object-fit:cover}.toast[data-v-9820bc2f]{position:fixed;right:18px;bottom:34px;z-index:11000;display:flex;align-items:center;gap:8px;max-width:360px;padding:10px 13px;border-radius:6px;background:#fff;box-shadow:var(--qc-shadow-md);border:1px solid var(--qc-border);font-size:12px}.toast.success i[data-v-9820bc2f]{color:var(--qc-success)}.toast.error i[data-v-9820bc2f]{color:var(--qc-error)}.toast.info i[data-v-9820bc2f]{color:var(--qc-primary)}@media(max-width:900px){.acct-bar[data-v-9820bc2f]{width:58px}.acct-grid[data-v-9820bc2f]{grid-template-columns:1fr;grid-auto-flow:row;grid-template-rows:none}.list-panel[data-v-9820bc2f]{width:220px;min-width:190px}.global-search[data-v-9820bc2f]{margin-left:24px}.titlebar .global-search .t-search[data-v-9820bc2f]{width:190px}}@media(max-width:700px){.titlebar .global-search[data-v-9820bc2f],.acct-bar[data-v-9820bc2f]{display:none}.nav-bar[data-v-9820bc2f]{width:52px}.nav-item[data-v-9820bc2f]{width:42px}.list-panel[data-v-9820bc2f]{width:190px;min-width:170px}.main-content[data-v-9820bc2f]{min-width:300px}.detail-page[data-v-9820bc2f],.settings-page[data-v-9820bc2f]{padding:20px}.drawer[data-v-9820bc2f]{width:min(300px,90vw)}}:root{--qc-primary: #1677FF;--qc-primary-hover: #4096FF;--qc-primary-active: #0958D9;--qc-primary-bg: #E6F4FF;--qc-primary-border: #91CAFF;--qc-success: #52C41A;--qc-error: #FF4D4F;--qc-warning: #FAAD14;--qc-text: #1F1F1F;--qc-text-secondary: #595959;--qc-text-tertiary: #8C8C8C;--qc-text-quaternary: #BFBFBF;--qc-bg: #FFFFFF;--qc-bg-secondary: #FAFAFA;--qc-bg-tertiary: #F5F5F5;--qc-bg-hover: #F0F5FF;--qc-border: #E8E8E8;--qc-border-light: #F0F0F0;--qc-sidebar-bg: #1B1B2F;--qc-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", sans-serif;--qc-radius-sm: 4px;--qc-radius-md: 6px;--qc-radius-lg: 8px;--qc-radius-xl: 12px;--qc-shadow-sm: 0 1px 3px rgba(0,0,0,.06);--qc-shadow-md: 0 4px 12px rgba(0,0,0,.08);--qc-shadow-window: 0 8px 32px rgba(0,0,0,.18)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--qc-font);font-size:14px;color:var(--qc-text);background:#e8ecf0;-webkit-font-smoothing:antialiased;overflow:hidden;height:100vh}.demo-nav{position:fixed;top:0;left:0;right:0;height:36px;background:#0f0f1a;display:flex;align-items:center;padding:0 8px;gap:2px;z-index:9999;overflow-x:auto;flex-wrap:nowrap}.demo-nav::-webkit-scrollbar{height:0}.dtab{padding:4px 8px;font-size:10px;color:#ffffff80;border-radius:3px;cursor:pointer;white-space:nowrap;border:none;background:transparent;font-family:var(--qc-font)}.dtab:hover{color:#fff;background:#ffffff14}.dtab.active{color:#fff;background:var(--qc-primary)}.dsep{width:1px;height:16px;background:#ffffff1f;margin:0 4px;flex-shrink:0}.app{margin-top:36px;height:calc(100vh - 36px);display:flex;flex-direction:column;background:#fff;border-radius:8px 8px 0 0;overflow:hidden;box-shadow:var(--qc-shadow-md)}.titlebar{height:32px;background:var(--qc-sidebar-bg);display:flex;align-items:center;padding:0 12px;flex-shrink:0}.titlebar .t-title{color:#fffc;font-size:12px;font-weight:500}.titlebar .t-search{margin-left:60px;height:22px;width:220px;background:#ffffff14;border:none;border-radius:11px;padding:0 10px 0 28px;font-size:11px;color:#fff9;outline:none;font-family:var(--qc-font)}.titlebar .t-search::placeholder{color:#ffffff4d}.titlebar .t-info{margin-left:auto;display:flex;align-items:center;gap:8px;color:#ffffff80;font-size:11px}.titlebar .t-info .online-dot{width:6px;height:6px;border-radius:50%;background:var(--qc-success);display:inline-block;margin-right:3px}.titlebar .t-btns{margin-left:12px;display:flex;gap:1px}.titlebar .t-btns button{width:32px;height:32px;border:none;background:transparent;color:#ffffff80;cursor:pointer;font-size:11px;border-radius:3px}.titlebar .t-btns button:hover{color:#fff;background:#ffffff1a}.main-body{flex:1;display:flex;min-height:0}.acct-bar{width:112px;background:var(--qc-sidebar-bg);display:flex;flex-direction:column;flex-shrink:0;border-right:1px solid rgba(255,255,255,.05)}.acct-grid{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px 8px 4px;display:grid;grid-template-columns:1fr 1fr;grid-auto-flow:column;grid-template-rows:repeat(var(--acct-rows,5),48px);gap:5px;align-content:start}.acct-grid::-webkit-scrollbar{width:3px}.acct-grid::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:2px}.acct-av{width:40px;height:40px;border-radius:10px;cursor:pointer;position:relative;border:2px solid transparent;display:flex;align-items:center;justify-content:center;font-size:13px;color:#fff;font-weight:600;transition:all .12s;margin:0 auto}.acct-av:hover{border-color:#ffffff4d}.acct-av.active{border-color:var(--qc-primary);box-shadow:0 0 0 2px #1677ff4d;background:#1677ff1f}.acct-av .badge{position:absolute;top:-3px;right:-5px;min-width:16px;height:16px;background:var(--qc-error);color:#fff;font-size:9px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px;font-weight:600}.acct-footer{padding:6px 0 10px;display:flex;justify-content:center;border-top:1px solid rgba(255,255,255,.06);flex-shrink:0}.acct-add{width:38px;height:38px;border-radius:10px;border:1.5px dashed rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;color:#ffffff40;cursor:pointer;font-size:15px}.acct-add:hover{border-color:#fff6;color:#ffffff80}.nav-bar{width:60px;background:#f7f8fa;border-right:1px solid var(--qc-border-light);display:flex;flex-direction:column;align-items:center;padding:12px 0;gap:2px;flex-shrink:0}.nav-item{width:46px;height:42px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--qc-radius-md);cursor:pointer;color:var(--qc-text-tertiary);gap:1px;font-size:10px;transition:all .12s}.nav-item i{font-size:17px}.nav-item:hover{background:var(--qc-bg-hover);color:var(--qc-primary)}.nav-item.active{background:var(--qc-primary-bg);color:var(--qc-primary)}.nav-spacer{flex:1}.list-panel{width:250px;min-width:200px;border-right:1px solid var(--qc-border-light);display:flex;flex-direction:column;flex-shrink:0;background:#fff}.list-hdr{padding:10px 12px 6px;display:flex;align-items:center;gap:6px}.list-hdr .title{font-size:14px;font-weight:600;flex:1}.list-hdr button{width:26px;height:26px;border:none;background:transparent;color:var(--qc-text-tertiary);border-radius:4px;cursor:pointer;font-size:13px}.list-hdr button:hover{background:var(--qc-bg-tertiary);color:var(--qc-text)}.list-search{margin:0 12px 6px;height:30px;background:var(--qc-bg-tertiary);border:none;border-radius:6px;padding:0 10px;font-size:12px;width:calc(100% - 24px);outline:none;font-family:var(--qc-font)}.list-search:focus{background:#fff;box-shadow:0 0 0 1.5px var(--qc-primary-border)}.conv-list{flex:1;overflow-y:auto}.conv-item{display:flex;align-items:center;padding:9px 12px;gap:9px;cursor:pointer;transition:background .08s}.conv-item:hover{background:var(--qc-bg-secondary)}.conv-item.active{background:var(--qc-primary-bg)}.conv-item.pinned{background:#fafcff}.c-avatar{width:38px;height:38px;border-radius:9px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:600}.c-info{flex:1;min-width:0}.c-name{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:4px}.c-name .mute{color:var(--qc-text-quaternary);font-size:10px}.c-name .draft{color:var(--qc-error);font-size:11px;font-weight:400}.c-msg{font-size:12px;color:var(--qc-text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.c-meta{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex-shrink:0}.c-time{font-size:10px;color:var(--qc-text-quaternary)}.c-badge{min-width:16px;height:16px;background:var(--qc-error);color:#fff;font-size:9px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px}.c-badge.muted{background:var(--qc-text-quaternary)}.main-content{flex:1;display:flex;flex-direction:column;min-width:320px;background:var(--qc-bg-secondary);position:relative}.chat-hdr{height:52px;background:#fff;border-bottom:1px solid var(--qc-border-light);display:flex;align-items:center;padding:0 14px;gap:10px;flex-shrink:0}.chat-hdr-name{font-size:14px;font-weight:600;flex:1;display:flex;align-items:center;gap:4px}.chat-hdr-name .cnt{font-size:12px;color:var(--qc-text-tertiary);font-weight:400}.chat-hdr-name .typing{font-size:12px;color:var(--qc-success);font-weight:400}.chat-hdr-acts button{width:30px;height:30px;border:none;background:transparent;color:var(--qc-text-tertiary);border-radius:5px;cursor:pointer;font-size:14px}.chat-hdr-acts button:hover{background:var(--qc-bg-tertiary);color:var(--qc-text)}.chat-msgs{flex:1;overflow-y:auto;padding:14px 18px;display:flex;flex-direction:column;gap:12px}.msg-sys{text-align:center;font-size:11px;color:var(--qc-text-quaternary);padding:2px 0}.msg-row{display:flex;gap:8px;max-width:70%}.msg-row.self{align-self:flex-end;flex-direction:row-reverse}.msg-av{width:30px;height:30px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:600}.msg-sender{font-size:10px;color:var(--qc-text-tertiary);margin-bottom:2px}.msg-row.self .msg-sender{text-align:right}.msg-bubble{padding:8px 12px;border-radius:10px;font-size:13px;line-height:1.55;word-break:break-word}.msg-row:not(.self) .msg-bubble{background:#fff;box-shadow:var(--qc-shadow-sm);border-top-left-radius:2px}.msg-row.self .msg-bubble{background:var(--qc-primary-bg);border-top-right-radius:2px}.msg-time{font-size:10px;color:var(--qc-text-quaternary);margin-top:2px}.msg-row.self .msg-time{text-align:right}.msg-file{background:#fff;border:1px solid var(--qc-border);border-radius:8px;padding:9px 11px;display:flex;align-items:center;gap:9px;min-width:180px;margin-top:3px}.msg-file-icon{width:32px;height:32px;background:var(--qc-primary-bg);border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--qc-primary);font-size:14px}.msg-file-info{flex:1;min-width:0}.msg-file-name{font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msg-file-size{font-size:10px;color:var(--qc-text-tertiary)}.msg-img{width:160px;height:100px;background:var(--qc-bg-tertiary);border-radius:8px;margin-top:3px;display:flex;align-items:center;justify-content:center;color:var(--qc-text-quaternary);font-size:11px;overflow:hidden}.msg-voice{background:#fff;border:1px solid var(--qc-border);border-radius:16px;padding:6px 12px;display:flex;align-items:center;gap:6px;font-size:12px;color:var(--qc-text-secondary);min-width:100px;margin-top:3px;cursor:pointer}.msg-voice i{color:var(--qc-primary)}.msg-card{background:#fff;border:1px solid var(--qc-border);border-radius:8px;padding:10px 12px;min-width:200px;margin-top:3px}.msg-card-title{font-size:12px;font-weight:500;margin-bottom:4px}.msg-card-desc{font-size:11px;color:var(--qc-text-tertiary)}.msg-card-footer{margin-top:6px;padding-top:6px;border-top:1px solid var(--qc-border-light);font-size:10px;color:var(--qc-text-quaternary)}.chat-input{background:#fff;border-top:1px solid var(--qc-border-light);flex-shrink:0}.chat-toolbar{display:flex;align-items:center;padding:5px 10px;gap:1px}.chat-toolbar button{width:28px;height:28px;border:none;background:transparent;color:var(--qc-text-tertiary);border-radius:4px;cursor:pointer;font-size:14px}.chat-toolbar button:hover{background:var(--qc-bg-tertiary);color:var(--qc-text-secondary)}.chat-textarea{width:100%;min-height:50px;max-height:100px;border:none;padding:0 12px 6px;font-size:13px;resize:none;outline:none;font-family:var(--qc-font);line-height:1.5}.chat-send-row{display:flex;justify-content:flex-end;padding:3px 10px 8px;align-items:center;gap:8px}.chat-send-btn{padding:5px 14px;background:var(--qc-primary);color:#fff;border:none;border-radius:4px;font-size:12px;cursor:pointer;font-family:var(--qc-font)}.chat-send-btn:hover{background:var(--qc-primary-hover)}.chat-send-hint{font-size:10px;color:var(--qc-text-quaternary)}.drawer{position:absolute;top:0;right:0;bottom:0;width:300px;background:#fff;border-left:1px solid var(--qc-border);box-shadow:-4px 0 12px #0000000f;z-index:100;display:none;flex-direction:column;overflow:hidden}.drawer.open{display:flex}.drawer-hdr{height:48px;display:flex;align-items:center;padding:0 14px;border-bottom:1px solid var(--qc-border-light);flex-shrink:0}.drawer-hdr .title{font-size:14px;font-weight:600;flex:1}.drawer-hdr button{width:28px;height:28px;border:none;background:transparent;color:var(--qc-text-tertiary);border-radius:4px;cursor:pointer;font-size:14px}.drawer-hdr button:hover{background:var(--qc-bg-tertiary)}.drawer-body{flex:1;overflow-y:auto;padding:12px 14px}.drawer-section{margin-bottom:16px}.drawer-section-title{font-size:11px;color:var(--qc-text-tertiary);margin-bottom:8px;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.drawer-item{display:flex;align-items:center;padding:10px 12px;border-radius:6px;cursor:pointer;margin-bottom:2px;transition:background .1s}.drawer-item:hover{background:var(--qc-bg-tertiary)}.drawer-item .icon{width:20px;color:var(--qc-text-tertiary);font-size:14px}.drawer-item .label{flex:1;font-size:13px}.drawer-item .value{font-size:12px;color:var(--qc-text-tertiary)}.drawer-item .arrow{color:var(--qc-text-quaternary);font-size:10px;margin-left:4px}.switch-track{width:34px;height:18px;border-radius:9px;position:relative;cursor:pointer}.switch-track.on{background:var(--qc-primary)}.switch-track.off{background:var(--qc-border)}.switch-track .knob{width:14px;height:14px;background:#fff;border-radius:50%;position:absolute;top:2px;transition:left .15s}.switch-track.on .knob{left:18px}.switch-track.off .knob{left:2px}.ctx-menu{position:fixed;background:#fff;border:1px solid var(--qc-border);border-radius:8px;box-shadow:var(--qc-shadow-md);padding:4px;z-index:9998;display:none;min-width:140px}.ctx-menu.show{display:block}.ctx-item{padding:7px 12px;font-size:12px;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:8px;color:var(--qc-text)}.ctx-item:hover{background:var(--qc-bg-hover);color:var(--qc-primary)}.ctx-item.danger{color:var(--qc-error)}.ctx-item.danger:hover{background:#fff2f0}.ctx-item i{width:14px;text-align:center;font-size:12px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:9990;display:none;align-items:center;justify-content:center}.modal-overlay.show{display:flex}.modal{background:#fff;border-radius:var(--qc-radius-xl);box-shadow:var(--qc-shadow-window);min-width:340px;max-width:420px;overflow:hidden}.modal-hdr{padding:16px 20px 12px;display:flex;align-items:center}.modal-hdr .title{font-size:16px;font-weight:600;flex:1}.modal-hdr button{width:28px;height:28px;border:none;background:transparent;color:var(--qc-text-tertiary);border-radius:4px;cursor:pointer;font-size:14px}.modal-body{padding:0 20px 20px}.modal-input{width:100%;height:36px;border:1px solid var(--qc-border);border-radius:6px;padding:0 12px;font-size:13px;outline:none;font-family:var(--qc-font);margin-bottom:10px}.modal-input:focus{border-color:var(--qc-primary);box-shadow:0 0 0 2px var(--qc-primary-bg)}.modal-btn{width:100%;height:36px;background:var(--qc-primary);color:#fff;border:none;border-radius:6px;font-size:13px;cursor:pointer;font-family:var(--qc-font);margin-top:4px}.modal-btn:hover{background:var(--qc-primary-hover)}.modal-tabs{display:flex;border-bottom:1px solid var(--qc-border-light);margin-bottom:14px}.modal-tab{flex:1;padding:8px 0;font-size:13px;color:var(--qc-text-tertiary);cursor:pointer;border:none;background:none;border-bottom:2px solid transparent;font-family:var(--qc-font)}.modal-tab.active{color:var(--qc-primary);border-bottom-color:var(--qc-primary);font-weight:500}.qr-box{width:160px;height:160px;background:var(--qc-bg-tertiary);border-radius:8px;margin:10px auto;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--qc-text-quaternary);font-size:11px;gap:8px}.qr-box i{font-size:48px;opacity:.3}.call-window{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:340px;background:#1a1a2e;border-radius:16px;box-shadow:var(--qc-shadow-window);z-index:9980;display:none;flex-direction:column;align-items:center;padding:32px 24px 24px;color:#fff}.call-window.show{display:flex}.call-avatar{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:600;margin-bottom:12px}.call-name{font-size:16px;font-weight:500;margin-bottom:4px}.call-status{font-size:12px;color:#fff9;margin-bottom:24px}.call-actions{display:flex;gap:16px}.call-btn{width:48px;height:48px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;transition:all .15s}.call-btn.accept{background:var(--qc-success);color:#fff}.call-btn.reject{background:var(--qc-error);color:#fff}.call-btn.mute{background:#ffffff26;color:#fff}.call-btn.mute.on{background:var(--qc-warning);color:#fff}.call-btn:hover{transform:scale(1.08)}.float-call{position:fixed;bottom:60px;right:20px;background:#1a1a2e;border-radius:24px;padding:8px 16px;display:none;align-items:center;gap:10px;color:#fff;font-size:12px;box-shadow:var(--qc-shadow-md);cursor:pointer;z-index:9970}.float-call.show{display:flex}.float-call .pulse{width:8px;height:8px;background:var(--qc-success);border-radius:50%;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.status-bar{height:22px;background:var(--qc-bg-secondary);border-top:1px solid var(--qc-border-light);display:flex;align-items:center;padding:0 12px;font-size:10px;color:var(--qc-text-quaternary);gap:12px;flex-shrink:0}.hidden{display:none!important}.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}