.toast-host[data-v-f01506af]{position:fixed;top:calc(env(safe-area-inset-top,0px) + 64px);left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);z-index:2000;pointer-events:none}.toast[data-v-f01506af]{max-width:80%;display:flex;align-items:center;gap:var(--sp-2);padding:10px 18px;border-radius:var(--r-pill);background:var(--c-toast-bg);color:var(--c-text-on-brand);font-size:var(--fs-sm);line-height:1.4;box-shadow:var(--shadow-pop);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.toast-icon[data-v-f01506af]{width:18px;height:18px;border-radius:var(--r-pill);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex:none}.is-success .toast-icon[data-v-f01506af]{background:var(--c-success)}.is-error .toast-icon[data-v-f01506af]{background:var(--c-danger)}.toast-enter-active[data-v-f01506af],.toast-leave-active[data-v-f01506af]{transition:all var(--dur-mid) var(--ease-spring)}.toast-enter-from[data-v-f01506af],.toast-leave-to[data-v-f01506af]{opacity:0;transform:translateY(-12px) scale(.92)}:root{--c-primary: #6a8dff;--c-primary-strong: #5a78e8;--c-primary-soft: #eef1ff;--c-accent: #9a7bf8;--grad-brand: linear-gradient(135deg, #6a8dff 0%, #9a7bf8 100%);--grad-brand-deep: linear-gradient(150deg, #5d7ff5 0%, #8d68f0 100%);--grad-bubble-self: linear-gradient(135deg, #7a97ff 0%, #a48bf7 100%);--grad-aurora: radial-gradient(120% 90% at 10% 0%, #dfe7ff 0%, rgba(223, 231, 255, 0) 55%), radial-gradient(120% 80% at 100% 0%, #efe6ff 0%, rgba(239, 230, 255, 0) 50%);--c-bg: #f3f4f8;--c-bg-elevated: #ffffff;--c-bg-sunken: #eef0f6;--c-chat-bg: #f2f3f7;--c-divider: rgba(31, 36, 48, .07);--c-text: #1f2430;--c-text-secondary: #6b7185;--c-text-tertiary: #a0a5b5;--c-text-on-brand: #ffffff;--c-on-brand-88: rgba(255, 255, 255, .88);--c-on-brand-75: rgba(255, 255, 255, .75);--c-text-bubble-self: #ffffff;--c-text-bubble-peer: #2a2f3d;--c-bubble-peer: #ffffff;--bubble-radius: 18px;--c-voice-pill-peer: #eceff7;--c-voice-pill-self: rgba(255, 255, 255, .22);--c-tick-self: rgba(255, 255, 255, .88);--c-tick-read: #c4d4ff;--c-recall-pill: rgba(31, 36, 48, .08);--c-input-bar: #ffffff;--c-input-field: #f1f2f7;--c-panel-icon: #69738f;--c-recording-card: rgba(20, 24, 38, .82);--c-recording-cancel: rgba(255, 92, 108, .9);--c-previewer-bg: rgba(12, 14, 24, .96);--c-on-brand-55: rgba(255, 255, 255, .55);--c-success: #34d399;--c-success-soft: rgba(53, 208, 154, .14);--c-success-text: #129b6e;--c-warning: #fbbf24;--c-warning-soft: #fff4e5;--c-warning-text: #e8920c;--c-danger: #ff5c6c;--c-danger-soft: #fff0f2;--c-badge: #ff4d5f;--c-search-mark-bg: #fde3a3;--c-search-hit-flash: rgba(251, 191, 36, .45);--c-wechat: #07c160;--c-wechat-press: #06ad56;--c-avatar-sheen: rgba(255, 255, 255, .25);--c-badge-glow: rgba(255, 77, 95, .35);--c-toast-bg: rgba(31, 36, 48, .88);--c-pinned-tint: linear-gradient(180deg, rgba(106, 141, 255, .05), rgba(154, 123, 248, .03));--c-login-dot-a: #7a97ff;--c-login-dot-b: #a48bf7;--c-login-glow-white: rgba(255, 255, 255, .28);--c-login-glow-pink: rgba(255, 214, 235, .25);--c-login-glow-blue: rgba(150, 200, 255, .3);--c-login-field: rgba(255, 255, 255, .18);--c-login-shadow: rgba(60, 50, 140, .25);--c-login-ring: rgba(106, 141, 255, .3);--c-mask: rgba(20, 24, 38, .45);--c-online: #35d09a;--c-offline: #c4c8d4;--r-xs: 8px;--r-sm: 12px;--r-md: 16px;--r-lg: 22px;--r-pill: 999px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--fs-xs: 11px;--fs-sm: 13px;--fs-md: 15px;--fs-lg: 17px;--fs-xl: 20px;--fs-xxl: 26px;--shadow-card: 0 2px 12px rgba(58, 67, 102, .06);--shadow-float: 0 8px 28px rgba(82, 95, 160, .22);--shadow-pop: 0 12px 40px rgba(40, 46, 80, .18);--shadow-brand: 0 8px 20px rgba(106, 120, 245, .35);--shadow-logo: 0 12px 30px rgba(60, 50, 140, .25);--grad-chat-aurora: radial-gradient(120% 60% at 0% 0%, rgba(223, 231, 255, .5), transparent 60%), radial-gradient(120% 60% at 100% 0%, rgba(239, 230, 255, .45), transparent 55%);--grad-login-aurora: radial-gradient(70% 45% at 15% 8%, rgba(255, 255, 255, .28), transparent 60%), radial-gradient(80% 50% at 95% 30%, rgba(255, 214, 235, .25), transparent 60%), radial-gradient(60% 40% at 50% 100%, rgba(150, 200, 255, .3), transparent 65%);--c-brand-chip: rgba(255, 255, 255, .18);--header-h: 52px;--tabbar-safe-bottom: env(safe-area-inset-bottom, 0px);--touch-min: 44px;--ease-out: cubic-bezier(.22, .8, .32, 1);--ease-spring: cubic-bezier(.34, 1.3, .5, 1);--dur-fast: .16s;--dur-mid: .26s}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{height:100%}html{--app-h: 100vh;--app-h: 100dvh}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:var(--fs-md);color:var(--c-text);background:var(--c-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior:none}#app{height:var(--app-h);overflow:hidden}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{border:none;background:none;font:inherit;color:inherit;cursor:pointer}input,textarea{border:none;outline:none;font:inherit;color:inherit;background:none;resize:none}img{display:block;max-width:100%}.app-no-select{-webkit-user-select:none;user-select:none}.selectable{-webkit-user-select:text;user-select:text}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ellipsis-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.page-enter-active,.page-leave-active{transition:opacity var(--dur-mid) var(--ease-out),transform var(--dur-mid) var(--ease-out)}.page-enter-from{opacity:0;transform:translate(24px)}.page-leave-to{opacity:0;transform:translate(-12px)}.pop-enter-active{transition:all var(--dur-mid) var(--ease-spring)}.pop-leave-active{transition:all var(--dur-fast) var(--ease-out)}.pop-enter-from,.pop-leave-to{opacity:0;transform:translateY(24px) scale(.98)}.fade-enter-active,.fade-leave-active{transition:opacity var(--dur-fast) var(--ease-out)}.fade-enter-from,.fade-leave-to{opacity:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes msg-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes highlight-flash{0%,to{background-color:transparent}30%,70%{background-color:var(--c-search-hit-flash)}}::-webkit-scrollbar{width:0;height:0}