.brand-logo{display:inline-flex;align-items:center;gap:6px;min-width:0;font-family:var(--font-family)}.brand-logo-mark{flex-shrink:0;display:block;object-fit:contain}.brand-logo-copy{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:1px}.brand-logo-title-row{display:flex;align-items:baseline;gap:8px;min-width:0;line-height:1}.brand-logo-wordmark{color:#15233b;font-size:1.55rem;font-weight:700;letter-spacing:-.01em;line-height:1.05;white-space:nowrap}.brand-logo-suffix{color:#4e5f7d;font-size:.52em;font-weight:800;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.brand-logo-subtitle{color:#7b8798;font-size:.72rem;font-weight:600;letter-spacing:.08em;line-height:1.1;text-transform:uppercase;white-space:nowrap}.lp-page{min-height:100vh;background:#fff;color:var(--color-text-primary);overflow-x:hidden;font-family:var(--font-family);position:relative}.lp-logo-corner{position:absolute;top:20px;left:24px;z-index:100}.lp-language-btn{position:fixed;top:20px;right:24px;z-index:100;display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid var(--color-border);border-radius:10px;background:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--color-text-secondary);font-family:inherit;font-size:.88rem;font-weight:700;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.lp-language-btn:hover{color:var(--color-primary);border-color:var(--color-primary);background:#fff}.lp-btn,.lp-btn-soft{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;font-family:inherit;font-size:.92rem;font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease;border:none;padding:10px 20px;white-space:nowrap;text-decoration:none}.lp-btn{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color:#fff;box-shadow:0 4px 14px color-mix(in srgb,var(--color-primary) 30%,transparent)}.lp-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px color-mix(in srgb,var(--color-primary) 40%,transparent)}.lp-btn-soft{background:#fff;color:var(--color-text-primary);border:1px solid var(--color-border);box-shadow:0 2px 8px #0000000a}.lp-btn-soft:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px)}.lp-btn-large{padding:13px 24px;font-size:.98rem;border-radius:14px}.lp-btn-white{background:#fff;color:var(--color-primary);box-shadow:0 6px 20px #0000001f}.lp-btn-white:hover{background:#fff;transform:translateY(-1px);box-shadow:0 10px 28px #0000002e}.lp-hero{width:100%;position:relative;overflow:hidden;background:radial-gradient(ellipse 60% 45% at 12% 0%,rgba(20,184,166,.1) 0%,transparent 60%),radial-gradient(ellipse 55% 45% at 88% 8%,rgba(45,212,191,.08) 0%,transparent 60%),linear-gradient(180deg,#fdfefe,#f7fbfa)}.lp-hero-inner{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:72px 24px 40px;width:100%}.lp-hero-copy{display:flex;flex-direction:column;align-items:center;text-align:center;gap:22px;max-width:780px;margin:0 auto}.lp-hero-title{font-size:clamp(2.9rem,6.5vw,4.8rem);font-weight:850;line-height:1.04;letter-spacing:-.05em;color:var(--color-text-primary);margin:0}.lp-hero-title span{display:block}.lp-hero-title-accent{background:linear-gradient(120deg,var(--color-primary) 0%,var(--color-primary-active) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.lp-hero-subtitle{font-size:1.12rem;line-height:1.7;color:var(--color-text-secondary);margin:0;max-width:760px;white-space:pre-line}.lp-hero-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:4px}.lp-hero-trust{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;margin-top:4px}.lp-hero-trust span{display:inline-flex;align-items:center;gap:6px;font-size:.84rem;color:var(--color-text-secondary);font-weight:600}.lp-hero-trust svg{color:var(--color-primary);flex-shrink:0}.lp-hero-collage{display:flex;justify-content:center;align-items:flex-start;margin-top:64px;padding:0 16px 28px}.lp-collage-card{width:clamp(140px,17vw,224px);aspect-ratio:16 / 10;border-radius:18px;background-size:cover;background-position:center;background-color:var(--color-bg-secondary);border:4px solid #fff;box-shadow:0 24px 48px -16px #0d544d47;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease}.lp-collage-card+.lp-collage-card{margin-left:clamp(-28px,-2vw,-14px)}.lp-collage-card:nth-child(1){transform:rotate(-7deg) translateY(16px)}.lp-collage-card:nth-child(2){transform:rotate(-2.5deg) translateY(-8px)}.lp-collage-card:nth-child(3){transform:rotate(2.5deg) translateY(2px)}.lp-collage-card:nth-child(4){transform:rotate(7deg) translateY(18px)}.lp-collage-card:hover{transform:rotate(0) translateY(-6px) scale(1.05);box-shadow:0 32px 64px -16px #0d544d5c;z-index:2;position:relative}.lp-main{max-width:1200px;margin:0 auto;padding:0 24px 56px}.lp-section-head{text-align:center;max-width:560px;margin:0 auto 40px}.lp-section-head h2{font-size:clamp(1.7rem,3vw,2.2rem);font-weight:800;color:var(--color-text-primary);margin:0 0 10px;letter-spacing:-.02em}.lp-section-head p{font-size:1rem;color:var(--color-text-secondary);line-height:1.6;margin:0}.lp-features-section{padding:72px 0 56px}.lp-feature-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.lp-feature-card{background:#fff;border-radius:20px;padding:26px 18px;border:1px solid var(--color-border-light);text-align:center;transition:transform .2s ease,box-shadow .2s ease}.lp-feature-card:hover{transform:translateY(-3px);box-shadow:0 16px 40px -12px #0f786f24}.lp-feature-icon{width:64px;height:64px;border-radius:18px;display:flex;align-items:center;justify-content:center;margin:0 auto 18px}.lp-feature-icon svg{width:38px;height:38px}.lp-feature-card h3{font-size:.98rem;font-weight:800;color:var(--color-text-primary);margin:0 0 8px}.lp-feature-card p{font-size:.82rem;line-height:1.6;color:var(--color-text-tertiary);margin:0}.lp-tone-brand{background:var(--color-content-brand-bg);color:var(--color-content-brand)}.lp-tone-orange{background:var(--color-content-speaking-bg);color:var(--color-content-speaking)}.lp-tone-purple{background:var(--color-content-ai-bg);color:var(--color-content-ai)}.lp-tone-pink{background:var(--color-pastel-pink);color:#ec4899}.lp-tone-blue{background:var(--color-pastel-blue);color:#3b82f6}.lp-stats-section{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center;padding:72px 48px;border-radius:28px;background:#f2fbf9;border:1px solid rgba(20,187,166,.1);box-shadow:0 10px 30px #14bba612}.lp-stats-copy{padding:8px 0}.lp-stats-copy h2{font-size:clamp(1.5rem,2.4vw,2rem);font-weight:800;color:var(--color-text-primary);margin:0 0 12px;letter-spacing:-.02em}.lp-stats-copy p{font-size:.95rem;color:var(--color-text-secondary);line-height:1.7;margin:0}.lp-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.lp-stats-panel{display:flex;flex-direction:column;gap:18px}.lp-stat-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 0 6px 22px;text-align:center}.lp-stat-item:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:1.5px;border-radius:999px;background:#14b8a640}.lp-stat-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-bottom:8px;border-radius:12px;background:#fff;color:var(--color-primary);box-shadow:0 2px 8px #0d94881f}.lp-stats-hint{margin:0;font-size:.84rem;color:var(--color-text-tertiary);display:inline-flex;align-items:center;gap:6px}.lp-stats-hint:before{content:"✦";color:var(--color-primary);font-size:.9rem}.lp-stat-item strong{font-size:1.8rem;font-weight:800;color:var(--color-text-primary)}.lp-stat-item span{font-size:.84rem;color:var(--color-text-secondary);font-weight:600}.lp-footer{border-top:1px solid var(--color-border-light);padding:32px clamp(24px,5vw,64px);background:linear-gradient(180deg,#fbfdfc,#fff)}.lp-footer-bottom{max-width:1200px;margin:0 auto;text-align:center}.lp-footer-bottom span{font-size:.82rem;color:var(--color-text-muted)}@media (max-width: 1100px){.lp-feature-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.lp-hero-inner{padding:56px 24px 32px}.lp-hero-subtitle{max-width:520px}.lp-hero-collage{margin-top:48px}.lp-collage-card{width:clamp(130px,22vw,190px);border-width:3px}.lp-stats-section{grid-template-columns:1fr;text-align:center;gap:32px;padding:48px 28px}}@media (max-width: 720px){.lp-feature-grid{grid-template-columns:repeat(2,1fr)}.lp-stats-grid{grid-template-columns:1fr}.lp-stat-item+.lp-stat-item{margin-top:16px}}@media (max-width: 480px){.lp-hero{padding-top:40px}.lp-hero-title{font-size:2.4rem}.lp-hero-actions{width:100%}.lp-hero-actions .lp-btn,.lp-hero-actions .lp-btn-soft{flex:1}.lp-feature-grid{grid-template-columns:1fr}}:root{--color-bg: #ffffff;--color-bg-elevated: #ffffff;--color-bg-primary: #ffffff;--color-bg-secondary: #F8FAFC;--color-bg-tertiary: #F1F5F9;--color-bg-muted: #E2E8F0;--color-bg-sunken: #F8FAFC;--color-primary: #14B8A6;--color-primary-hover: #0D9488;--color-primary-active: #0F766E;--color-primary-light: rgba(20, 184, 166, .1);--color-primary-subtle: rgba(20, 184, 166, .06);--color-primary-tint: #F0FDFA;--color-secondary: #E2E8F0;--color-secondary-hover: #CBD5E1;--color-secondary-light: rgba(226, 232, 240, .6);--color-tertiary: #8B5CF6;--color-tertiary-hover: #7C3AED;--color-tertiary-active: #6D28D9;--color-tertiary-light: rgba(139, 92, 246, .1);--color-tertiary-subtle: rgba(139, 92, 246, .06);--color-tertiary-tint: #F1E9FF;--color-accent: #FF8A3D;--color-accent-hover: #F97316;--color-accent-active: #EA580C;--color-accent-light: rgba(255, 138, 61, .1);--color-accent-subtle: rgba(255, 138, 61, .06);--color-text-primary: #1F2937;--color-text-secondary: #6B7280;--color-text-tertiary: #9CA3AF;--color-text-muted: #9CA3AF;--color-text-disabled: #D1D5DB;--color-text-inverse: #ffffff;--color-border: #E5E7EB;--color-border-light: #F3F4F6;--color-border-strong: #D1D5DB;--color-border-focus: var(--color-primary);--color-success: #10B981;--color-success-bg: rgba(16, 185, 129, .1);--color-warning: #F59E0B;--color-warning-bg: rgba(245, 158, 11, .1);--color-error: #EF4444;--color-error-bg: rgba(239, 68, 68, .1);--color-info: #3B82F6;--color-info-bg: rgba(59, 130, 246, .1);--color-mint: #DDF7F2;--color-pastel-blue: #EAF4FF;--color-pastel-purple: #F1E9FF;--color-pastel-orange: #FFF1E7;--color-pastel-pink: #FDECEF;--color-content-brand: #14B8A6;--color-content-brand-bg: #ECFDF9;--color-content-brand-light: rgba(20, 184, 166, .1);--color-content-brand-subtle: rgba(20, 184, 166, .06);--color-content-brand-dark: #0D9488;--color-content-vocab: #148B84;--color-content-vocab-bg: #EAF8F5;--color-content-vocab-light: rgba(20, 139, 132, .1);--color-content-vocab-subtle: rgba(20, 139, 132, .06);--color-content-vocab-dark: #0F6E69;--color-content-reading: #2563EB;--color-content-reading-bg: #EAF3FF;--color-content-reading-light: rgba(37, 99, 235, .1);--color-content-reading-subtle: rgba(37, 99, 235, .06);--color-content-reading-dark: #1D4ED8;--color-content-listening: #C81E4A;--color-content-listening-bg: #FDEEEF;--color-content-listening-light: rgba(200, 30, 74, .1);--color-content-listening-subtle: rgba(200, 30, 74, .06);--color-content-listening-dark: #9F1239;--color-content-speaking: #F97316;--color-content-speaking-bg: #FFF2E8;--color-content-speaking-light: rgba(249, 115, 22, .1);--color-content-speaking-subtle: rgba(249, 115, 22, .06);--color-content-speaking-dark: #EA580C;--color-content-ai: #8B5CF6;--color-content-ai-bg: #F4EEFF;--color-content-ai-light: rgba(139, 92, 246, .1);--color-content-ai-subtle: rgba(139, 92, 246, .06);--color-content-ai-dark: #7C3AED;--color-content-exam: #D97706;--color-content-exam-bg: #FFF6E5;--color-content-exam-light: rgba(217, 119, 6, .1);--color-content-exam-subtle: rgba(217, 119, 6, .06);--color-content-exam-dark: #B45309;--color-content-success: #10B981;--color-content-success-bg: #EEFDF7;--color-content-success-light: rgba(16, 185, 129, .1);--color-content-success-subtle: rgba(16, 185, 129, .06);--color-content-success-dark: #059669;--color-antd-red: var(--color-error);--color-antd-green: var(--color-success);--color-antd-blue: var(--color-info);--color-subtitle-highlight-en: rgba(20, 184, 166, .12);--color-subtitle-highlight-zh: rgba(20, 184, 166, .08);--color-score-great: #10B981;--color-score-good: #34D399;--color-score-ok: #F59E0B;--color-score-poor: #EF4444;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Display", "PingFang SC", "Microsoft YaHei", sans-serif;--font-family-en: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", sans-serif;--font-family-mono: "JetBrains Mono", "SF Mono", Menlo, Monaco, monospace;--font-family-display: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Display", "PingFang SC", sans-serif;--font-family-serif: Georgia, "Source Han Serif SC", "Songti SC", "STSong", "Times New Roman", serif;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-base: 14px;--font-size-md: 15px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 22px;--font-size-3xl: 28px;--font-size-4xl: 36px;--font-size-5xl: 48px;--font-size-6xl: 64px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-black: 900;--line-height-none: 1;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 1.75;--letter-spacing-tight: -.02em;--letter-spacing-normal: 0;--letter-spacing-wide: .02em;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 8px;--space-4: 12px;--space-5: 16px;--space-6: 20px;--space-7: 24px;--space-8: 32px;--space-9: 40px;--space-10: 48px;--space-12: 64px;--radius-none: 0;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-3xl: 32px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(31, 41, 55, .04);--shadow-sm: 0 2px 8px rgba(31, 41, 55, .06);--shadow-md: 0 4px 16px rgba(31, 41, 55, .08);--shadow-lg: 0 8px 32px rgba(31, 41, 55, .1);--shadow-xl: 0 12px 48px rgba(31, 41, 55, .12);--shadow-2xl: 0 20px 60px rgba(31, 41, 55, .15);--shadow-inner: inset 0 2px 4px rgba(31, 41, 55, .04);--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(0, 0, 0, .06);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .08);--gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-hover) 100%);--gradient-accent: linear-gradient(135deg, var(--color-accent) 0%, #FF8C5A 100%);--gradient-tertiary: linear-gradient(135deg, var(--color-tertiary) 0%, var(--color-tertiary-hover) 100%);--gradient-brand: linear-gradient(135deg, var(--color-primary) 0%, var(--color-accent) 100%);--gradient-premium: linear-gradient(135deg, var(--color-tertiary) 0%, var(--color-primary) 100%);--gradient-sunset: linear-gradient(135deg, var(--color-accent) 0%, var(--color-tertiary) 100%);--gradient-text: linear-gradient(135deg, var(--color-primary) 0%, var(--color-accent) 50%, var(--color-tertiary) 100%);--transition-duration-instant: 50ms;--transition-duration-fast: .1s;--transition-duration-normal: .15s;--transition-duration-slow: .2s;--transition-duration-slower: .3s;--transition-timing-ease: cubic-bezier(.4, 0, .2, 1);--transition-timing-ease-out: cubic-bezier(0, 0, .2, 1);--transition-timing-ease-in: cubic-bezier(.4, 0, 1, 1);--transition-timing-spring: cubic-bezier(.175, .885, .32, 1.275);--sidebar-width: 260px;--sidebar-collapsed-width: 72px;--header-height: 56px;--content-max-width: 1280px;--reading-max-width: 720px;--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--z-overlay: 9000;--z-popup: 9500;--menu-bg: var(--color-bg-elevated);--menu-group-title-color: var(--color-text-tertiary);--menu-item-color: var(--color-text-secondary);--menu-item-hover-bg: var(--color-bg-secondary);--menu-item-hover-color: var(--color-primary);--menu-item-active-bg: var(--color-primary-tint);--menu-item-active-color: var(--color-primary-active);--menu-border-color: var(--color-border)}.app-dark{--color-bg: #0c0c0f;--color-bg-elevated: #131318;--color-bg-primary: #0c0c0f;--color-bg-secondary: #1a1a22;--color-bg-tertiary: #242430;--color-bg-muted: #2e2e3a;--color-bg-sunken: #08080a;--color-text-primary: #f0f0f5;--color-text-secondary: #a0a0b0;--color-text-tertiary: #686878;--color-text-muted: #484858;--color-text-disabled: #383848;--color-text-inverse: #0c0c0f;--color-border: rgba(255, 255, 255, .08);--color-border-light: rgba(255, 255, 255, .04);--color-border-strong: rgba(255, 255, 255, .16);--color-primary-tint: rgba(20, 184, 166, .08);--color-tertiary-tint: rgba(124, 58, 237, .08);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-xl: 0 12px 48px rgba(0, 0, 0, .6);--shadow-2xl: 0 20px 60px rgba(0, 0, 0, .7);--glass-bg: rgba(19, 19, 24, .85);--glass-border: rgba(255, 255, 255, .06);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .4)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes glow{0%,to{box-shadow:0 0 20px #14b8a64d}50%{box-shadow:0 0 40px #14b8a699}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-slide-up{animation:slideUp .4s ease-out}.animate-scale-in{animation:scaleIn .3s ease-out}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.gradient-text{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-card{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--glass-shadow)}.glow-border{position:relative}.glow-border:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary),var(--color-accent));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease}.glow-border:hover:before{opacity:1}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:15px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background:var(--color-bg-primary);min-height:100vh;transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);color:var(--color-text-primary)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}a{color:var(--color-primary);text-decoration:none;transition:color .15s ease}a:hover{color:var(--color-primary-hover)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);padding:var(--space-5);position:relative;overflow:hidden}.auth-page:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 30%,rgba(20,184,166,.08) 0%,transparent 50%),radial-gradient(circle at 70% 70%,rgba(231,236,241,.4) 0%,transparent 50%);animation:gradientShift 15s ease infinite;z-index:0}.auth-card{width:100%;max-width:420px;padding:var(--space-8);background:var(--color-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--color-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);animation:scaleIn .4s ease-out;position:relative;z-index:1}.auth-card h2{text-align:center;margin-bottom:var(--space-6);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.app-header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-7);height:var(--header-height);background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:var(--z-sticky)}.app-header .logo{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);cursor:pointer;text-decoration:none;color:var(--color-text-primary);display:flex;align-items:center;gap:var(--space-2)}.app-header .logo span{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:var(--font-size-xl)}.header-nav{display:flex;align-items:center;gap:var(--space-6)}.header-nav a{color:var(--color-text-secondary);text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:color .15s ease;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md)}.header-nav a:hover{color:var(--color-text-primary);background:var(--color-primary-subtle)}.home-main{max-width:var(--content-max-width);margin:0 auto;padding:var(--space-7) var(--space-7) var(--space-10);width:100%;display:flex;flex-direction:column;gap:var(--space-6)}.home-greeting-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.home-greeting-text{display:flex;flex-direction:column;gap:var(--space-1)}.home-greeting-hi{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:var(--letter-spacing-tight)}.home-greeting-sub{font-size:var(--font-size-sm);color:var(--color-text-tertiary);line-height:var(--line-height-relaxed)}.home-quick-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.home-quick-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);background:var(--color-bg-secondary);color:var(--color-text-secondary);border:1px solid var(--color-border);transition:all .2s var(--transition-timing-ease);box-shadow:var(--shadow-sm)}.home-quick-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-subtle)}.home-quick-icon{font-size:var(--font-size-base);display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#fff}.home-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-12) var(--space-6);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 50%,var(--color-secondary) 100%);border-radius:var(--radius-2xl);gap:var(--space-4);color:#fff;position:relative;overflow:hidden}.home-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.5}.home-hero-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:#fff}.home-hero-sub{font-size:var(--font-size-md);color:#ffffffd9;max-width:500px;line-height:var(--line-height-relaxed)}.home-hero-actions{display:flex;gap:var(--space-3);margin-top:var(--space-3)}.home-hero-btn{padding:var(--space-4) var(--space-7);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .2s var(--transition-timing-ease);border:none}.home-hero-btn.primary{background:var(--color-bg-elevated);color:var(--color-primary);box-shadow:var(--shadow-lg)}.home-hero-btn.primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.home-hero-btn.secondary{background:#ffffff26;color:#fff;border:1.5px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.home-hero-btn.secondary:hover{background:#ffffff40;border-color:#ffffff80}.stat-card{padding:var(--space-5);border-radius:var(--radius-xl);display:flex;align-items:center;gap:var(--space-4);cursor:pointer;background:var(--color-bg-secondary);border:1px solid var(--color-border);transition:all .2s var(--transition-timing-ease);box-shadow:var(--shadow-sm)}.stat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--color-primary);background:var(--color-bg-tertiary)}.stat-icon{font-size:var(--font-size-lg);width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#fff}.stat-info{flex:1}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin-bottom:var(--space-1)}.stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);background:linear-gradient(135deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-5)}.video-card{border-radius:var(--radius-xl);overflow:hidden;cursor:pointer;background:var(--color-bg-secondary);border:1px solid var(--color-border);transition:all .3s var(--transition-timing-ease);box-shadow:var(--shadow-sm)}.video-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl);border-color:var(--color-primary)}.video-thumb{position:relative;width:100%;padding-top:56.25%;background:linear-gradient(135deg,var(--color-bg-tertiary) 0%,var(--color-bg-muted) 100%);overflow:hidden}.video-thumb img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.video-card:hover .video-thumb img{transform:scale(1.08)}.video-thumb .duration{position:absolute;bottom:var(--space-3);left:var(--space-3);background:#000c;color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:3px var(--space-3);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.video-thumb .author{position:absolute;bottom:var(--space-3);right:var(--space-3);background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#fff;font-size:var(--font-size-xs);padding:3px var(--space-3);border-radius:var(--radius-md)}.vocab-badge{position:absolute;top:var(--space-3);right:var(--space-3);background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:3px var(--space-3);border-radius:var(--radius-full);box-shadow:var(--shadow-md)}.video-card-body{padding:var(--space-5)}.video-card-body .ep-rating{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.video-card-body .episode{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-primary);background:var(--color-primary-subtle);padding:3px var(--space-3);border-radius:var(--radius-md)}.video-card-body .rating{color:var(--color-warning);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.video-card-body .title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-3);line-height:var(--line-height-snug);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-card-body .tags{display:flex;gap:var(--space-2);flex-wrap:wrap}.video-card-body .tag{font-size:11px;padding:3px var(--space-3);border-radius:var(--radius-md);background:var(--color-bg-tertiary);color:var(--color-text-tertiary);border:1px solid var(--color-border-light)}.video-card-footer{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-5);font-size:var(--font-size-xs);color:var(--color-text-muted);border-top:1px solid var(--color-border-light);background:var(--color-bg-tertiary)}.video-card-vocab-entry{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;color:var(--color-primary);background:var(--color-primary-subtle);border-top:1px solid var(--color-border);transition:all .15s ease}.video-card-vocab-entry:hover{background:var(--color-primary);color:#fff}.app-layout{display:flex;min-height:100vh}.app-sidebar{width:var(--sidebar-width);flex-shrink:0;position:fixed;top:0;left:0;height:100vh;display:flex;flex-direction:column;z-index:var(--z-fixed);background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--color-border);transition:width .25s var(--transition-timing-ease)}.app-sidebar.sidebar-collapsed{width:var(--sidebar-collapsed-width)}.sidebar-logo{height:var(--header-height);display:flex;align-items:center;padding:0 var(--space-6);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);text-decoration:none;color:var(--color-text-primary);border-bottom:1px solid var(--color-border);flex-shrink:0}.sidebar-logo span{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-nav{display:flex;flex-direction:column;padding:var(--space-4);flex:1;overflow-y:auto}.sidebar-nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);text-decoration:none;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-lg);margin-bottom:var(--space-1);transition:all .15s ease}.sidebar-nav-item:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.sidebar-nav-item.active{background:var(--menu-item-active-bg);color:var(--menu-item-active-color);font-weight:var(--font-weight-semibold);border:1px solid rgba(20,184,166,.2)}.app-main{flex:1;margin-left:var(--sidebar-width);min-height:100vh;display:flex;flex-direction:column;transition:margin-left .25s var(--transition-timing-ease)}.app-main.sidebar-collapsed-main{margin-left:var(--sidebar-collapsed-width)}.app-content{flex:1;background:var(--color-bg-primary)}.vocab-list-page{max-width:var(--content-max-width);margin:0 auto;padding:0 var(--space-7) var(--space-8)}.vocab-list-header{padding:var(--space-6) 0 var(--space-5);display:flex;flex-direction:column;gap:var(--space-2)}.vocab-list-title{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.vocab-list-subtitle{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.vocab-pack-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-5);margin-top:var(--space-5)}.vocab-pack-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-xl);cursor:pointer;background:var(--color-bg-secondary);border:1px solid var(--color-border);transition:all .2s ease;box-shadow:var(--shadow-sm)}.vocab-pack-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.vocab-pack-thumb{position:relative;width:80px;height:48px;flex-shrink:0;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-bg-tertiary)}.vocab-pack-thumb img{width:100%;height:100%;object-fit:cover}.vocab-pack-count-badge{position:absolute;bottom:var(--space-1);right:var(--space-1);background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#fff;font-size:10px;font-weight:var(--font-weight-semibold);padding:2px var(--space-2);border-radius:var(--radius-sm)}.vocab-pack-info{flex:1;min-width:0}.vocab-pack-ep{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--space-1)}.vocab-pack-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:var(--space-1)}.vocab-pack-tags{display:flex;gap:var(--space-1);flex-wrap:wrap}.vocab-pack-tag{font-size:10px;padding:2px var(--space-2);border-radius:var(--radius-sm);background:var(--color-bg-tertiary);color:var(--color-text-tertiary)}.vocab-pack-start{flex-shrink:0;color:var(--color-text-muted);transition:color .15s ease}.vocab-pack-card:hover .vocab-pack-start{color:var(--color-primary)}.vocab-page{max-width:640px;margin:0 auto;padding:0 var(--space-5) var(--space-10);display:flex;flex-direction:column;align-items:stretch;min-height:calc(100vh - var(--header-height))}.vocab-header{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5) 0;border-bottom:1px solid var(--color-border);margin-bottom:var(--space-6)}.vocab-title{flex:1;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);display:flex;align-items:center;gap:var(--space-2);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.vocab-header-actions{display:flex;gap:var(--space-2)}.vocab-card-area{perspective:1200px;flex:1;display:flex;align-items:flex-start;justify-content:center;padding-bottom:var(--space-6)}.vocab-card{width:100%;max-width:520px;min-height:280px;position:relative;cursor:pointer;transform-style:preserve-3d;transition:transform .5s var(--transition-timing-ease);border-radius:var(--radius-2xl)}.vocab-card.flipped{transform:rotateY(180deg)}.vocab-card-inner{position:relative;width:100%;height:100%;min-height:280px}.vocab-card-face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-2xl);padding:var(--space-8);display:flex;flex-direction:column;align-items:center;justify-content:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:1px solid var(--color-border);transition:border-color .3s ease,box-shadow .3s ease;background:var(--color-bg-secondary);box-shadow:var(--shadow-xl)}.vocab-card-face:hover{border-color:var(--color-primary);box-shadow:var(--shadow-2xl),0 0 30px #14b8a633}.vocab-card-back{transform:rotateY(180deg);background:linear-gradient(135deg,var(--color-bg-secondary),var(--color-bg-tertiary));border-color:var(--color-secondary)}.vocab-card-hint{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--space-5);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}.vocab-card-text{text-align:center;line-height:var(--line-height-relaxed);word-break:break-word}.vocab-en{font-size:var(--font-size-3xl);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.vocab-cn{font-size:var(--font-size-2xl);font-weight:var(--font-weight-regular);color:var(--color-text-secondary);margin-top:var(--space-3)}.vocab-card-seq{margin-top:var(--space-6);font-size:var(--font-size-xs);color:var(--color-text-muted)}.vocab-learned-badge{position:absolute;top:var(--space-4);right:var(--space-4);font-size:var(--font-size-xs);color:var(--color-success);font-weight:var(--font-weight-bold);background:var(--color-success-bg);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full)}.vocab-nav{display:flex;align-items:center;justify-content:center;gap:var(--space-5);margin-bottom:var(--space-5)}.vocab-nav-counter{font-size:var(--font-size-sm);color:var(--color-text-muted);min-width:60px;text-align:center}.vocab-actions{display:flex;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-5)}.vocab-done-wrap{text-align:center;padding:var(--space-5) 0;border-top:1px solid var(--color-border);margin-top:var(--space-5)}.shadowing-page{max-width:720px;margin:0 auto;padding:0 var(--space-5) var(--space-10);display:flex;flex-direction:column;min-height:calc(100vh - var(--header-height));background:var(--color-bg-primary)}.shadowing-header{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5) 0;border-bottom:1px solid var(--color-border);margin-bottom:var(--space-5)}.shadowing-title{flex:1;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);display:flex;align-items:center;gap:var(--space-2);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.shadowing-progress-bar{padding:0 0 var(--space-5)}.shadowing-spotlight{border-radius:var(--radius-2xl);border:1px solid var(--color-primary);padding:var(--space-8) var(--space-6);display:flex;flex-direction:column;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);position:relative;min-height:180px;justify-content:center;background:var(--color-bg-secondary);box-shadow:var(--shadow-lg),0 0 40px #14b8a626}.shadowing-spotlight-seq{font-size:var(--font-size-xs);color:var(--color-text-muted);display:flex;align-items:center;gap:var(--space-2)}.shadowing-repeat-badge{font-size:var(--font-size-xs);background:var(--color-primary-subtle);color:var(--color-primary);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-weight:var(--font-weight-bold)}.shadowing-spotlight-text{text-align:center;line-height:var(--line-height-relaxed);word-break:break-word}.shadowing-en{font-size:var(--font-size-2xl);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.shadowing-cn{font-size:var(--font-size-xl);font-weight:var(--font-weight-regular);color:var(--color-text-secondary);margin-top:var(--space-2)}.shadowing-countdown-wrap{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);margin-top:var(--space-4)}.shadowing-countdown-num{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);background:linear-gradient(135deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.shadowing-listening-indicator{display:flex;gap:5px;align-items:center;margin-top:var(--space-4)}.shadowing-dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));animation:shadowing-bounce 1s infinite ease-in-out}.shadowing-dot:nth-child(2){animation-delay:.15s}.shadowing-dot:nth-child(3){animation-delay:.3s}@keyframes shadowing-bounce{0%,80%,to{transform:scale(.7);opacity:.4}40%{transform:scale(1);opacity:1}}.shadowing-controls{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-bottom:var(--space-5)}.shadowing-list{display:flex;flex-direction:column;gap:var(--space-2);overflow-y:auto;padding-bottom:var(--space-6)}.shadowing-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);cursor:pointer;border:1px solid transparent;transition:all .15s ease;background:var(--color-bg-secondary)}.shadowing-item:hover{background:var(--color-bg-tertiary)}.shadowing-item.is-current{border-color:var(--color-primary);background:var(--color-primary-subtle)}.shadowing-item.is-done{opacity:.5}.shadowing-item-seq{font-size:var(--font-size-xs);color:var(--color-text-muted);min-width:24px;padding-top:var(--space-1)}.shadowing-item-body{flex:1}.shadowing-item-primary{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);word-break:break-word}.shadowing-item.is-current .shadowing-item-primary{font-weight:var(--font-weight-semibold);color:var(--color-primary)}.shadowing-item-secondary{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:var(--space-1);line-height:var(--line-height-normal)}.shadowing-item-done-mark{font-size:var(--font-size-xs);color:var(--color-success);font-weight:var(--font-weight-bold);flex-shrink:0;padding-top:var(--space-1)}.vocab-notebook-page{max-width:960px;margin:0 auto;padding:0 var(--space-7) var(--space-8)}.vocab-notebook-header{padding:var(--space-6) 0 var(--space-5);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2)}.vocab-notebook-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.vocab-notebook-subtitle{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.vocab-notebook-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-4)}.vocab-notebook-card{border-radius:var(--radius-xl);padding:var(--space-5);border:1px solid var(--color-border);background:var(--color-bg-secondary);position:relative;transition:all .2s ease;box-shadow:var(--shadow-sm)}.vocab-notebook-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.vocab-notebook-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.vocab-notebook-word{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary)}.vocab-notebook-card-actions{display:flex;gap:var(--space-1)}.vocab-notebook-action-btn{background:transparent;border:none;cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--color-text-muted);transition:all .15s ease}.vocab-notebook-action-btn:hover{color:var(--color-primary);background:var(--color-primary-subtle)}.vocab-notebook-action-btn.danger:hover{color:var(--color-error);background:var(--color-error-bg)}.vocab-notebook-sentence{font-size:var(--font-size-xs);color:var(--color-text-tertiary);line-height:var(--line-height-normal);margin-bottom:var(--space-2);font-style:italic}.vocab-notebook-note{font-size:var(--font-size-xs);color:var(--color-secondary);line-height:var(--line-height-normal)}.vocab-notebook-date{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-3)}.clickable-word{cursor:pointer;border-radius:var(--radius-sm);padding:0 2px;transition:background .1s ease}.clickable-word:hover{background:var(--color-primary-subtle)}.clickable-word.in-vocab{border-bottom:2px solid var(--color-primary)}.word-popup{position:fixed;z-index:var(--z-popup);border-radius:var(--radius-xl);padding:var(--space-4);width:240px;box-shadow:var(--shadow-2xl);border:1px solid var(--color-border);background:var(--color-bg-secondary);transform:translateY(-100%);margin-top:-8px;animation:scaleIn .2s ease-out}.word-popup-word{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--space-2)}.word-popup-sentence{font-size:var(--font-size-xs);color:var(--color-text-tertiary);line-height:var(--line-height-normal);margin-bottom:var(--space-4);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.word-popup-actions{display:flex;flex-direction:column;gap:var(--space-2)}.word-popup-btn{border:none;border-radius:var(--radius-lg);padding:var(--space-3);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-align:left;transition:all .12s ease}.word-popup-btn:hover{opacity:.85}.word-popup-btn.add{background:var(--color-primary-subtle);color:var(--color-primary)}.word-popup-btn.remove{background:var(--color-error-bg);color:var(--color-error)}.word-popup-btn.dict{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}@media (max-width: 768px){.app-sidebar{display:none}.app-main{margin-left:0}.mobile-logo{display:flex!important}.desktop-placeholder{display:none}.app-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:56px;z-index:var(--z-fixed);background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--color-border)}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);text-decoration:none;color:var(--color-text-tertiary);font-size:10px;font-weight:var(--font-weight-medium);transition:color .15s ease}.bottom-nav-item:hover,.bottom-nav-item.active{color:var(--color-primary)}.app-content{padding-bottom:72px}.app-header{padding:0 var(--space-5)}.username-text{display:none}.home-main{padding:var(--space-5)}.home-quick-btn{padding:var(--space-2) var(--space-4);font-size:var(--font-size-xs)}}.activity-heatmap{--heatmap-border: var(--color-border);--heatmap-bg: var(--color-bg-secondary);--heatmap-title: var(--color-text-primary);--heatmap-label: var(--color-text-muted);--heatmap-meta: var(--color-text-tertiary)}