.toast-container[data-v-9ab3b6fc]{position:fixed;top:var(--space-4);right:var(--space-4);z-index:2000;display:flex;flex-direction:column;gap:var(--space-2);pointer-events:none}.toast-item[data-v-9ab3b6fc]{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:var(--text-sm);pointer-events:auto;min-width:280px;max-width:420px}.toast-success[data-v-9ab3b6fc]{background:var(--color-success-bg, rgba(34, 197, 94, .08));color:var(--color-success);border:1px solid var(--color-success)}.toast-error[data-v-9ab3b6fc]{background:var(--color-error-bg, rgba(239, 68, 68, .08));color:var(--color-error);border:1px solid var(--color-error)}.toast-info[data-v-9ab3b6fc]{background:var(--color-info-bg, rgba(59, 130, 246, .08));color:var(--color-info);border:1px solid var(--color-info)}.toast-icon[data-v-9ab3b6fc]{font-size:var(--text-base);flex-shrink:0}.toast-message[data-v-9ab3b6fc]{flex:1;color:var(--text-primary)}.toast-close[data-v-9ab3b6fc]{background:none;border:none;cursor:pointer;font-size:var(--text-lg);color:var(--text-tertiary);padding:0;line-height:1;flex-shrink:0}.toast-close[data-v-9ab3b6fc]:hover{color:var(--text-primary)}.toast-enter-active[data-v-9ab3b6fc],.toast-leave-active[data-v-9ab3b6fc]{transition:all var(--duration-normal) var(--easing-default)}.toast-enter-from[data-v-9ab3b6fc],.toast-leave-to[data-v-9ab3b6fc]{opacity:0;transform:translate(100%)}.vue-recycle-scroller__resize-observer[data-v-08cc04ab]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;z-index:-1}.vue-recycle-scroller{position:relative}.vue-recycle-scroller.direction-vertical:not(.page-mode){overflow-y:auto}.vue-recycle-scroller.direction-horizontal:not(.page-mode){overflow-x:auto}.vue-recycle-scroller.grid-mode:not(.page-mode){overflow:auto}.vue-recycle-scroller.direction-horizontal{display:flex}.vue-recycle-scroller__slot{flex:auto 0 0}.vue-recycle-scroller__item-wrapper{flex:1;box-sizing:border-box;overflow:hidden;position:relative}.vue-recycle-scroller.ready .vue-recycle-scroller__item-view{position:absolute;top:0;left:0;will-change:transform}.vue-recycle-scroller.direction-vertical .vue-recycle-scroller__item-wrapper{width:100%}.vue-recycle-scroller.direction-horizontal .vue-recycle-scroller__item-wrapper{height:100%}.vue-recycle-scroller.ready.direction-vertical .vue-recycle-scroller__item-view{width:100%}.vue-recycle-scroller.ready.direction-horizontal .vue-recycle-scroller__item-view{height:100%}:root{--bg-root: #FEFBF7;--bg-surface: #FFFFFF;--bg-hover: #FAFAF9;--bg-active: #F5F3F0;--color-primary: #3B6CE6;--color-primary-hover: #2D5AD4;--color-primary-pressed: #1F48B8;--color-primary-50: rgba(59, 108, 230, .08);--color-primary-100: rgba(59, 108, 230, .15);--color-primary-200: rgba(59, 108, 230, .3);--color-success: #22C55E;--color-success-bg: rgba(34, 197, 94, .08);--color-warning: #F59E0B;--color-warning-bg: rgba(245, 158, 11, .08);--color-error: #EF4444;--color-error-bg: rgba(239, 68, 68, .08);--color-error-text: #991B1B;--color-info: #3B82F6;--color-info-bg: rgba(59, 130, 246, .08);--gray-50: #FAFAF9;--gray-100: #F5F3F0;--gray-200: #E8E4DE;--gray-300: #D4CFC7;--gray-400: #A8A097;--gray-500: #7C756D;--gray-600: #59534B;--gray-700: #3D3831;--gray-800: #24201B;--gray-900: #12100D;--font-sans: "Inter", "PingFang SC", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Consolas", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-primary: var(--gray-900);--text-secondary: var(--gray-600);--text-tertiary: var(--gray-500);--text-inverse: #FFFFFF;--text-link: var(--color-primary);--text-disabled: var(--gray-400);--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--border-light: var(--gray-200);--border-default: var(--gray-300);--border-focus: var(--color-primary);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .06), 0 2px 4px rgba(0, 0, 0, .04);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .08), 0 4px 8px rgba(0, 0, 0, .04);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .1), 0 8px 16px rgba(0, 0, 0, .04);--duration-instant: .1s;--duration-fast: .2s;--duration-normal: .3s;--duration-slow: .5s;--easing-default: cubic-bezier(.4, 0, .2, 1);--easing-in: cubic-bezier(.4, 0, 1, 1);--easing-out: cubic-bezier(0, 0, .2, 1);--easing-bounce: cubic-bezier(.34, 1.56, .64, 1);--transition-bg: background-color var(--duration-fast) var(--easing-default);--transition-shadow: box-shadow var(--duration-normal) var(--easing-default);--transition-transform: transform var(--duration-normal) var(--easing-default);--transition-opacity: opacity var(--duration-normal) var(--easing-default);--transition-color: color var(--duration-fast) var(--easing-default);--transition-border: border-color var(--duration-fast) var(--easing-default);--topbar-height: 56px;--audio-player-height: 64px;--speaker-panel-width: 240px;--max-content-width: 1200px;--text-display: 2.25rem;--text-4xl: 2rem;--text-caption: .6875rem;--leading-none: 1;--leading-snug: 1.375;--weight-light: 300;--weight-extrabold: 800;--space-0_5: 2px;--space-1_5: 6px;--space-7: 28px;--space-9: 36px;--space-11: 44px;--space-14: 56px;--space-20: 80px;--space-24: 96px;--radius-xs: 2px;--radius-2xl: 24px;--shadow-inset: inset 0 1px 2px rgba(0, 0, 0, .04);--duration-slower: .8s;--transition-all: all var(--duration-normal) var(--easing-default);--transition-btn: background-color var(--duration-fast) var(--easing-default), transform var(--duration-instant) var(--easing-default), box-shadow var(--duration-fast) var(--easing-default);--transition-card: transform var(--duration-normal) var(--easing-default), box-shadow var(--duration-normal) var(--easing-default);--tag-blue: #3B82F6;--tag-green: #22C55E;--tag-orange: #F59E0B;--tag-purple: #8B5CF6;--tag-pink: #EC4899;--tag-teal: #14B8A6;--tag-red: #EF4444;--tag-indigo: #6366F1}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{line-height:var(--leading-normal)}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}table{border-collapse:collapse}h1,h2,h3,h4,h5,h6{font-weight:var(--weight-semibold);line-height:var(--leading-tight)}.page-enter-active,.page-leave-active{transition:opacity var(--duration-normal) var(--easing-default),transform var(--duration-normal) var(--easing-default)}.page-enter-from{opacity:0;transform:translateY(8px)}.page-leave-to{opacity:0;transform:translateY(-8px)}@keyframes step-pulse{0%,to{box-shadow:0 0 #3b6ce666}50%{box-shadow:0 0 0 8px #3b6ce600}}.step-pulse{animation:step-pulse 1.5s ease-in-out infinite}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}.fade-enter-active,.fade-leave-active{transition:opacity var(--duration-fast) var(--easing-default)}.fade-enter-from,.fade-leave-to{opacity:0}.list-enter-active,.list-leave-active{transition:opacity var(--duration-fast) var(--easing-default),transform var(--duration-fast) var(--easing-default)}.list-enter-from,.list-leave-to{opacity:0;transform:translate(-8px)}body{background-color:var(--bg-root);font-family:var(--font-sans);color:var(--text-primary);font-size:var(--text-base);line-height:var(--leading-normal)}#app{min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;border-radius:var(--radius-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-weight:var(--weight-medium);font-size:var(--text-sm);cursor:pointer;border:none;transition:var(--transition-base);text-decoration:none}.btn-primary{background:var(--color-primary);color:var(--text-inverse)}.btn-primary:hover{background:var(--color-primary-hover, #2D54C4);box-shadow:var(--shadow-sm)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--gray-100);color:var(--color-primary)}.btn-danger{background:transparent;color:var(--color-error, #991B1B)}.btn-danger:hover{background:var(--color-error-bg, #FEF2F2)}.btn-sm{padding:var(--space-1) var(--space-2);font-size:var(--text-xs)}.btn-lg{padding:var(--space-3) var(--space-8);font-size:var(--text-base)}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}button:active:not(:disabled),[role=button]:active:not(:disabled),.btn:active:not(:disabled),a.btn:active:not(:disabled){transform:scale(.97);transition:transform .1s var(--easing-default, ease-out)}.btn.is-loading{position:relative;color:transparent!important;pointer-events:none}.btn.is-loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:btn-spinner .6s linear infinite}@keyframes btn-spinner{to{transform:rotate(360deg)}}.speaker-dot{display:inline-block;width:8px;height:8px;border-radius:9999px;margin-right:4px;vertical-align:middle;flex-shrink:0}