.layout[data-v-aabaa823]{box-sizing:border-box;min-height:100vh;display:flex;flex-direction:column;padding-bottom:calc(56px + env(safe-area-inset-bottom,0px))}.header[data-v-aabaa823]{background:var(--surface);border-top:1px solid var(--border);position:fixed;left:0;right:0;bottom:0;z-index:80;width:100%;box-sizing:border-box;padding-bottom:env(safe-area-inset-bottom,0px);pointer-events:auto}.header.header--message-route[data-v-aabaa823]{z-index:250}.header-inner[data-v-aabaa823]{display:flex;align-items:center;justify-content:center;height:56px}.nav[data-v-aabaa823]{display:flex;align-items:center;gap:1.25rem}.nav a[data-v-aabaa823]{color:var(--text-muted);text-decoration:none}.nav a[data-v-aabaa823]:hover,.nav a.router-link-active[data-v-aabaa823]{color:var(--text);text-decoration:none}.user-dropdown[data-v-aabaa823]{position:relative}.user-trigger[data-v-aabaa823]{display:flex;align-items:center;gap:.25rem;padding:.35rem .5rem;background:transparent;border:none;color:var(--text-muted);font-size:inherit;cursor:pointer;border-radius:var(--radius)}.user-trigger[data-v-aabaa823]:hover{color:var(--text);background:var(--border)}.user-avatar[data-v-aabaa823]{width:24px;height:24px;border-radius:50%;object-fit:cover;flex-shrink:0}.user-avatar-placeholder[data-v-aabaa823]{width:24px;height:24px;border-radius:50%;background:var(--border);color:var(--text-muted);font-size:.75rem;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-name[data-v-aabaa823]{margin-right:.15rem}.caret[data-v-aabaa823]{font-size:.6rem;opacity:.7}.dropdown-menu[data-v-aabaa823]{position:absolute;bottom:100%;right:0;margin-bottom:.25rem;min-width:140px;padding:.5rem 0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);list-style:none;box-shadow:0 4px 12px #0000004d}.dropdown-menu li[data-v-aabaa823]{margin:0}.dropdown-menu a[data-v-aabaa823],.dropdown-item[data-v-aabaa823]{display:block;width:100%;padding:.5rem 1rem;text-align:left;color:var(--text);text-decoration:none;background:none;border:none;font-size:.9rem;cursor:pointer}.dropdown-menu a[data-v-aabaa823]:hover,.dropdown-item[data-v-aabaa823]:hover,.dropdown-menu a.router-link-active[data-v-aabaa823]{background:var(--border)}.dropdown-item[data-v-aabaa823]{color:var(--danger)}.main[data-v-aabaa823]{flex:1;min-height:0;padding:1.5rem 0;display:flex;flex-direction:column;align-items:stretch}.main.main--home[data-v-aabaa823]{padding:3px 0;background:var(--home-page-bg)}.main.main--message-route[data-v-aabaa823]{padding-top:0}.footer[data-v-aabaa823]{text-align:center;padding:1rem;font-size:.85rem;color:var(--text-muted);border-top:1px solid var(--border)}.footer a[data-v-aabaa823]{color:var(--text-muted);text-decoration:none}.footer a[data-v-aabaa823]:hover{color:var(--primary)}.nav-text-btn[data-v-aabaa823]{padding:0;border:none;background:none;font:inherit;color:var(--text-muted);cursor:pointer}.nav-text-btn[data-v-aabaa823]:hover{color:var(--text)}.channel-browse-overlay[data-v-aabaa823]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;background:#00000073;display:flex;align-items:flex-end;justify-content:center;padding:1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom,0px));box-sizing:border-box}@media (min-width: 600px){.channel-browse-overlay[data-v-aabaa823]{align-items:center}}.channel-browse-modal[data-v-aabaa823]{width:100%;max-width:420px;max-height:min(70vh,520px);display:flex;flex-direction:column;padding:0;overflow:hidden;margin:0 auto;background:var(--surface);color:var(--text)}.channel-browse-head[data-v-aabaa823]{display:grid;grid-template-columns:2.25rem minmax(0,1fr) 2.25rem;align-items:center;gap:.35rem;padding:.75rem 1rem;border-bottom:1px solid var(--border);flex-shrink:0}.channel-browse-head-spacer[data-v-aabaa823]{width:2.25rem}.channel-browse-title[data-v-aabaa823]{margin:0;font-size:1.05rem;font-weight:600;text-align:center;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-browse-close[data-v-aabaa823]{justify-self:end;border:none;background:none;color:var(--text-muted);font-size:1.35rem;line-height:1;cursor:pointer;padding:.15rem .35rem}.channel-browse-close[data-v-aabaa823]:hover{color:var(--text)}.channel-browse-search[data-v-aabaa823]{margin:.75rem 1rem 0;padding:.45rem .65rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);font-size:.95rem;flex-shrink:0}.channel-browse-search[data-v-aabaa823]:focus{outline:none;border-color:var(--primary)}.channel-browse-loading[data-v-aabaa823]{padding:1.5rem 1rem;text-align:center;color:var(--text-muted)}.channel-browse-list[data-v-aabaa823]{list-style:none;margin:.5rem 0 0;padding:0 1rem .25rem;overflow-y:auto;flex:1;min-height:120px;width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:.5rem}.channel-browse-item-wrap[data-v-aabaa823]{list-style:none;margin:0;padding:0;width:100%}.channel-browse-item[data-v-aabaa823]{width:100%;margin:0;padding:.75rem .9rem;box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch;gap:.4rem;text-align:left;font:inherit;cursor:pointer;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--text);-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:background .15s ease,border-color .15s ease}.channel-browse-item[data-v-aabaa823]:hover{background:#ffffff0f;border-color:#ffffff1f}.channel-browse-item[data-v-aabaa823]:active{background:#ffffff17}.channel-browse-name[data-v-aabaa823]{font-weight:600;font-size:.95rem;color:var(--text);line-height:1.35;word-break:break-word}.channel-browse-meta[data-v-aabaa823]{font-size:.8rem;color:var(--text-muted);line-height:1.45;word-break:break-word}.channel-browse-badge[data-v-aabaa823]{font-size:.75rem}.channel-browse-badge.is-public[data-v-aabaa823]{color:var(--primary)}.channel-browse-badge.is-private[data-v-aabaa823]{color:var(--text-muted)}.channel-browse-description[data-v-aabaa823]{margin:0;padding-top:.15rem;font-size:.82rem;line-height:1.45;color:var(--text-muted);word-break:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.channel-browse-empty[data-v-aabaa823]{padding:1.25rem 1rem;text-align:center;color:var(--text-muted);margin:0}.channel-browse-pager[data-v-aabaa823]{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.75rem 1rem;border-top:1px solid var(--border);flex-shrink:0}.channel-browse-page-info[data-v-aabaa823]{font-size:.85rem;color:var(--text-muted);text-align:center;flex:1}.channel-browse-total[data-v-aabaa823]{display:block;font-size:.75rem;margin-top:.15rem}.channel-browse-footer[data-v-aabaa823]{padding:0 1rem .85rem;text-align:center;flex-shrink:0}.channel-browse-manage[data-v-aabaa823]{font-size:.9rem;color:var(--primary);text-decoration:none}.channel-browse-manage[data-v-aabaa823]:hover{text-decoration:underline}.channel-browse-error[data-v-aabaa823]{padding:1rem 1rem 1.25rem;margin:0;color:var(--danger);font-size:.9rem;text-align:center}.channel-content-modal[data-v-aabaa823]{width:100%;max-width:480px;max-height:70vh;display:flex;flex-direction:column;border-radius:16px 16px 0 0;overflow:hidden;margin:0 auto;background:var(--surface);color:var(--text)}@media (min-width: 600px){.channel-content-modal[data-v-aabaa823]{border-radius:var(--radius)}}.channel-content-modal-header[data-v-aabaa823]{flex-shrink:0;display:grid;grid-template-columns:2.25rem minmax(0,1fr) 2.25rem;align-items:center;gap:.35rem;padding:1rem;border-bottom:1px solid var(--border)}.channel-content-modal-back[data-v-aabaa823]{justify-self:start;width:2.25rem;padding:.15rem 0;border:none;background:none;color:var(--text-muted);font-size:1.15rem;line-height:1;cursor:pointer}.channel-content-modal-back[data-v-aabaa823]:hover{color:var(--text)}.channel-content-modal-title[data-v-aabaa823]{font-size:1rem;font-weight:500;text-align:center;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-content-modal-close[data-v-aabaa823]{justify-self:end;border:none;background:none;color:var(--text-muted);font-size:1.35rem;line-height:1;cursor:pointer;padding:.15rem .35rem}.channel-content-modal-close[data-v-aabaa823]:hover{color:var(--text)}.channel-content-modal-body[data-v-aabaa823]{flex:1;min-height:0;overflow-y:auto;padding:.5rem 1rem 1rem}.channel-content-post-list[data-v-aabaa823]{list-style:none;margin:0;padding:0}.channel-content-post-item[data-v-aabaa823]{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;border-bottom:1px solid var(--border);cursor:pointer}.channel-content-post-item[data-v-aabaa823]:last-child{border-bottom:none}.channel-content-post-item[data-v-aabaa823]:hover{background:#ffffff0d}.channel-content-post-thumb[data-v-aabaa823]{flex-shrink:0;width:80px;height:60px;border-radius:6px;overflow:hidden;background:var(--bg);display:flex;align-items:center;justify-content:center}.channel-content-post-thumb img[data-v-aabaa823]{width:100%;height:100%;object-fit:cover}.channel-content-post-audio[data-v-aabaa823]{font-size:1.5rem}.channel-content-post-info[data-v-aabaa823]{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.channel-content-post-title[data-v-aabaa823]{font-size:.95rem;font-weight:500;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.channel-content-post-meta[data-v-aabaa823]{font-size:.8rem;color:var(--text-muted)}:root{--bg: #0f0f12;--surface: #18181d;--border: #2a2a32;--text: #e4e4e7;--text-muted: #a1a1aa;--primary: #7c3aed;--primary-rgb: 124, 58, 237;--primary-hover: #8b5cf6;--danger: #ef4444;--radius: 12px;--font: system-ui, -apple-system, "Segoe UI", "Microsoft YaHei", sans-serif;--home-page-bg: #ffffff;--home-card-border: rgba(0, 0, 0, .08)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh}#app{min-height:100vh}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-hover);text-decoration:underline}input,textarea,button{font-family:inherit;font-size:1rem}button{cursor:pointer;border:none;border-radius:var(--radius)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.6rem 1.2rem;font-weight:500;border-radius:var(--radius);transition:background .2s,color .2s}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-ghost:hover{background:var(--surface);color:var(--text)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.35rem;color:var(--text-muted);font-size:.9rem}.form-group input,.form-group textarea{width:100%;padding:.6rem .75rem;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary)}.form-group textarea{min-height:100px;resize:vertical}.error-msg{color:var(--danger);font-size:.875rem;margin-top:.25rem}.container{max-width:720px;margin:0 auto;padding:0 1rem}.time-ago{color:var(--text-muted);font-size:.85rem}