.chat-head[data-v-96547903]{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:16px;flex-wrap:wrap;gap:12px}.chat-head h1[data-v-96547903]{margin:0 0 4px;font-size:24px;font-weight:600}.chat-head .sub[data-v-96547903]{margin:0;opacity:.6;font-size:13px}.room-switch[data-v-96547903]{display:flex;align-items:center;gap:10px}.status[data-v-96547903]{font-size:12px;opacity:.7}.status.on[data-v-96547903]{color:var(--color-success);opacity:1}.chat-body[data-v-96547903]{display:flex;flex-direction:column;gap:12px}.pub-layout[data-v-96547903]{display:flex;gap:14px;align-items:stretch}.pub-main[data-v-96547903]{flex:1;min-width:0;display:flex;flex-direction:column}.pub-head[data-v-96547903]{display:flex;align-items:center;gap:12px;margin-bottom:10px}.online-panel[data-v-96547903]{width:220px;flex-shrink:0;background:var(--color-card-bg);border:1px solid var(--color-border-soft);border-radius:12px;padding:12px;max-height:64vh;overflow-y:auto;align-self:stretch}.online-title[data-v-96547903]{font-size:13px;font-weight:600;opacity:.85;margin-bottom:8px}.online-user[data-v-96547903]{display:flex;align-items:center;gap:8px;padding:7px 6px;border-radius:8px;cursor:pointer;transition:background .15s}.online-user[data-v-96547903]:hover{background:var(--color-surface-2)}.online-user .oname[data-v-96547903]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.online-user .me-tag[data-v-96547903]{margin-left:6px;font-size:10px;font-weight:700;padding:1px 6px;border-radius:999px;background:var(--color-primary, #4f46e5);color:#fff}.msgs[data-v-96547903]{height:52vh;overflow-y:auto;background:var(--color-card-bg);border:1px solid var(--color-border-soft);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:12px}.older-tip[data-v-96547903]{text-align:center;font-size:12px;color:var(--color-text-muted);opacity:.7;padding:2px 0 4px}.dm-msgs[data-v-96547903]{height:46vh}.msg[data-v-96547903]{max-width:min(78%,720px)}.msg.me[data-v-96547903]{align-self:flex-end;text-align:right}.msg-meta[data-v-96547903]{display:flex;gap:8px;font-size:11px;opacity:.55;margin-bottom:3px;justify-content:flex-start}.msg.me .msg-meta[data-v-96547903]{justify-content:flex-end}.msg-meta .nick[data-v-96547903]{font-weight:600;opacity:.9}.msg:not(.me) .nick[data-v-96547903]{color:var(--color-text-muted)}.msg.me .nick[data-v-96547903]{color:var(--color-primary)}.nick.clickable[data-v-96547903]{cursor:pointer}.nick.clickable[data-v-96547903]:hover{text-decoration:underline}.bubble[data-v-96547903]{display:inline-block;background:var(--color-surface-2);border:1px solid var(--color-border-soft);border-radius:12px;padding:8px 12px;line-height:1.6;white-space:pre-wrap;word-break:break-word;text-align:left}.msg.me .bubble[data-v-96547903]{background:var(--color-primary);color:#fff;border-color:transparent}.composer[data-v-96547903]{display:flex;gap:10px;align-items:flex-end;margin-top:10px}.composer .el-button[data-v-96547903]{flex-shrink:0}.panel[data-v-96547903]{display:flex;flex-direction:column;gap:10px}.dm-panel[data-v-96547903]{display:grid;grid-template-columns:minmax(160px,220px) 1fr;gap:14px;align-items:start}.side[data-v-96547903]{display:flex;flex-direction:column}.sec-title[data-v-96547903]{font-size:13px;font-weight:600;opacity:.8;margin:6px 0}.muted[data-v-96547903]{opacity:.55;font-size:13px}.small[data-v-96547903]{font-size:11px}.center[data-v-96547903]{text-align:center;padding:40px 0}.req-box[data-v-96547903]{background:var(--color-card-bg);border:1px solid var(--color-border-soft);border-radius:10px;padding:10px 12px}.req-row[data-v-96547903]{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 0}.friend-row[data-v-96547903]{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--color-border-soft)}.dot[data-v-96547903]{width:8px;height:8px;border-radius:50%;background:var(--color-border-soft)}.dot.on[data-v-96547903]{background:var(--color-success)}.fname[data-v-96547903]{font-weight:600}.factions[data-v-96547903]{margin-left:auto;display:flex;gap:4px}.profile[data-v-96547903]{text-align:center;padding:4px 0 8px}.avatar[data-v-96547903]{width:56px;height:56px;border-radius:50%;background:var(--color-primary);color:#fff;font-size:24px;display:flex;align-items:center;justify-content:center;margin:0 auto 10px}.pname[data-v-96547903]{font-size:18px;font-weight:600}.pmeta[data-v-96547903]{font-size:12px;opacity:.6;margin-top:4px;display:flex;align-items:center;justify-content:center;gap:6px}.remark-box[data-v-96547903]{margin-top:14px;text-align:left}@media (min-width: 1024px){.online-panel[data-v-96547903]{width:280px}}@media (max-width: 720px){.pub-layout[data-v-96547903]{flex-direction:column}.online-panel[data-v-96547903]{width:auto;max-height:200px}.dm-panel[data-v-96547903]{grid-template-columns:1fr}}