@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Noto+Sans+SC:wght@300;400;500;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-primary: #040814;--bg-secondary: #0A1128;--bg-tertiary: #131E3A;--bg-glass-heavy: rgba(10, 17, 40, .85);--bg-glass-medium: rgba(19, 30, 58, .6);--bg-glass-light: rgba(255, 255, 255, .03);--bg-glass-hover: rgba(255, 255, 255, .06);--gradient-primary: linear-gradient(135deg, #4F46E5 0%, #7C3AED 100%);--gradient-secondary: linear-gradient(135deg, #EC4899 0%, #F43F5E 100%);--gradient-success: linear-gradient(135deg, #10B981 0%, #059669 100%);--gradient-warm: linear-gradient(135deg, #F59E0B 0%, #D97706 100%);--gradient-reading: linear-gradient(135deg, #6366F1 0%, #8B5CF6 100%);--gradient-listening: linear-gradient(135deg, #0EA5E9 0%, #2563EB 100%);--gradient-writing: linear-gradient(135deg, #D946EF 0%, #E11D48 100%);--gradient-vocab: linear-gradient(135deg, #F59E0B 0%, #EA580C 100%);--accent-primary: #6366F1;--accent-secondary: #8B5CF6;--accent-blue: #3B82F6;--accent-cyan: #06B6D4;--accent-pink: #EC4899;--accent-red: #EF4444;--accent-orange: #F59E0B;--accent-green: #10B981;--text-primary: #F8FAFC;--text-secondary: #94A3B8;--text-tertiary: #64748B;--text-accent: #818CF8;--text-muted: #475569;--text-on-gradient: #FFFFFF;--font-en: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-heading: "Outfit", "Inter", -apple-system, sans-serif;--font-zh: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", ui-monospace, SFMono-Regular, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--leading-tight: 1.2;--leading-normal: 1.6;--leading-relaxed: 1.8;--leading-loose: 2.1;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-2xl: 2rem;--radius-full: 9999px;--border-glass: 1px solid rgba(255, 255, 255, .05);--border-glass-light: 1px solid rgba(255, 255, 255, .1);--border-accent: 1px solid rgba(99, 102, 241, .5);--bg-card: rgba(19, 30, 58, .6);--bg-card-hover: rgba(10, 17, 40, .85);--bg-glass: rgba(19, 30, 58, .6);--bg-hover: rgba(255, 255, 255, .06);--bg-glass-border: rgba(255, 255, 255, .1);--border-color: rgba(255, 255, 255, .1);--border-default: 1px solid rgba(255, 255, 255, .1);--border-primary: 1px solid rgba(99, 102, 241, .5);--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -2px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 10px 10px -5px rgba(0, 0, 0, .3);--shadow-glow: 0 0 25px rgba(99, 102, 241, .25);--shadow-glow-strong: 0 0 30px rgba(99, 102, 241, .4);--shadow-inner-top: inset 0 1px 0 rgba(255, 255, 255, .08);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.34, 1.56, .64, 1);--z-base: 1;--z-nav: 50;--z-sidebar: 100;--z-dropdown: 150;--z-modal: 200;--z-tooltip: 300;--z-toast: 400;--sidebar-width: 280px;--header-height: 72px;--max-content-width: 1000px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-en);background:var(--bg-primary);color:var(--text-primary);line-height:var(--leading-normal);min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:-20%;left:-10%;width:70%;height:70%;background:radial-gradient(circle,rgba(99,102,241,.08) 0%,transparent 60%);pointer-events:none;z-index:0}body:after{content:"";position:fixed;bottom:-20%;right:-10%;width:70%;height:70%;background:radial-gradient(circle,rgba(236,72,153,.05) 0%,transparent 60%);pointer-events:none;z-index:0}a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-secondary)}img{max-width:100%;display:block}button{cursor:pointer;border:none;background:none;font-family:inherit;font-size:inherit;color:inherit}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;background:transparent;border:var(--border-default);outline:none}#app{display:flex;min-height:100vh;position:relative;z-index:1}.sidebar{width:var(--sidebar-width);background:var(--bg-glass-heavy);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-right:var(--border-glass-light);display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;z-index:var(--z-sidebar);transition:transform var(--transition-bounce)}.sidebar-header{padding:var(--space-6);border-bottom:var(--border-default)}.sidebar-logo{display:flex;align-items:center;gap:var(--space-3)}.sidebar-logo-icon{width:40px;height:40px;background:var(--gradient-primary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);font-weight:800;color:#fff;box-shadow:var(--shadow-glow)}.sidebar-logo-text{font-size:var(--text-xl);font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-logo-sub{font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-zh)}.sidebar-nav{flex:1;padding:var(--space-4) var(--space-3);overflow-y:auto}.nav-section-title{font-size:var(--text-xs);font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em;padding:var(--space-4) var(--space-3) var(--space-2);font-family:var(--font-zh)}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;transition:all var(--transition-fast);cursor:pointer;margin-bottom:var(--space-1);position:relative;overflow:hidden}.nav-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-fast)}.nav-item:hover{color:var(--text-primary);background:var(--bg-glass-hover);transform:translate(4px)}.nav-item.active{color:var(--text-on-gradient);background:var(--gradient-primary);box-shadow:var(--shadow-glow)}.nav-item-icon{width:20px;text-align:center;font-size:var(--text-lg);position:relative;z-index:1}.nav-item-label{position:relative;z-index:1;font-family:var(--font-zh)}.sidebar-footer{padding:var(--space-4) var(--space-6);border-top:var(--border-default)}.streak-badge{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--bg-glass);border-radius:var(--radius-lg);border:var(--border-default)}.streak-fire{font-size:var(--text-2xl)}.streak-info{flex:1}.streak-count{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.streak-label{font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-zh)}.main-content{flex:1;margin-left:var(--sidebar-width);min-height:100vh}.page-header{padding:var(--space-8) var(--space-8) var(--space-4);border-bottom:var(--border-glass-light);background:var(--bg-glass-heavy);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);position:sticky;top:0;z-index:var(--z-nav)}.page-title{font-size:var(--text-3xl);font-weight:800;margin-bottom:var(--space-1);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-subtitle{font-size:var(--text-sm);color:var(--text-secondary);font-family:var(--font-zh)}.page-body{padding:var(--space-8)}.card{background:var(--bg-glass-medium);border:var(--border-glass);border-radius:var(--radius-xl);padding:var(--space-6);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-md),var(--shadow-inner-top);transition:all var(--transition-bounce)}.card:hover{background:var(--bg-glass-heavy);border-color:var(--border-glass-light);transform:translateY(-4px);box-shadow:var(--shadow-xl),var(--shadow-inner-top)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.card-title{font-size:var(--text-lg);font-weight:600}.card-icon{width:44px;height:44px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:var(--text-xl)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-weight:600;font-size:var(--text-sm);transition:all var(--transition-bounce);white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-primary{background:var(--gradient-primary);color:var(--text-on-gradient);box-shadow:var(--shadow-md),inset 0 1px #fff3;border:border-transparent}.btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-glow),var(--shadow-xl)}.btn-secondary{background:var(--bg-glass-medium);color:var(--text-primary);border:var(--border-glass-light);box-shadow:var(--shadow-md)}.btn-secondary:hover{background:var(--bg-glass-hover);border-color:#fff3;transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base);border-radius:var(--radius-xl)}.btn-icon{width:36px;height:36px;padding:0;border-radius:var(--radius-md);background:var(--bg-glass);border:var(--border-default);color:var(--text-secondary)}.btn-icon:hover{color:var(--text-primary);background:var(--bg-card-hover)}.tag{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;background:var(--bg-glass);border:var(--border-default);color:var(--text-secondary)}.tag-primary{background:#667eea26;color:var(--accent-primary);border-color:#667eea4d}.tag-success{background:#66bb6a26;color:var(--accent-green);border-color:#66bb6a4d}.tag-warning{background:#ffa72626;color:var(--accent-orange);border-color:#ffa7264d}.tag-danger{background:#f5576c26;color:var(--accent-red);border-color:#f5576c4d}.progress-bar{width:100%;height:6px;background:#ffffff14;border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;border-radius:var(--radius-full);background:var(--gradient-primary);transition:width var(--transition-slow);position:relative}.progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.input{width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--bg-glass);border:var(--border-default);color:var(--text-primary);transition:all var(--transition-fast)}.input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #667eea26}.textarea{width:100%;min-height:200px;padding:var(--space-4);border-radius:var(--radius-lg);background:var(--bg-glass);border:var(--border-default);color:var(--text-primary);resize:vertical;font-family:var(--font-en);line-height:var(--leading-relaxed);transition:all var(--transition-fast)}.textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #667eea26}.tooltip{position:absolute;background:var(--bg-tertiary);border:var(--border-default);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-xl);z-index:var(--z-tooltip);pointer-events:none;opacity:0;transform:translateY(4px);transition:all var(--transition-fast);max-width:280px}.tooltip.show{opacity:1;transform:translateY(0);pointer-events:auto}.tooltip-word{font-size:var(--text-lg);font-weight:700;color:var(--accent-primary);margin-bottom:var(--space-1)}.tooltip-phonetic{font-size:var(--text-sm);color:var(--text-tertiary);font-family:var(--font-mono);margin-bottom:var(--space-2)}.tooltip-meaning{font-size:var(--text-sm);color:var(--text-secondary);font-family:var(--font-zh)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity var(--transition-base)}.modal-overlay.active{opacity:1;pointer-events:auto}.modal{background:var(--bg-secondary);border:var(--border-default);border-radius:var(--radius-2xl);padding:var(--space-8);max-width:560px;width:90%;max-height:85vh;overflow-y:auto;transform:scale(.95);transition:transform var(--transition-spring)}.modal-overlay.active .modal{transform:scale(1)}.toast-container{position:fixed;top:var(--space-6);right:var(--space-6);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-3)}.toast{padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg);background:var(--bg-tertiary);border:var(--border-default);box-shadow:var(--shadow-xl);animation:slideInRight var(--transition-spring);font-size:var(--text-sm);display:flex;align-items:center;gap:var(--space-3)}.toast-success{border-left:3px solid var(--accent-green)}.toast-error{border-left:3px solid var(--accent-red)}.toast-info{border-left:3px solid var(--accent-blue)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes flipIn{0%{transform:rotateY(90deg);opacity:0}to{transform:rotateY(0);opacity:1}}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn .5s ease forwards}.animate-bounce-in{animation:bounceIn .6s ease forwards}.stagger-children>*{opacity:0;animation:fadeIn .4s ease forwards}.stagger-children>*:nth-child(1){animation-delay:.05s}.stagger-children>*:nth-child(2){animation-delay:.1s}.stagger-children>*:nth-child(3){animation-delay:.15s}.stagger-children>*:nth-child(4){animation-delay:.2s}.stagger-children>*:nth-child(5){animation-delay:.25s}.stagger-children>*:nth-child(6){animation-delay:.3s}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#fff3}.mobile-menu-toggle{display:none;position:fixed;top:var(--space-4);left:var(--space-4);z-index:20;width:44px;height:44px;background:var(--bg-secondary);border:var(--border-default);border-radius:var(--radius-lg);align-items:center;justify-content:center;font-size:var(--text-xl);color:var(--text-primary)}@media(max-width:1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.mobile-menu-toggle{display:flex}.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}.page-header{padding:var(--space-16) var(--space-4) var(--space-4)}.page-body{padding:var(--space-4)}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.page-title{font-size:var(--text-2xl)}}.page-title:focus{outline:none}.nav-item:focus-visible,.btn:focus-visible,.quick-module:focus-visible,.mission-item:focus-visible,.article-card:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.skeleton-container{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-4) 0}.skeleton{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14 37%,#ffffff0a 63%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease infinite;border-radius:var(--radius-lg)}.skeleton-title{height:28px;width:40%}.skeleton-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.skeleton-card{height:120px}.skeleton-block{height:200px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.progress-fill:after{animation:none!important}.skeleton{animation:none!important;background:#ffffff0f}}@media(max-width:768px){.skeleton-row{grid-template-columns:1fr}}.hero-banner{background:var(--gradient-primary);border-radius:var(--radius-2xl);padding:var(--space-8);margin-bottom:var(--space-8);box-shadow:var(--shadow-glow),var(--shadow-xl);color:var(--text-on-gradient);position:relative;overflow:hidden}.hero-banner:after{content:"";position:absolute;top:-50%;right:-10%;width:300px;height:300px;background:radial-gradient(circle,rgba(255,255,255,.2) 0%,transparent 60%);border-radius:50%}.stats-grid .stat-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);background:var(--bg-glass-medium);border:var(--border-glass)}.stat-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);flex-shrink:0}.stat-value{font-size:var(--text-2xl);font-weight:800}.stat-label{font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-zh)}.radar-container{display:flex;justify-content:center;padding:var(--space-4) 0}.quick-modules{display:flex;flex-direction:column;gap:var(--space-3)}.quick-module{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--bg-glass-medium);border:var(--border-glass-light);cursor:pointer;transition:all var(--transition-bounce)}.quick-module:hover{background:var(--bg-glass-heavy);transform:translate(4px) scale(1.01);border-color:#fff3;box-shadow:var(--shadow-md)}.quick-module-icon{width:44px;height:44px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);flex-shrink:0}.quick-module-title{font-weight:600;font-size:var(--text-sm)}.quick-module-desc{font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-zh)}.quick-module-arrow{margin-left:auto;color:var(--text-tertiary);font-size:var(--text-lg)}.tip-content{border-left:3px solid var(--accent-primary);padding-left:var(--space-4)}.tip-en{font-size:var(--text-base);font-style:italic;color:var(--text-primary);line-height:var(--leading-relaxed);margin-bottom:var(--space-2)}.tip-zh{font-size:var(--text-sm);color:var(--text-tertiary);font-family:var(--font-zh)}.mission-list{display:flex;flex-direction:column;gap:var(--space-2)}.mission-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--bg-glass-medium);border:var(--border-glass-light);cursor:pointer;transition:all var(--transition-bounce)}.mission-item:hover{background:var(--bg-glass-heavy);transform:translate(4px);border-color:#fff3;box-shadow:var(--shadow-sm)}.mission-icon{font-size:var(--text-2xl);flex-shrink:0;width:40px;text-align:center}.mission-info{flex:1;min-width:0}.mission-type{font-size:var(--text-xs);color:var(--accent-primary);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}.mission-title{font-size:var(--text-sm);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mission-subtitle{font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mission-arrow{color:var(--text-tertiary);font-size:var(--text-lg);flex-shrink:0}.progress-tracks{display:flex;flex-direction:column;gap:var(--space-4)}.progress-track-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.progress-track-label{font-size:var(--text-sm);font-weight:500}.progress-track-value{font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-mono)}.achievement-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2);max-height:420px;overflow-y:auto}.achievement-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);border:var(--border-default);transition:all var(--transition-fast)}.achievement-item.unlocked{background:#667eea14;border-color:#667eea33}.achievement-item.locked{opacity:.4;filter:grayscale(1)}.achievement-item.unlocked:hover{background:#667eea26;transform:translateY(-1px)}.achievement-icon{font-size:var(--text-xl);flex-shrink:0}.achievement-info{flex:1;min-width:0}.achievement-title{font-size:var(--text-xs);font-weight:600}.achievement-desc{font-size:10px;color:var(--text-tertiary);font-family:var(--font-zh)}.level-filter{display:flex;gap:var(--space-2);margin-bottom:var(--space-6);flex-wrap:wrap}.filter-btn{background:var(--bg-glass);border:var(--border-default);color:var(--text-secondary)}.filter-btn.active{background:var(--gradient-primary);color:#fff;border-color:transparent}.article-list{display:flex;flex-direction:column;gap:var(--space-4)}.article-card-top{display:flex;gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap}.article-card-title{font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-2)}.article-card-meta{display:flex;gap:var(--space-4);font-size:var(--text-xs);color:var(--text-tertiary);margin-bottom:var(--space-3)}.article-card-preview{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}.reader-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.reader-tools{display:flex;gap:var(--space-2)}.reader-title{font-size:var(--text-3xl);font-weight:800;margin-bottom:var(--space-3)}.reader-meta{display:flex;gap:var(--space-4);align-items:center;font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-6)}.reader-text{font-size:var(--text-lg);line-height:var(--leading-loose);max-width:var(--max-content-width)}.reader-text p{margin-bottom:var(--space-4)}.highlight-word{color:var(--accent-primary);text-decoration:underline;text-decoration-style:dotted;text-underline-offset:4px;cursor:pointer;transition:color var(--transition-fast)}.highlight-word:hover{color:var(--accent-secondary)}.reader-translation{margin-top:var(--space-6);padding:var(--space-6);background:var(--bg-glass);border:var(--border-default);border-radius:var(--radius-lg);font-family:var(--font-zh);line-height:var(--leading-relaxed);color:var(--text-secondary)}.reader-translation h4{margin-bottom:var(--space-3);color:var(--text-primary)}.vocab-section,.quiz-section{margin-top:var(--space-8);padding-top:var(--space-6);border-top:var(--border-default)}.vocab-section h3,.quiz-section h3{font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-4)}.vocab-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-3)}.vocab-item{background:var(--bg-glass);border:var(--border-default);border-radius:var(--radius-lg);padding:var(--space-4)}.vocab-word-row{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1)}.vocab-word,.vw-word{font-weight:700;color:var(--accent-primary)}.vocab-phonetic,.vw-phonetic{font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-mono)}.vocab-meaning,.vw-meaning{font-family:var(--font-zh);font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-1)}.vocab-example,.vw-example{font-size:var(--text-xs);font-style:italic;color:var(--text-tertiary)}.vw-synonyms{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-1)}.quiz-question{margin-bottom:var(--space-6)}.quiz-q{font-weight:600;margin-bottom:var(--space-3)}.quiz-options{display:flex;flex-direction:column;gap:var(--space-2)}.quiz-option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-glass);border:var(--border-default);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.quiz-option:hover{background:var(--bg-card-hover)}.quiz-option input{accent-color:var(--accent-primary)}.quiz-feedback{margin-top:var(--space-2);font-size:var(--text-sm);font-weight:500}.quiz-feedback.correct{color:var(--accent-green)}.quiz-feedback.incorrect{color:var(--accent-red)}.quiz-feedback.warning{color:var(--accent-orange)}.quiz-result,.dict-result{margin-top:var(--space-6)}.result-card{text-align:center;padding:var(--space-8)}.result-stats{display:flex;justify-content:center;gap:var(--space-8);margin:var(--space-6) 0}.result-stat{text-align:center}.result-num{display:block;font-size:var(--text-3xl);font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.result-label{font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-zh)}.player-header{margin:var(--space-6) 0}.player-header h2{font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-2)}.player-controls{display:flex;gap:var(--space-6);margin-bottom:var(--space-6);flex-wrap:wrap}.control-label{font-size:var(--text-sm);color:var(--text-tertiary);font-family:var(--font-zh);margin-right:var(--space-2)}.speed-controls,.subtitle-controls{display:flex;align-items:center;gap:var(--space-2)}.sentence-display{text-align:center;padding:var(--space-8);background:var(--bg-glass);border:var(--border-default);border-radius:var(--radius-xl);margin-bottom:var(--space-6)}.sentence-counter{font-size:var(--text-xs);color:var(--text-tertiary);margin-bottom:var(--space-3)}#sentence-en{font-size:var(--text-xl);font-weight:600;line-height:var(--leading-relaxed);margin-bottom:var(--space-2)}#sentence-zh{font-size:var(--text-base);color:var(--text-secondary);font-family:var(--font-zh)}.player-buttons{display:flex;justify-content:center;gap:var(--space-3);align-items:center}.sentence-list-section,.keywords-section{margin-top:var(--space-8);padding-top:var(--space-6);border-top:var(--border-default)}.sentence-list-section h3,.keywords-section h3{margin-bottom:var(--space-4)}.keyword-chips{display:flex;gap:var(--space-3);flex-wrap:wrap}.keyword-chip{background:var(--bg-glass);border:var(--border-default);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);cursor:pointer;transition:all var(--transition-fast);display:flex;flex-direction:column;gap:var(--space-1)}.keyword-chip:hover{background:var(--bg-card-hover);transform:translateY(-2px)}.kw-word{font-weight:600;color:var(--accent-blue)}.kw-phonetic{font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-mono)}.kw-meaning{font-size:var(--text-xs);color:var(--text-secondary);font-family:var(--font-zh)}.sentence-row{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);margin-bottom:var(--space-1)}.sentence-row:hover,.sentence-row.active{background:var(--bg-glass)}.sentence-row.active{border-left:3px solid var(--accent-primary)}.sentence-num{width:24px;height:24px;border-radius:var(--radius-full);background:var(--bg-glass);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);flex-shrink:0;color:var(--text-tertiary)}.sentence-texts{flex:1}.sl-en{font-size:var(--text-sm);margin-bottom:var(--space-1)}.sl-zh{font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-zh)}.dictation-progress{margin-top:var(--space-3)}.dictation-area{margin-top:var(--space-6)}.dict-controls{display:flex;gap:var(--space-3);margin-bottom:var(--space-4)}.dict-feedback{margin-top:var(--space-4)}.dict-score{font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-3)}.score-good{color:var(--accent-green)}.score-ok{color:var(--accent-orange)}.score-bad{color:var(--accent-red)}.dict-correct,.dict-zh{font-size:var(--text-sm);margin-bottom:var(--space-2);color:var(--text-secondary)}.dict-zh{font-family:var(--font-zh)}.dict-diff{margin-top:var(--space-3);font-size:var(--text-base)}.diff-match{color:var(--accent-green)}.diff-miss{color:var(--accent-red);text-decoration:underline}.writing-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-6);flex-wrap:wrap}.editor-header{margin:var(--space-6) 0 var(--space-4)}.editor-header h2{font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-2)}.editor-prompt{margin-bottom:var(--space-6)}.editor-prompt h4{margin-bottom:var(--space-3);color:var(--accent-primary)}.prompt-en{font-size:var(--text-base);margin-bottom:var(--space-2)}.prompt-zh{font-size:var(--text-sm);color:var(--text-secondary);font-family:var(--font-zh)}.writing-tips{margin-top:var(--space-4);padding-top:var(--space-4);border-top:var(--border-default)}.writing-tips h5{margin-bottom:var(--space-2);color:var(--accent-orange)}.writing-tips ul{list-style:none;padding:0}.writing-tips li{padding:var(--space-2) 0;padding-left:var(--space-4);border-left:2px solid var(--bg-glass-border);margin-bottom:var(--space-2)}.tip-en{font-size:var(--text-sm)}.tip-zh{font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-zh)}.editor-stats{display:flex;gap:var(--space-4);margin-top:var(--space-2);font-size:var(--text-xs);color:var(--text-tertiary)}.editor-actions{display:flex;gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap}.grammar-results,.sample-essay{margin-top:var(--space-6)}.grammar-ok{color:var(--accent-green);font-weight:600}.grammar-issues{list-style:none;padding:0}.grammar-issue{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:var(--border-default)}.issue-type{flex-shrink:0;font-family:var(--font-zh)}.issue-text{font-size:var(--text-sm);font-family:var(--font-zh)}.sample-text{line-height:var(--leading-relaxed);color:var(--text-secondary);margin-top:var(--space-4)}.grammar-card{margin-bottom:var(--space-4)}.grammar-desc{font-size:var(--text-sm);color:var(--text-secondary);font-family:var(--font-zh);margin-bottom:var(--space-4)}.grammar-rule{padding:var(--space-4);background:var(--bg-glass);border:var(--border-default);border-radius:var(--radius-md);margin-bottom:var(--space-3)}.rule-text{font-family:var(--font-zh);font-size:var(--text-sm);margin-bottom:var(--space-1)}.rule-en{font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:var(--space-2)}.rule-example code{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--accent-primary);background:#667eea1a;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.vocab-groups{display:flex;flex-direction:column;gap:var(--space-6)}.vocab-group-icon{font-size:var(--text-2xl);margin-right:var(--space-2)}.vocab-word-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-3);margin-top:var(--space-4)}.vocab-word-item{background:var(--bg-glass);border:var(--border-default);border-radius:var(--radius-lg);padding:var(--space-4);transition:all var(--transition-fast)}.vocab-word-item:hover{background:var(--bg-card-hover);transform:translateY(-2px)}.vw-top{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1)}.word-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.ws-new{background:var(--accent-primary);opacity:.6}.ws-learning{background:var(--accent-orange)}.ws-mastered{background:var(--accent-green)}.ws-due{background:var(--accent-red);animation:pulse-dot 1.5s infinite}.ws-fully-mastered{background:linear-gradient(135deg,#f59e0b,#fbbf24);box-shadow:0 0 6px #f59e0b80}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}.word-badge{display:inline-block;font-size:var(--text-xs);padding:2px 8px;border-radius:var(--radius-full);font-weight:600}.word-badge-new{background:#6366f133;color:var(--accent-primary)}.word-badge-learning{background:#ffa72633;color:var(--accent-orange)}.word-badge-mastered{background:#66bb6a33;color:var(--accent-green)}.word-badge-due{background:#f5576c33;color:var(--accent-red)}.word-badge-fully-mastered{background:linear-gradient(135deg,#f59e0b40,#fbbf2440);color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.vw-fully-mastered{background:#f59e0b0f!important;border-color:#f59e0b33!important}.vw-fully-mastered .vw-word{color:#fbbf24}.vw-fm-toggle{color:var(--text-tertiary);opacity:.5;transition:all var(--transition-fast)}.vw-fm-toggle:hover,.vw-fm-toggle.is-fm{opacity:1;color:#fbbf24}.fc-fully-mastered-row{margin-top:var(--space-3);display:flex;justify-content:center}.fc-fully-master{background:linear-gradient(135deg,#f59e0b26,#fbbf2426)!important;color:#fbbf24!important;border:1px solid rgba(245,158,11,.3)!important;transition:all var(--transition-bounce)}.fc-fully-master:hover{background:linear-gradient(135deg,#f59e0b4d,#fbbf244d)!important;transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b4d}.group-stats-bar{display:flex;gap:var(--space-3);margin-top:var(--space-2);flex-wrap:wrap}.gs-item{font-size:var(--text-xs);color:var(--text-secondary);display:flex;align-items:center;gap:4px}.gs-dot{width:6px;height:6px;border-radius:50%}.gs-mastered .gs-dot{background:var(--accent-green)}.gs-learning .gs-dot{background:var(--accent-orange)}.gs-due .gs-dot{background:var(--accent-red)}.gs-new .gs-dot{background:var(--accent-primary);opacity:.5}.group-progress-bar{height:3px;background:var(--bg-glass);border-radius:2px;margin-top:var(--space-2);overflow:hidden}.gpb-fill{height:100%;background:var(--accent-green);border-radius:2px;transition:width .5s ease}.vocab-stats-row{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-3);margin-bottom:var(--space-6)}.vocab-stat-box{background:var(--bg-glass);border:var(--border-default);border-radius:var(--radius-lg);padding:var(--space-4);text-align:center}.vocab-stat-num{font-size:var(--text-2xl);font-weight:700}.vocab-stat-label{font-size:var(--text-xs);color:var(--text-secondary);margin-top:var(--space-1)}.mission-cards-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-4)}.mission-action-card{padding:var(--space-6);text-align:center;transition:transform .2s ease}.mission-action-card:hover:not(.disabled){transform:translateY(-4px)}.mission-action-card.disabled{opacity:.5}.mission-action-card h3{margin:var(--space-3) 0 var(--space-1)}.mac-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:inline-flex;align-items:center;justify-content:center;color:#fff}.mac-icon svg{width:24px;height:24px}.mac-count{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-3)}.due-words-preview{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-2) 0}.due-word-chip{background:#f5576c1a;border:1px solid rgba(245,87,108,.2);border-radius:var(--radius-full);padding:4px 12px;font-size:var(--text-sm);font-weight:500;display:flex;align-items:center;gap:6px}.dwc-meaning{color:var(--text-secondary);font-weight:400;font-size:var(--text-xs)}.fc-launch-stats{display:flex;justify-content:center;gap:var(--space-6);margin:var(--space-4) 0}.fc-ls-item{font-size:var(--text-sm)}.fc-status{margin-bottom:var(--space-2)}.quiz-sub-tabs,.quiz-scope{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.weak-word-list{display:flex;flex-direction:column;gap:var(--space-3)}.weak-word-card{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4)}.ww-main{flex:1}.ww-top{display:flex;align-items:center;gap:var(--space-2)}.ww-word{font-weight:700;font-size:var(--text-lg);color:var(--text-primary)}.ww-phonetic{font-size:var(--text-xs);color:var(--text-tertiary)}.ww-meaning{color:var(--text-secondary);margin-top:var(--space-1)}.ww-meta{display:flex;gap:var(--space-2);flex-shrink:0}.tag-error{background:#f5576c26;color:var(--accent-red)}.listening-prompt{padding:var(--space-6) 0}.listening-play-btn{width:80px!important;height:80px!important;border-radius:50%!important;background:linear-gradient(135deg,var(--accent-primary),#818cf8)!important;color:#fff!important;box-shadow:0 4px 20px #6366f166;transition:all .3s ease!important}.listening-play-btn:hover{transform:scale(1.1)!important;box-shadow:0 6px 28px #6366f199}.listening-play-btn svg{width:32px;height:32px}.listening-hint{color:var(--text-secondary);font-size:var(--text-sm);margin-top:var(--space-3)}.word-reveal{margin-top:var(--space-4);padding:var(--space-3);background:var(--bg-glass);border-radius:var(--radius-lg);font-size:var(--text-lg);animation:fadeIn .3s ease}.wrong-words-summary{background:#f5576c0d!important;border:1px solid rgba(245,87,108,.2)!important}.wrong-list{display:flex;flex-direction:column;gap:var(--space-1)}.wrong-item{font-size:var(--text-sm);padding:var(--space-1) 0;border-bottom:1px solid var(--bg-glass)}.wrong-item:last-child{border-bottom:none}.vocab-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.vocab-tabs::-webkit-scrollbar{display:none}@media(max-width:600px){.vocab-stats-row{grid-template-columns:repeat(2,1fr)}.mission-cards-row{grid-template-columns:1fr}.fc-launch-stats{flex-direction:column;gap:var(--space-2)}}.flashcard-mode{max-width:500px;margin:0 auto}.flashcard-progress{margin-bottom:var(--space-6);text-align:center;font-size:var(--text-sm);color:var(--text-tertiary)}.flashcard-progress .progress-bar{margin-top:var(--space-2)}.flashcard{position:relative;width:100%;min-height:280px;perspective:1000px;cursor:pointer;margin-bottom:var(--space-6)}.flashcard-front,.flashcard-back{position:absolute;width:100%;min-height:280px;backface-visibility:hidden;background:var(--bg-card);border:var(--border-default);border-radius:var(--radius-2xl);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);transition:transform .6s;box-shadow:var(--shadow-lg)}.flashcard-back,.flashcard.flipped .flashcard-front{transform:rotateY(180deg)}.flashcard.flipped .flashcard-back{transform:rotateY(0)}.fc-word{font-size:var(--text-3xl);font-weight:800;color:var(--accent-primary);margin-bottom:var(--space-2)}.fc-phonetic{font-size:var(--text-base);color:var(--text-tertiary);font-family:var(--font-mono)}.fc-hint{margin-top:var(--space-6);font-size:var(--text-sm);color:var(--text-tertiary);font-family:var(--font-zh)}.fc-meaning{font-size:var(--text-xl);font-family:var(--font-zh);color:var(--text-primary);margin-bottom:var(--space-3)}.fc-example{font-size:var(--text-sm);color:var(--text-secondary);font-style:italic;text-align:center;margin-bottom:var(--space-2)}.fc-synonyms{font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-zh)}.fc-actions{display:flex;justify-content:center;margin-bottom:var(--space-6)}.fc-rating{text-align:center}.fc-rating-label{display:block;font-size:var(--text-sm);color:var(--text-secondary);font-family:var(--font-zh);margin-bottom:var(--space-3)}.fc-rating-btns{display:flex;gap:var(--space-3);justify-content:center}.quiz-mode{max-width:500px;margin:0 auto}.quiz-card{text-align:center}.quiz-word{margin-bottom:var(--space-4);display:flex;align-items:center;justify-content:center;gap:var(--space-3)}.quiz-prompt{font-family:var(--font-zh);color:var(--text-secondary);margin-bottom:var(--space-4)}.quiz-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.quiz-opt{padding:var(--space-4);font-family:var(--font-zh);font-size:var(--text-sm);text-align:center;transition:all var(--transition-fast)}.quiz-opt:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.loading-spinner{width:40px;height:40px;border:3px solid var(--bg-glass-border);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite;margin:var(--space-12) auto}.search-bar{position:relative;margin-top:var(--space-4);max-width:560px}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:var(--space-4);font-size:var(--text-base);pointer-events:none}.search-input{width:100%;padding:var(--space-3) var(--space-4) var(--space-3) var(--space-10);background:var(--bg-glass);border:var(--border-default);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-sm);outline:none;transition:all var(--transition-fast)}.search-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #667eea26}.search-input::placeholder{color:var(--text-tertiary)}.search-kbd{position:absolute;right:var(--space-3);padding:2px 6px;font-size:10px;font-family:var(--font-mono);background:var(--bg-glass);border:var(--border-default);border-radius:var(--radius-sm);color:var(--text-tertiary);pointer-events:none}.search-results{position:absolute;top:100%;left:0;right:0;margin-top:var(--space-2);background:var(--bg-card);border:var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-height:360px;overflow-y:auto;z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.search-result-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);cursor:pointer;transition:background var(--transition-fast);border-bottom:1px solid rgba(255,255,255,.04)}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:var(--bg-card-hover)}.search-result-type{font-size:var(--text-xs);white-space:nowrap;flex-shrink:0}.search-result-info{flex:1;min-width:0}.search-result-title{font-size:var(--text-sm);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-title mark{background:#667eea4d;color:var(--accent-primary);border-radius:2px;padding:0 2px}.search-result-subtitle{font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-empty{padding:var(--space-6);text-align:center;color:var(--text-tertiary);font-size:var(--text-sm)}.quiz-explanation{margin-top:var(--space-2);padding:var(--space-3);background:#ffffff08;border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.quiz-fb-correct{color:var(--accent-green);font-weight:600}.quiz-fb-incorrect{color:var(--accent-red);font-weight:600}#spell-input{border:2px solid var(--border-primary);border-radius:var(--radius-lg);background:var(--bg-card);color:var(--text-primary);font-family:SF Mono,Fira Code,monospace;letter-spacing:2px;transition:border-color .2s}#spell-input:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #667eea33}.units-level-group{margin-bottom:var(--space-8)}.units-level-title{font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-primary)}.units-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-4)}.unit-card{padding:var(--space-5);cursor:pointer;transition:transform .2s,box-shadow .2s;border:1px solid var(--border-primary)}.unit-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000004d;border-color:var(--accent-primary)}.unit-card-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.unit-icon{font-size:2rem}.unit-card-info{flex:1}.unit-title{font-size:var(--text-base);font-weight:700;margin:0;color:var(--text-primary)}.unit-subtitle{font-size:var(--text-sm);color:var(--text-tertiary);margin:0}.unit-desc{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--space-3) 0;line-height:1.5}.unit-modules{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-3)}.unit-module-chip{display:inline-block;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:#667eea1a;color:var(--accent-primary);font-size:var(--text-xs);font-weight:600;cursor:pointer;transition:background .2s,transform .15s}.unit-module-chip:hover{background:#667eea40;transform:scale(1.05)}.unit-tags{display:flex;gap:var(--space-1);flex-wrap:wrap}.unit-tag{display:inline-block;padding:2px var(--space-2);border-radius:var(--radius-sm);background:#ffffff0d;color:var(--text-tertiary);font-size:.65rem;text-transform:uppercase;letter-spacing:.5px}.unit-detail-header{display:flex;align-items:center;gap:var(--space-5);margin:var(--space-6) 0}.unit-detail-icon{font-size:3.5rem}.unit-detail-header h2{margin:0;font-size:var(--text-xl)}.unit-detail-desc{color:var(--text-secondary);margin:var(--space-1) 0}.unit-detail-modules{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-4);margin:var(--space-6) 0}.unit-module-card{padding:var(--space-6);text-align:center;cursor:pointer;transition:transform .2s,border-color .2s;border:1px solid var(--border-primary)}.unit-module-card:hover{transform:translateY(-3px);border-color:var(--accent-primary)}.umc-icon{font-size:2.5rem;margin-bottom:var(--space-3)}.unit-module-card h4{margin:0 0 var(--space-2) 0;font-size:var(--text-base)}.unit-module-card p{color:var(--text-secondary);font-size:var(--text-sm);margin:0 0 var(--space-4) 0}.unit-detail-tags{margin-top:var(--space-4);display:flex;gap:var(--space-2);flex-wrap:wrap}@media(max-width:768px){.units-grid{grid-template-columns:1fr}.unit-detail-modules{grid-template-columns:1fr 1fr}.unit-detail-header{flex-direction:column;text-align:center}}.tfng-section,.summary-section{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border-primary)}.tfng-section h4,.summary-section h4{font-size:var(--text-base);font-weight:700;margin-bottom:var(--space-2)}.tfng-instruction,.summary-instruction{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-4)}.tfng-item,.summary-item{margin-bottom:var(--space-4);padding:var(--space-3);border-radius:var(--radius-md);background:#ffffff05}.tfng-statement{font-weight:600;margin-bottom:var(--space-2);line-height:1.5}.tfng-options{display:flex;gap:var(--space-4);flex-wrap:wrap}.summary-sentence{line-height:1.7;margin-bottom:var(--space-2);font-style:italic;color:var(--text-secondary)}.summary-input-row{display:flex;align-items:center;gap:var(--space-3)}.summary-input{font-family:inherit;font-size:var(--text-sm);padding:var(--space-2) var(--space-3);border:1px solid var(--border-primary);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-primary);width:200px;transition:border-color .2s}.summary-input:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #667eea33}.summary-hint{font-size:var(--text-xs);color:var(--text-tertiary)}.writing-tools-panel{margin:var(--space-4) 0;border:1px solid var(--border-primary);border-radius:var(--radius-md);overflow:hidden}.tools-tabs{display:flex;border-bottom:1px solid var(--border-primary);background:#ffffff05}.tools-tab{flex:1;border-radius:0;border:none;padding:var(--space-3);font-size:var(--text-sm);transition:background .2s,color .2s}.tools-tab.active{background:var(--accent-primary);color:#fff}.tools-content{padding:var(--space-4)}.rubric-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-3)}.rubric-card{padding:var(--space-4)}.rubric-title{font-size:var(--text-sm);font-weight:700;margin:0 0 var(--space-1) 0}.rubric-max{font-size:var(--text-xs);color:var(--accent-primary);font-weight:600;margin-bottom:var(--space-2)}.rubric-criteria{margin:0;padding-left:var(--space-4);font-size:var(--text-xs);color:var(--text-secondary);line-height:1.8}.template-sections{display:flex;flex-direction:column;gap:var(--space-3)}.template-part{padding:var(--space-4)}.template-part h5{margin:0 0 var(--space-2) 0;font-size:var(--text-sm)}.template-text{font-size:var(--text-sm);line-height:1.8;color:var(--text-secondary);font-style:italic}.mistakes-list{display:flex;flex-direction:column;gap:var(--space-3)}.mistake-item{padding:var(--space-3)}.mistake-wrong{color:var(--accent-red, #ef4444);font-size:var(--text-sm);text-decoration:line-through;margin-bottom:var(--space-1)}.mistake-correct{color:var(--accent-green, #22c55e);font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-1)}.mistake-rule{font-size:var(--text-xs);color:var(--text-tertiary)}.self-eval-card{margin-top:var(--space-4)}.self-eval-desc{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-4)}.self-eval-grid{display:flex;flex-direction:column;gap:var(--space-3)}.self-eval-item{display:flex;align-items:center;gap:var(--space-3)}.self-eval-item label{width:50px;font-size:var(--text-sm);font-weight:600}.self-eval-range{flex:1;height:6px;accent-color:var(--accent-primary)}.self-eval-score{width:30px;text-align:right;font-weight:700;color:var(--accent-primary)}.self-eval-total{text-align:right;font-size:var(--text-base);padding-top:var(--space-2);border-top:1px solid var(--border-primary)}.self-eval-total strong{color:var(--accent-primary);font-size:var(--text-lg)}.exams-module{animation:fadeIn .4s ease}.exams-header{margin-bottom:2rem}.exams-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.exam-card{position:relative;display:flex;flex-direction:column}.exam-card-type{position:absolute;top:-10px;right:15px}.exam-title{font-size:1.25rem;margin-bottom:.5rem;font-weight:600}.exam-desc{color:var(--text-secondary);font-size:.9rem;margin-bottom:1.5rem;line-height:1.5;flex:1}.exam-meta{display:flex;gap:1rem;font-size:.85rem;color:var(--text-muted);background:var(--bg-hover);padding:.5rem;border-radius:6px;margin-bottom:1rem}body.exam-mode-active .app-sidebar,body.exam-mode-active .sidebar,body.exam-mode-active .app-header{display:none!important}body.exam-mode-active .main-content,body.exam-mode-active .app-main{padding:0!important;margin:0!important;height:100vh!important;width:100vw!important;max-width:none!important;overflow:hidden!important;background:var(--bg-primary);display:flex;flex-direction:column}.exam-wrapper{display:flex;flex-direction:column;height:100vh;width:100vw;background:var(--bg-primary);position:absolute;top:0;left:0;z-index:9999}.exam-statusbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-shrink:0}.exam-info{display:flex;flex-direction:column;gap:.25rem}.exam-name{font-weight:600;font-size:1.1rem}.exam-section-name{font-size:.85rem;color:var(--text-secondary)}.exam-timer{font-size:1.5rem;font-family:monospace;font-weight:700;color:var(--accent-primary);background:var(--bg-primary);padding:.5rem 1rem;border-radius:8px;border:1px solid var(--border-color);letter-spacing:2px}.exam-progress-bar{height:4px;background:var(--bg-secondary);width:100%;flex-shrink:0}.exam-progress-fill{height:100%;background:var(--accent-primary);transition:width .3s ease}.exam-body{flex:1;overflow-y:auto;padding:2rem;position:relative}.exam-footer{display:flex;justify-content:space-between;padding:1rem 2rem;background:var(--bg-secondary);border-top:1px solid var(--border-color);flex-shrink:0}.exam-split-layout{display:flex;gap:2rem;height:100%}.exam-left-pane,.exam-right-pane{flex:1;display:flex;flex-direction:column;background:var(--bg-secondary);border-radius:12px;padding:2rem;border:1px solid var(--border-color);overflow-y:auto}.exam-single-layout{max-width:800px;margin:0 auto}.exam-article-text{font-size:1.1rem;line-height:1.8;margin-top:1.5rem;color:var(--text-primary)}.exam-result-wrapper{max-width:800px;margin:3rem auto;background:var(--bg-secondary);padding:3rem;border-radius:16px;border:1px solid var(--border-color);text-align:center}.exam-result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin:2rem 0}.final-score-callout{margin-top:2rem;padding:2rem;background:#5865f21a;border-radius:12px;border:1px solid rgba(88,101,242,.2)}.final-score-callout .fs-label{font-size:1.2rem;color:var(--text-secondary)}.final-score-callout .fs-score{font-size:4rem;font-weight:800;color:var(--accent-primary)}.final-score-callout .fs-score span{font-size:1.5rem;color:var(--text-muted)}.card-score{font-size:.85rem;color:var(--text-secondary);padding-top:var(--space-2);border-top:1px solid var(--border);margin-top:var(--space-3)}.card-score strong{color:var(--primary);font-weight:700}.exercise-container{max-width:800px;margin:0 auto}.exercise-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.exercise-progress-info{font-size:.9rem;color:var(--text-secondary);font-weight:600}.exercise-header-card{background:var(--gradient-primary);border-radius:var(--radius-2xl);padding:var(--space-6);margin-bottom:var(--space-6);color:var(--text-on-gradient)}.exercise-header-card h2{font-size:1.5rem;margin-bottom:var(--space-2)}.exercise-subtitle{opacity:.9;margin-bottom:var(--space-2)}.exercise-focus{display:flex;align-items:center;gap:var(--space-2);opacity:.85;font-size:.9rem;margin-bottom:var(--space-4)}.progress-bar-wrapper{height:6px;background:#ffffff40;border-radius:3px;overflow:hidden}.progress-bar{height:100%;background:#ffffffe6;border-radius:3px;transition:width .5s ease}.pron-intro-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-5);margin-bottom:var(--space-5)}.pron-intro-en{display:flex;align-items:flex-start;gap:var(--space-2);font-size:.9rem;color:var(--text-primary);margin-bottom:var(--space-2);line-height:1.6}.pron-intro-zh{font-size:.85rem;color:var(--text-secondary);padding-left:calc(var(--space-2) + 18px);line-height:1.6}.sentence-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-5);box-shadow:var(--shadow-md)}.sentence-main{text-align:center;margin-bottom:var(--space-4)}.sentence-en{font-size:1.4rem;font-weight:600;color:var(--text-primary);line-height:1.6;margin-bottom:var(--space-3)}.sentence-zh{font-size:.95rem;color:var(--text-secondary);margin-bottom:var(--space-2)}.sentence-phonetic{font-family:Courier New,Courier,monospace;font-size:.85rem;color:var(--primary);background:var(--bg-secondary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);display:inline-block}.sentence-tip{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:#fffaeb;border-radius:var(--radius-lg);font-size:.85rem;color:#8a6b0f;border-left:3px solid hsl(45,90%,55%)}.pron-actions{display:flex;gap:var(--space-4);justify-content:center;margin-bottom:var(--space-5);flex-wrap:wrap}.pron-listen-btn{min-width:180px;padding:var(--space-3) var(--space-5);font-size:1rem}.pron-record-btn{min-width:180px;padding:var(--space-3) var(--space-5);font-size:1rem;position:relative}.pron-record-btn.recording{background:var(--danger)!important;border-color:var(--danger)!important;color:#fff!important;animation:pron-pulse 1.2s infinite}@keyframes pron-pulse{0%,to{box-shadow:0 0 #ef444480}50%{box-shadow:0 0 0 12px #ef444400}}.pron-result-area{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-5);animation:slideUp .4s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.result-header{display:flex;align-items:center;gap:var(--space-5);margin-bottom:var(--space-5)}.accuracy-ring{position:relative;width:100px;height:100px;flex-shrink:0}.accuracy-ring svg{width:100%;height:100%}.accuracy-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.3rem;font-weight:800;color:var(--text-primary)}.result-meta h3{font-size:1.1rem;margin-bottom:var(--space-2)}.result-meta p{font-size:.95rem;color:var(--text-secondary)}.word-comparison{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-lg)}.word-result{display:inline-block;padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);font-size:1rem;font-weight:500;cursor:default;transition:transform .2s}.word-result:hover{transform:scale(1.05)}.word-correct{background:#d2f9e0;color:#1f7a40;border:1px solid hsl(142,60%,70%)}.word-close{background:#fff2cc;color:#8a6b0f;border:1px solid hsl(45,80%,60%);text-decoration:underline wavy hsl(45,80%,50%)}.word-missed{background:#fbdfdf;color:#a32929;border:1px solid hsl(0,60%,70%);text-decoration:line-through}.word-extra{background:#e2eaf8;color:#4d6eb3;border:1px dashed hsl(220,40%,60%);font-style:italic}.pron-nav-actions{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-4);border-top:1px solid var(--border)}@media(max-width:640px){.sentence-en{font-size:1.15rem}.pron-actions{flex-direction:column;align-items:stretch}.pron-listen-btn,.pron-record-btn{min-width:auto}.result-header{flex-direction:column;text-align:center}.accuracy-ring{margin:0 auto}}.tts-options{display:flex;flex-direction:column;gap:var(--space-3)}.tts-option-card{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-4) var(--space-5);border:2px solid var(--border-primary, var(--border));border-radius:var(--radius-xl, 12px);cursor:pointer;transition:all .25s ease;background:var(--card-bg, var(--bg-secondary))}.tts-option-card:hover{border-color:var(--accent-primary, #667eea);background:var(--bg-hover, rgba(102, 126, 234, .04))}.tts-option-card.selected{border-color:var(--accent-primary, #667eea);background:#667eea14;box-shadow:0 0 0 3px #667eea26}.tts-option-card input[type=radio]{margin-top:4px;accent-color:var(--accent-primary, #667eea);width:18px;height:18px;flex-shrink:0}.tts-option-content{flex:1;min-width:0}.tts-option-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1)}.tts-option-title{font-weight:700;font-size:1rem}.tts-option-desc{font-size:.85rem;color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-2)}.tts-option-meta{display:flex;gap:var(--space-4);font-size:.75rem;color:var(--text-tertiary, var(--text-muted))}.tts-option-meta span{display:flex;align-items:center;gap:4px}.tts-option-meta i{width:12px;height:12px}@media(max-width:640px){.tts-option-card{padding:var(--space-3) var(--space-4)}.tts-option-meta{flex-wrap:wrap;gap:var(--space-2)}}.provider-tabs{display:flex;gap:0;margin-bottom:1.5rem;border-radius:var(--radius-lg, 8px);overflow:hidden;border:1px solid var(--border-primary, var(--border))}.provider-tab{flex:1;padding:.65rem 1rem;border:none;background:transparent;color:var(--text-secondary);font-size:.9rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .25s ease}.provider-tab:hover{background:var(--bg-hover, rgba(102, 126, 234, .06))}.provider-tab.active{background:var(--accent-primary, #667eea);color:#fff}.provider-tab i{width:16px;height:16px}.settings-input{height:40px;width:100%;border:1px solid var(--border-primary, var(--border));border-radius:var(--radius-md, 6px);padding:0 10px;font-size:.9rem;background:var(--bg-secondary, #1a1a2e);color:var(--text-primary);transition:border-color .2s}.settings-input:focus{outline:none;border-color:var(--accent-primary, #667eea);box-shadow:0 0 0 3px #667eea26}select.settings-input{cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.model-info-box{margin-top:.75rem;padding:.75rem 1rem;border-radius:var(--radius-md, 6px);background:var(--bg-hover, rgba(102, 126, 234, .06));border:1px solid var(--border-primary, var(--border));font-size:.8rem}.model-info-row{display:flex;justify-content:space-between;padding:.3rem 0;color:var(--text-secondary)}.model-info-row span:first-child{font-weight:600;color:var(--text-primary)}@media(max-width:640px){.provider-tabs{flex-direction:column}.provider-tab{padding:.75rem}}