:root{--color-bg: #f5f5f7;--color-surface: rgba(255, 255, 255, .72);--color-surface-solid: #ffffff;--color-text: #1d1d1f;--color-text-secondary: #6e6e73;--color-text-tertiary: #a1a1a6;--color-border: rgba(0, 0, 0, .06);--color-accent: #007aff;--color-accent-hover: #0066d6;--color-bubble-self: #007aff;--color-bubble-other: #ffffff;--color-danger: #ff3b30;--color-separator: rgba(60, 60, 67, .12);--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Helvetica Neue", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--radius-pill: 999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .03);--shadow-md: 0 4px 16px rgba(0, 0, 0, .06), 0 1px 4px rgba(0, 0, 0, .04);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .08), 0 4px 12px rgba(0, 0, 0, .04);--blur-bg: rgba(255, 255, 255, .72);--blur: saturate(180%) blur(20px);--ease: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-base: .25s;--header-h: 56px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}@media (prefers-color-scheme: dark){:root{--color-bg: #000000;--color-surface: rgba(28, 28, 30, .72);--color-surface-solid: #1c1c1e;--color-text: #f5f5f7;--color-text-secondary: #98989d;--color-text-tertiary: #636366;--color-border: rgba(255, 255, 255, .08);--color-bubble-other: #2c2c2e;--color-separator: rgba(84, 84, 88, .65);--blur-bg: rgba(28, 28, 30, .72);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .5)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%;width:100%}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.5;letter-spacing:-.01em;overscroll-behavior:none}#app{display:flex;flex-direction:column}button{font-family:inherit;font-size:inherit;border:none;background:none;cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent;transition:opacity var(--duration-fast) var(--ease)}button:active{opacity:.7}input,textarea{font-family:inherit;font-size:inherit;border:none;outline:none;background:none;color:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}a{color:var(--color-accent);text-decoration:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 20px;border-radius:var(--radius-pill);background:var(--color-accent);color:#fff;font-weight:500;font-size:15px;min-height:44px;transition:background var(--duration-fast) var(--ease),transform var(--duration-fast) var(--ease)}.btn:hover{background:var(--color-accent-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-surface-solid)}.input{width:100%;padding:12px 16px;border-radius:var(--radius-md);background:var(--color-surface-solid);border:1px solid var(--color-border);min-height:44px;transition:border-color var(--duration-fast) var(--ease)}.input:focus{border-color:var(--color-accent)}.card{background:var(--color-surface-solid);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.glass-bar{background:var(--blur-bg);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border-bottom:.5px solid var(--color-separator)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-text-tertiary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.fade-enter-active,.fade-leave-active{transition:opacity var(--duration-base) var(--ease)}.fade-enter-from,.fade-leave-to{opacity:0}