#app{width:100%;height:100vh;overflow-x:hidden;overflow-y:auto;background:#f8fafc}#app::-webkit-scrollbar{width:8px}#app::-webkit-scrollbar-track{background:transparent}#app::-webkit-scrollbar-thumb{background:#0000001a;border-radius:4px}#app::-webkit-scrollbar-thumb:hover{background:#0003}:root{--color-primary: #4E67FF;--color-primary-dark: #3B52E0;--color-primary-light: rgba(78, 103, 255, .1);--color-primary-rgb: 78, 103, 255;--color-secondary: #C569FF;--color-secondary-dark: #A855F7;--color-accent: #FF9500;--color-accent-dark: #E08600;--gradient-brand: linear-gradient(-90deg, #4E67FF, #C569FF);--color-bg: #F8FAFC;--color-card: #FFFFFF;--color-card-soft: rgba(255, 255, 255, .95);--color-border: #E8E8E8;--color-border-light: #F0F4F7;--color-border-strong: #C3D4E6;--color-text: #333333;--color-text-secondary: #666666;--color-text-muted: #999999;--color-text-on-primary: #FFFFFF;--color-success: #10b981;--color-success-dark: #059669;--color-success-bg: rgba(16, 185, 129, .1);--color-warning: #f59e0b;--color-warning-bg: rgba(245, 158, 11, .1);--color-error: #ef4444;--color-error-dark: #dc2626;--color-error-bg: rgba(239, 68, 68, .08);--color-info: #3b82f6;--color-info-bg: rgba(59, 130, 246, .1);--color-primary-bg: var(--color-primary-light);--color-overlay: rgba(0, 0, 0, .5);--color-overlay-strong: rgba(0, 0, 0, .6);--color-overlay-light: rgba(0, 0, 0, .25);--color-surface-hover: #f5f7fa;--color-gold: #FF781E;--color-text-label: #606380;--color-wechat: #07c160;--color-danger-hover-bg: #fef0f0;--gradient-feature-game: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-feature-image: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-feature-music: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-feature-video: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);--gradient-feature-learn: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-feature-works: linear-gradient(135deg, #30cfd0 0%, #330867 100%);--color-accent-hover: #e68600;--color-purple-bg: #F9F3FF;--color-purple-text: #7B5AA6;--color-gradient-fade: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);--border-width: 1px;--border-radius-xs: 4px;--border-radius-sm: 8px;--border-radius: 12px;--border-radius-lg: 16px;--border-radius-xl: 20px;--border-radius-full: 999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow: 0 2px 8px rgba(0, 0, 0, .1);--shadow-md: 0 4px 16px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .15);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .15);--shadow-brand: 0 8px 20px rgba(78, 103, 255, .3);--shadow-soft: var(--shadow);--shadow-strong: var(--shadow-lg);--font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", "Helvetica Neue", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 3rem;--font-weight-normal: 500;--font-weight-bold: 700;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--transition-fast: .15s ease;--transition-normal: .22s ease;--transition-slow: .32s ease;--music-player-bg: #1a1a2e;--music-player-bg-end: #16213e;--music-player-text: #eee;--music-player-muted: #aaa;--music-lyrics-active: var(--color-primary);--music-lyrics-active-bg: var(--color-card-soft);--music-lyrics-tag-color: var(--color-primary);--music-lyrics-tag-bg: var(--color-primary-light);--music-section-verse: #4ecdc4;--music-section-chorus: #ff6b6b;--music-section-bridge: #ffd93d;--music-section-interlude: #667eea;--upload-area-border: 2px dashed var(--color-border);--upload-area-active-border: 2px dashed var(--color-primary);--upload-area-height: 300px;--story-grid-gap: var(--spacing-md);--story-grid-cols: 2;--story-card-radius: var(--border-radius-sm);--story-card-overlay-bg: rgba(0, 0, 0, .6);--learn-card-radius: 12px;--learn-card-concept: #3b82f6;--learn-card-concept-bg: rgba(59, 130, 246, .1);--learn-card-example: #10b981;--learn-card-example-bg: rgba(16, 185, 129, .1);--learn-card-quiz: #f59e0b;--learn-card-quiz-bg: rgba(245, 158, 11, .1);--learn-dialogue-bubble: #f1f5f9;--learn-progress-height: 4px;--learn-progress-radius: 2px;--learn-transition-duration: .3s;--learn-ken-burns-duration: 5s;--learn-ken-burns-scale: 1.15;--learn-player-bg: #111827}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{width:100%;min-height:100%}html{scroll-behavior:smooth;scrollbar-gutter:auto}body::-webkit-scrollbar{width:8px}body::-webkit-scrollbar-track{background:transparent}body::-webkit-scrollbar-thumb{background:transparent}body:hover::-webkit-scrollbar-thumb{background:#0003;border-radius:4px}body{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);color:var(--color-text);line-height:1.6;background-color:#f8fafc;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit}button,input,textarea,select{font:inherit}.surface-card{background:var(--color-card);border:1px solid var(--color-border-light);border-radius:var(--border-radius-lg);padding:24px;transition:all .3s ease}.surface-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow)}.brand-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;border-radius:var(--border-radius);font-weight:600;font-size:var(--font-size-sm);text-decoration:none;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.brand-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.brand-button--sm{padding:6px 14px;font-size:var(--font-size-xs)}.brand-button--primary{color:#fff;background:var(--gradient-brand);border:none}.brand-button--primary:hover{opacity:.9;transform:translateY(-2px);box-shadow:var(--shadow-brand)}.brand-button--ghost{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border)}.brand-button--ghost:hover{border-color:var(--color-primary);color:var(--color-primary)}.brutal-input{width:100%;border:1px solid var(--color-border);border-radius:var(--border-radius);background:#fff;color:var(--color-text);padding:12px 16px;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.brutal-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}.brutal-input::placeholder{color:var(--color-text-muted)}.empty-panel{padding:3rem 2rem;text-align:center;color:var(--color-text-muted)}.empty-panel__icon{width:4.5rem;height:4.5rem;margin:0 auto 1rem;border-radius:var(--border-radius-lg);display:grid;place-items:center;color:var(--color-primary);background:var(--color-primary-light);font-size:2rem}.empty-panel__icon svg{width:2rem;height:2rem}.empty-panel h4{font-size:1.2rem;margin-bottom:.35rem;color:var(--color-text)}.empty-panel p{color:var(--color-text-secondary)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.section-heading h2,.section-heading h3{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--color-text)}.section-heading p,.section-heading span{color:var(--color-text-secondary)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.stat-card{background:var(--color-card);border:1px solid var(--color-border-light);border-radius:var(--border-radius);padding:20px}.stat-card strong{display:block;margin-top:.45rem;font-size:var(--font-size-xl);font-weight:700;color:var(--color-text);letter-spacing:-.03em}.stat-card span{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.animate-bounce-in{animation:bounce-in .5s cubic-bezier(.2,.9,.2,1)}@keyframes bounce-in{0%{transform:translateY(18px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.el-overlay{background:var(--color-overlay)!important}.el-message,.el-message-box{border:1px solid var(--color-border-light)!important;box-shadow:var(--shadow-lg)!important;border-radius:var(--border-radius)!important;font-family:var(--font-family)!important}.el-message-box__btns .el-button--primary{background:var(--gradient-brand)!important;border:0!important}.el-message-box__btns .el-button--default{border-color:var(--color-border)!important}.el-input__wrapper,.el-textarea__inner{border-radius:var(--border-radius)!important;box-shadow:none!important}.save-dialog .tags-section{margin-bottom:16px}.save-dialog .tags-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.save-dialog .tag-selectable{cursor:pointer;border:1px solid rgba(148,163,184,.3);font-size:13px;font-weight:700;padding:7px 14px;border-radius:999px;background:#f1f5f9b3;color:var(--color-text-secondary);transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease}.save-dialog .tag-selectable:hover{border-color:#6366f173;background:#6366f114;color:var(--color-text)}.save-dialog .tag-selectable.badge--info{background:var(--color-primary, #6366f1);border-color:var(--color-primary, #6366f1);color:#fff;box-shadow:0 4px 12px #6366f147}.save-dialog .tag-selectable.badge--info:hover{background:var(--color-secondary, #7c3aed);border-color:var(--color-secondary, #7c3aed);color:#fff}.save-dialog .tag-icon{font-size:13px}.save-dialog .form-hint{font-size:12px;color:var(--color-text-muted);margin:4px 0 0}.save-dialog .publish-option{padding:16px;background:linear-gradient(135deg,#10b9811a,#06b6d41a);border:1px solid rgba(16,185,129,.16);border-radius:18px}.save-dialog .toggle-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer}.save-dialog .toggle-input{display:none}.save-dialog .toggle-switch{width:48px;height:26px;background:#ffffffe6;border:1px solid rgba(148,163,184,.22);border-radius:13px;position:relative;flex-shrink:0;transition:all .3s ease}.save-dialog .toggle-slider{width:18px;height:18px;background:var(--color-text-secondary, #a0a0a0);border-radius:50%;position:absolute;top:2px;left:2px;transition:all .3s ease}.save-dialog .toggle-input:checked+.toggle-switch{background:var(--color-success, #10b981);border-color:var(--color-success, #10b981)}.save-dialog .toggle-input:checked+.toggle-switch .toggle-slider{left:24px;background:#fff}.save-dialog .toggle-content{flex:1}.save-dialog .toggle-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--color-text);margin-bottom:4px}.save-dialog .toggle-title svg{width:18px;height:18px;color:var(--color-success, #10b981)}.save-dialog .toggle-hint{font-size:12px;color:var(--color-text-muted)}.chat-message__narrative{margin-bottom:8px;font-size:13px;line-height:1.5}.narrative-entry{margin-bottom:4px}.narrative-entry--text{color:#6b7280}.narrative-entry--action{display:flex;align-items:center;gap:4px;color:#374151}.narrative-spinner{animation:narrative-spin 1s linear infinite;display:inline-block}@keyframes narrative-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.narrative-check{color:#10b981}.narrative-cross{color:#ef4444}.narrative-screenshot{margin:8px 0}.narrative-image{max-width:100%;max-height:200px;border-radius:8px;border:1px solid #E5E7EB}.narrative-time{font-size:11px;color:#9ca3af;margin-top:4px}.narrative-error{display:flex;align-items:center;gap:4px;color:#dc2626;margin-top:4px}.narrative-task-list{margin:8px 0;padding:8px 12px;background:#f9fafb;border-radius:8px;display:flex;flex-direction:column;gap:4px}.task-item{display:flex;align-items:center;gap:6px;font-size:13px;padding:2px 0}.task-item--completed{color:#10b981}.task-item--in_progress{color:#f59e0b}.task-item--pending{color:#6b7280}.narrative-check-result{display:flex;flex-direction:column;gap:4px;margin:8px 0;padding:8px 12px;background:#f9fafb;border-radius:8px;font-size:13px}.check-status{font-weight:500}.check-pass{color:#10b981}.check-fail,.check-errors{color:#dc2626}.check-warnings{color:#f59e0b}[data-app-theme=pink-cute]{--color-primary: #FF8FAB;--color-primary-dark: #E57A99;--color-primary-rgb: 255, 143, 171;--color-secondary: #FF6B9D;--color-secondary-dark: #E5527F;--color-accent: #FFB6C1;--color-accent-dark: #FF9AAF;--color-bg: #FFF5F8;--color-card: #FFFFFF;--color-card-soft: rgba(255, 255, 255, .85);--color-border: #FFD0DC;--color-border-strong: #FFB6C8;--color-text: #5C3D4E;--color-text-secondary: #9B7A8A;--color-text-muted: #C4A0AD;--color-success: #4ADE80;--color-success-dark: #22C55E;--color-success-bg: rgba(74, 222, 128, .1);--color-warning: #FBBF24;--color-warning-bg: rgba(251, 191, 36, .1);--color-error: #F87171;--color-error-dark: #EF4444;--color-error-bg: rgba(248, 113, 113, .08);--color-info: #60A5FA;--color-info-bg: rgba(96, 165, 250, .1);--color-primary-bg: rgba(255, 143, 171, .08);--color-text-on-primary: #FFFFFF;--color-overlay: rgba(92, 61, 78, .48);--color-overlay-strong: rgba(0, 0, 0, .6);--color-overlay-light: rgba(0, 0, 0, .25);--color-surface-hover: rgba(255, 255, 255, .95);--border-width: 1px;--border-radius: 16px;--border-radius-sm: 12px;--border-radius-lg: 20px;--shadow-soft: 0 2px 12px rgba(255, 143, 171, .12);--shadow-strong: 0 4px 20px rgba(255, 143, 171, .18);--shadow-color: rgba(255, 143, 171, .15);--font-family: "Nunito", -apple-system, BlinkMacSystemFont, sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 15px;--font-size-lg: 17px;--font-size-xl: 22px;--font-size-2xl: 28px;--font-size-3xl: 36px;--font-weight-normal: 500;--font-weight-bold: 700;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--transition-fast: .15s ease;--transition-normal: .22s ease;--transition-slow: .32s ease;--tab-radius: 12px;--tab-active-shadow: 0 2px 8px rgba(255, 143, 171, .2);--chat-bubble-radius: 16px;--chat-user-bg: #FF8FAB;--chat-user-radius: 16px 16px 4px 16px;--chat-ai-radius: 16px 16px 16px 4px;--music-player-bg: #FFF0F5;--music-player-text: #5C3D4E;--music-lyrics-active: #FF8FAB;--learn-card-radius: 12px;--learn-player-bg: #FFF5F8;--story-grid-gap: 12px;--story-card-radius: 12px;--story-card-overlay-bg: rgba(92, 61, 78, .5);--upload-area-border: #FFD0DC;--upload-area-active-border: #FF8FAB;--el-color-primary: #FF8FAB;--el-color-primary-light-3: #FFB6C8;--el-color-primary-light-5: #FFD0DC;--el-color-primary-light-7: #FFE4EC;--el-color-primary-light-9: #FFF0F5;--el-color-primary-dark-2: #E57A99}[data-app-theme=ocean-fresh]{--color-primary: #38BDF8;--color-primary-dark: #0EA5E9;--color-primary-rgb: 56, 189, 248;--color-secondary: #06B6D4;--color-secondary-dark: #0891B2;--color-accent: #67E8F9;--color-accent-dark: #22D3EE;--color-bg: #F0F9FF;--color-card: #FFFFFF;--color-card-soft: rgba(255, 255, 255, .85);--color-border: #BAE6FD;--color-border-strong: #7DD3FC;--color-text: #0C4A6E;--color-text-secondary: #64748B;--color-text-muted: #94A3B8;--color-success: #10B981;--color-success-dark: #059669;--color-success-bg: rgba(16, 185, 129, .1);--color-warning: #F59E0B;--color-warning-bg: rgba(245, 158, 11, .1);--color-error: #EF4444;--color-error-dark: #DC2626;--color-error-bg: rgba(239, 68, 68, .08);--color-info: #3B82F6;--color-info-bg: rgba(59, 130, 246, .1);--color-primary-bg: rgba(56, 189, 248, .08);--color-text-on-primary: #FFFFFF;--color-overlay: rgba(12, 74, 110, .48);--color-overlay-strong: rgba(0, 0, 0, .6);--color-overlay-light: rgba(0, 0, 0, .25);--color-surface-hover: rgba(255, 255, 255, .95);--border-width: 1px;--border-radius: 12px;--border-radius-sm: 8px;--border-radius-lg: 16px;--shadow-soft: 0 2px 12px rgba(56, 189, 248, .1);--shadow-strong: 0 4px 20px rgba(56, 189, 248, .15);--shadow-color: rgba(56, 189, 248, .12);--font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 15px;--font-size-lg: 17px;--font-size-xl: 22px;--font-size-2xl: 28px;--font-size-3xl: 36px;--font-weight-normal: 500;--font-weight-bold: 700;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--transition-fast: .15s ease;--transition-normal: .22s ease;--transition-slow: .32s ease;--tab-radius: 10px;--tab-active-shadow: 0 2px 8px rgba(56, 189, 248, .2);--chat-bubble-radius: 12px;--chat-user-bg: #38BDF8;--chat-user-radius: 12px 12px 4px 12px;--chat-ai-radius: 12px 12px 12px 4px;--music-player-bg: #E0F2FE;--music-player-text: #0C4A6E;--music-lyrics-active: #38BDF8;--learn-card-radius: 10px;--learn-player-bg: #F0F9FF;--story-grid-gap: 12px;--story-card-radius: 10px;--story-card-overlay-bg: rgba(12, 74, 110, .5);--upload-area-border: #BAE6FD;--upload-area-active-border: #38BDF8;--el-color-primary: #38BDF8;--el-color-primary-light-3: #7DD3FC;--el-color-primary-light-5: #BAE6FD;--el-color-primary-light-7: #E0F2FE;--el-color-primary-light-9: #F0F9FF;--el-color-primary-dark-2: #0EA5E9}[data-app-theme=dreamy-purple]{--color-primary: #A78BFA;--color-primary-dark: #8B5CF6;--color-primary-rgb: 167, 139, 250;--color-secondary: #C084FC;--color-secondary-dark: #A855F7;--color-accent: #D8B4FE;--color-accent-dark: #C084FC;--color-bg: #F5F3FF;--color-card: #FFFFFF;--color-card-soft: rgba(255, 255, 255, .85);--color-border: #DDD6FE;--color-border-strong: #C4B5FD;--color-text: #3B0764;--color-text-secondary: #6B7280;--color-text-muted: #9CA3AF;--color-success: #34D399;--color-success-dark: #10B981;--color-success-bg: rgba(52, 211, 153, .1);--color-warning: #FBBF24;--color-warning-bg: rgba(251, 191, 36, .1);--color-error: #F87171;--color-error-dark: #EF4444;--color-error-bg: rgba(248, 113, 113, .08);--color-info: #818CF8;--color-info-bg: rgba(129, 140, 248, .1);--color-primary-bg: rgba(167, 139, 250, .08);--color-text-on-primary: #FFFFFF;--color-overlay: rgba(59, 7, 100, .48);--color-overlay-strong: rgba(0, 0, 0, .6);--color-overlay-light: rgba(0, 0, 0, .25);--color-surface-hover: rgba(255, 255, 255, .95);--border-width: 1px;--border-radius: 16px;--border-radius-sm: 12px;--border-radius-lg: 20px;--shadow-soft: 0 2px 12px rgba(167, 139, 250, .12);--shadow-strong: 0 4px 20px rgba(167, 139, 250, .18);--shadow-color: rgba(167, 139, 250, .15);--font-family: "Nunito", -apple-system, BlinkMacSystemFont, sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 15px;--font-size-lg: 17px;--font-size-xl: 22px;--font-size-2xl: 28px;--font-size-3xl: 36px;--font-weight-normal: 500;--font-weight-bold: 700;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--transition-fast: .15s ease;--transition-normal: .22s ease;--transition-slow: .32s ease;--tab-radius: 12px;--tab-active-shadow: 0 2px 8px rgba(167, 139, 250, .2);--chat-bubble-radius: 16px;--chat-user-bg: #A78BFA;--chat-user-radius: 16px 16px 4px 16px;--chat-ai-radius: 16px 16px 16px 4px;--music-player-bg: #EDE9FE;--music-player-text: #3B0764;--music-lyrics-active: #A78BFA;--learn-card-radius: 12px;--learn-player-bg: #F5F3FF;--story-grid-gap: 12px;--story-card-radius: 12px;--story-card-overlay-bg: rgba(59, 7, 100, .5);--upload-area-border: #DDD6FE;--upload-area-active-border: #A78BFA;--el-color-primary: #A78BFA;--el-color-primary-light-3: #C4B5FD;--el-color-primary-light-5: #DDD6FE;--el-color-primary-light-7: #EDE9FE;--el-color-primary-light-9: #F5F3FF;--el-color-primary-dark-2: #8B5CF6}[data-app-theme=candy-sweet]{--color-primary: #F472B6;--color-primary-dark: #EC4899;--color-primary-rgb: 244, 114, 182;--color-secondary: #A78BFA;--color-secondary-dark: #8B5CF6;--color-accent: #FBBF24;--color-accent-dark: #F59E0B;--color-bg: #FFF8FB;--color-card: #FFFFFF;--color-card-soft: rgba(255, 255, 255, .85);--color-border: #FBCFE8;--color-border-strong: #F9A8D4;--color-text: #4A1D6A;--color-text-secondary: #7C7C8A;--color-text-muted: #A3A3A3;--color-success: #4ADE80;--color-success-dark: #22C55E;--color-success-bg: rgba(74, 222, 128, .1);--color-warning: #FBBF24;--color-warning-bg: rgba(251, 191, 36, .1);--color-error: #FB7185;--color-error-dark: #F43F5E;--color-error-bg: rgba(251, 113, 133, .08);--color-info: #60A5FA;--color-info-bg: rgba(96, 165, 250, .1);--color-primary-bg: rgba(244, 114, 182, .08);--color-text-on-primary: #FFFFFF;--color-overlay: rgba(74, 29, 106, .48);--color-overlay-strong: rgba(0, 0, 0, .6);--color-overlay-light: rgba(0, 0, 0, .25);--color-surface-hover: rgba(255, 255, 255, .95);--border-width: 1px;--border-radius: 20px;--border-radius-sm: 14px;--border-radius-lg: 24px;--shadow-soft: 0 2px 12px rgba(244, 114, 182, .1);--shadow-strong: 0 4px 20px rgba(244, 114, 182, .15);--shadow-color: rgba(244, 114, 182, .12);--font-family: "Nunito", -apple-system, BlinkMacSystemFont, sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 15px;--font-size-lg: 17px;--font-size-xl: 22px;--font-size-2xl: 28px;--font-size-3xl: 36px;--font-weight-normal: 600;--font-weight-bold: 800;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--transition-fast: .15s ease;--transition-normal: .22s ease;--transition-slow: .32s ease;--tab-radius: 999px;--tab-active-shadow: 0 2px 8px rgba(244, 114, 182, .2);--chat-bubble-radius: 20px;--chat-user-bg: #F472B6;--chat-user-radius: 20px 20px 4px 20px;--chat-ai-radius: 20px 20px 20px 4px;--music-player-bg: #FDF2F8;--music-player-text: #4A1D6A;--music-lyrics-active: #F472B6;--learn-card-radius: 16px;--learn-player-bg: #FFF8FB;--story-grid-gap: 14px;--story-card-radius: 16px;--story-card-overlay-bg: rgba(74, 29, 106, .5);--upload-area-border: #FBCFE8;--upload-area-active-border: #F472B6;--el-color-primary: #F472B6;--el-color-primary-light-3: #F9A8D4;--el-color-primary-light-5: #FBCFE8;--el-color-primary-light-7: #FDF2F8;--el-color-primary-light-9: #FFF8FB;--el-color-primary-dark-2: #EC4899}[data-app-theme=ink-chinese]{--color-primary: #854D0E;--color-primary-dark: #713F12;--color-primary-rgb: 133, 77, 14;--color-secondary: #92400E;--color-secondary-dark: #78350F;--color-accent: #D97706;--color-accent-dark: #B45309;--color-bg: #FAFAF9;--color-card: #F5F5F4;--color-card-soft: rgba(245, 245, 244, .85);--color-border: #D6D3D1;--color-border-strong: #A8A29E;--color-text: #1C1917;--color-text-secondary: #78716C;--color-text-muted: #A8A29E;--color-success: #16A34A;--color-success-dark: #15803D;--color-success-bg: rgba(22, 163, 74, .1);--color-warning: #CA8A04;--color-warning-bg: rgba(202, 138, 4, .1);--color-error: #DC2626;--color-error-dark: #B91C1C;--color-error-bg: rgba(220, 38, 38, .08);--color-info: #7C3AED;--color-info-bg: rgba(124, 58, 237, .1);--color-primary-bg: rgba(133, 77, 14, .06);--color-text-on-primary: #FFFFFF;--color-overlay: rgba(28, 25, 23, .48);--color-overlay-strong: rgba(0, 0, 0, .6);--color-overlay-light: rgba(0, 0, 0, .25);--color-surface-hover: rgba(245, 245, 244, .95);--border-width: 1px;--border-radius: 8px;--border-radius-sm: 4px;--border-radius-lg: 12px;--shadow-soft: 0 1px 6px rgba(28, 25, 23, .06);--shadow-strong: 0 2px 12px rgba(28, 25, 23, .1);--shadow-color: rgba(28, 25, 23, .08);--font-family: "Noto Serif SC", "Songti SC", "SimSun", serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 15px;--font-size-lg: 17px;--font-size-xl: 22px;--font-size-2xl: 28px;--font-size-3xl: 36px;--font-weight-normal: 400;--font-weight-bold: 700;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--transition-fast: .15s ease;--transition-normal: .22s ease;--transition-slow: .32s ease;--tab-radius: 6px;--tab-active-shadow: 0 1px 4px rgba(133, 77, 14, .15);--chat-bubble-radius: 8px;--chat-user-bg: #854D0E;--chat-user-radius: 8px 8px 2px 8px;--chat-ai-radius: 8px 8px 8px 2px;--music-player-bg: #F5F5F4;--music-player-text: #1C1917;--music-lyrics-active: #854D0E;--learn-card-radius: 6px;--learn-player-bg: #FAFAF9;--story-grid-gap: 10px;--story-card-radius: 6px;--story-card-overlay-bg: rgba(28, 25, 23, .5);--upload-area-border: #D6D3D1;--upload-area-active-border: #854D0E;--el-color-primary: #854D0E;--el-color-primary-light-3: #A16207;--el-color-primary-light-5: #CA8A04;--el-color-primary-light-7: #FDE68A;--el-color-primary-light-9: #FEF3C7;--el-color-primary-dark-2: #713F12}