:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:rgba(255,255,255,.87);background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;min-width:320px;min-height:100vh;width:100%;overflow-x:hidden;position:relative;overscroll-behavior-y:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}html{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden;overscroll-behavior:none;scroll-behavior:smooth;-webkit-text-size-adjust:100%}#app{width:100%;min-height:100vh;margin:0;padding:0;position:relative;overflow-x:hidden}input,textarea,button,[contenteditable=true]{-webkit-user-select:text;user-select:text}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;pointer-events:none}a,button,input,textarea,select{pointer-events:auto}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@media print{html,body,#app{height:auto!important;min-height:0!important;max-height:none!important;width:auto!important;overflow:visible!important;overflow-x:visible!important;overflow-y:visible!important;position:static!important;overscroll-behavior:auto!important;margin:0!important;padding:0!important;background:#fff!important;color:#1f2937!important}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;overflow:visible!important;max-height:none!important}[style*="position: fixed"],[style*="position:fixed"]{display:none!important}.custom-toast,#toast-styles~.custom-toast,[class*=custom-toast]{display:none!important;visibility:hidden!important;opacity:0!important}}:root{--bg-primary: #FFFFFF;--bg-secondary: #F8F9FA;--bg-tertiary: #F1F3F5;--text-primary: #2C3E50;--text-secondary: #546E7A;--text-tertiary: #90A4AE;--text-light: #B0BEC5;--accent-primary: #D69E2E;--accent-hover: #B7791F;--accent-light: #F6E05E;--accent-bg: #FFFBEB;--alert-primary: #E53E3E;--alert-bg: #FFF5F5;--success: #38A169;--success-bg: #F0FFF4;--info: #3182CE;--info-bg: #EBF8FF;--border-light: #E2E8F0;--border-medium: #CBD5E0;--border-dark: #A0AEC0;--font-primary: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-english: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-bold: 700;--font-semibold: 600;--font-medium: 500;--font-regular: 400;--font-light: 300;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--leading-loose: 2;--space-1: 1rem;--space-2: 2rem;--space-3: 3rem;--space-4: 4rem;--space-5: 5rem;--space-6: 6rem;--space-8: 8rem;--space-10: 10rem;--space-12: 12rem;--space-16: 16rem;--padding-xs: 1.125rem;--padding-sm: 1.875rem;--padding-md: 2.8rem;--padding-lg: 3.75rem;--padding-xl: 5.6rem;--shadow-sm: 0 1px 2px 0 rgba(44, 62, 80, .05);--shadow-md: 0 4px 6px -1px rgba(44, 62, 80, .1), 0 2px 4px -1px rgba(44, 62, 80, .06);--shadow-lg: 0 10px 15px -3px rgba(44, 62, 80, .1), 0 4px 6px -2px rgba(44, 62, 80, .05);--shadow-xl: 0 20px 25px -5px rgba(44, 62, 80, .1), 0 10px 10px -5px rgba(44, 62, 80, .04);--shadow-2xl: 0 25px 50px -12px rgba(44, 62, 80, .25);--shadow-hover: 0 15px 30px -5px rgba(44, 62, 80, .15), 0 8px 12px -3px rgba(44, 62, 80, .08);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--font-regular);line-height:var(--leading-normal);color:var(--text-primary);background:var(--bg-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,.text-h1{font-size:var(--text-4xl);font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--gray-900);margin-bottom:var(--space-4)}h2,.text-h2{font-size:var(--text-3xl);font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--gray-800);margin-bottom:var(--space-3)}h3,.text-h3{font-size:var(--text-2xl);font-weight:var(--font-semibold);line-height:var(--leading-normal);color:var(--gray-800);margin-bottom:var(--space-3)}.text-slogan{font-size:var(--text-xl);font-weight:var(--font-medium);line-height:var(--leading-relaxed);color:var(--gray-700)}.text-body{font-size:var(--text-base);font-weight:var(--font-regular);line-height:var(--leading-relaxed);color:var(--gray-700)}.text-caption{font-size:var(--text-sm);font-weight:var(--font-regular);line-height:var(--leading-normal);color:var(--gray-600)}.card{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--padding-lg);box-shadow:var(--shadow-md);transition:all var(--transition-base);border:none}.card:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px)}.card-elevated{box-shadow:var(--shadow-lg)}.card-floating{box-shadow:var(--shadow-xl)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--padding-sm) var(--padding-md);font-size:var(--text-base);font-weight:var(--font-semibold);border-radius:var(--radius-full);border:none;cursor:pointer;transition:all var(--transition-base);font-family:var(--font-primary);box-shadow:var(--shadow-md)}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg,var(--primary-700) 0%,var(--primary-600) 100%);color:#fff}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-800) 0%,var(--primary-700) 100%)}.btn-cta{background:linear-gradient(135deg,var(--accent-600) 0%,var(--accent-500) 100%);color:#fff;font-size:var(--text-xl);padding:var(--padding-md) var(--padding-xl);box-shadow:var(--shadow-xl)}.btn-cta:hover{background:linear-gradient(135deg,var(--accent-700) 0%,var(--accent-600) 100%);box-shadow:var(--shadow-2xl)}.btn-secondary{background:var(--gray-100);color:var(--gray-700)}.btn-secondary:hover{background:var(--gray-200)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.p-2{padding:var(--padding-sm)}.p-3{padding:var(--padding-md)}.p-4{padding:var(--padding-lg)}.p-5{padding:var(--padding-xl)}@media (max-width: 640px){:root{--text-4xl: 1.875rem;--text-3xl: 1.5rem;--text-2xl: 1.25rem;--padding-xl: 2.5rem;--padding-lg: 1.875rem}}:root{--qwl-ink-900: #0A1628;--qwl-ink-800: #142847;--qwl-ink-700: #1E3A5F;--qwl-ink-600: #2D4E7A;--qwl-ink-500: #4A5F7A;--qwl-ink-300: #94A3B8;--qwl-paper: #FBF9F4;--qwl-paper-2: #F4F1EA;--qwl-cream: #FFFDF8;--qwl-line: #E7E2D6;--qwl-line-2: #D9D2BF;--qwl-gold-900: #7A5C1E;--qwl-gold-700: #A6803A;--qwl-gold-500: #C9A55A;--qwl-gold-300: #E2C885;--qwl-gold-100: #F5EAD0;--qwl-gold-glow: rgba(201, 165, 90, .4);--qwl-star-500: #38BDF8;--qwl-star-300: #7DD3FC;--qwl-star-glow: rgba(56, 189, 248, .4);--qwl-magic-500: #A78BFA;--qwl-magic-300: #C4B5FD;--qwl-magic-glow: rgba(167, 139, 250, .4);--qwl-clear-500: #34D399;--qwl-clear-300: #6EE7B7;--qwl-space-900: #050E1F;--qwl-space-800: #091728;--qwl-space-700: #0C1F35;--qwl-r-sm: 8px;--qwl-r-md: 14px;--qwl-r-lg: 20px;--qwl-r-xl: 28px;--qwl-font-serif: "Noto Serif SC", "Songti SC", "STSong", serif;--qwl-font-sans: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--qwl-font-display: "Cormorant Garamond", "Noto Serif SC", serif;--qwl-shadow-card: 0 1px 2px rgba(10,22,40,.04), 0 8px 24px -8px rgba(10,22,40,.12);--qwl-shadow-lift: 0 2px 6px rgba(10,22,40,.08), 0 24px 60px -16px rgba(10,22,40,.25);--qwl-shadow-gold: 0 8px 24px -6px rgba(166,128,58,.45);--qwl-shadow-star: 0 4px 20px rgba(56,189,248,.4)}@keyframes qwl-shine{0%,60%{transform:translate(-100%)}80%,to{transform:translate(100%)}}@keyframes qwl-pulse-glow{0%,to{box-shadow:0 0 6px var(--qwl-gold-glow)}50%{box-shadow:0 0 16px var(--qwl-gold-glow),0 0 30px rgba(201,165,90,.2)}}@keyframes qwl-twinkle{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:.9;transform:scale(1.2)}}@keyframes qwl-float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes qwl-spin-slow{to{transform:rotate(360deg)}}@keyframes qwl-star-pop{0%{transform:scale(0) rotate(-180deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}@keyframes qwl-expand-ring{0%{transform:scale(.8);opacity:0}30%{opacity:1}to{transform:scale(1.1);opacity:0}}.qwl-btn-gold{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:16px 28px;border:none;border-radius:99px;cursor:pointer;background:linear-gradient(135deg,#d4b370,#a6803a,#7a5c1e);color:#fffdf8;font-weight:700;font-size:15px;letter-spacing:2px;font-family:var(--qwl-font-sans);box-shadow:var(--qwl-shadow-gold),inset 0 1px rgba(255,255,255,.28),inset 0 -2px rgba(0,0,0,.12);position:relative;overflow:hidden;transition:transform .15s ease}.qwl-btn-gold:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.4) 50%,transparent 70%);transform:translate(-100%);animation:qwl-shine 4s ease-in-out infinite;pointer-events:none}.qwl-btn-gold:active{transform:scale(.97)}.qwl-btn-gold:disabled{opacity:.6;cursor:not-allowed;filter:grayscale(.3)}.qwl-btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 26px;border:1px solid var(--qwl-line-2);background:transparent;border-radius:99px;color:var(--qwl-ink-500);font-weight:500;font-size:14px;letter-spacing:.5px;cursor:pointer;font-family:var(--qwl-font-sans)}.qwl-gold-hr{height:1px;background:linear-gradient(90deg,transparent,#C9A55A 20%,#E2C885 50%,#C9A55A 80%,transparent);margin:20px 0;border:0}.qwl-parent-page{background:var(--qwl-paper);min-height:100vh;font-family:var(--qwl-font-sans);color:var(--qwl-ink-900)}.qwl-parent-card{background:var(--qwl-cream);border-radius:var(--qwl-r-lg);border:1px solid var(--qwl-line);box-shadow:var(--qwl-shadow-card)}.qwl-brand-line{display:flex;align-items:center;justify-content:center;gap:8px;font-family:var(--qwl-font-serif);font-size:11px;letter-spacing:5px;color:var(--qwl-gold-300);font-weight:500}.qwl-brand-line:before,.qwl-brand-line:after{content:"";width:28px;height:1px;background:var(--qwl-gold-500)}.qwl-kid-space{background:var(--qwl-space-900);background-image:radial-gradient(ellipse at 50% -20%,rgba(201,165,90,.18),transparent 70%),radial-gradient(ellipse at 80% 80%,rgba(56,189,248,.08),transparent 60%);color:#fff;font-family:var(--qwl-font-sans);position:relative;overflow-x:hidden}.qwl-stars-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.qwl-star-dot{position:absolute;background:#fff;border-radius:50%;animation:qwl-twinkle ease-in-out infinite}.qwl-game-hud{position:sticky;top:0;z-index:50;padding:10px 14px 12px;background:linear-gradient(180deg,rgba(10,22,40,.92),rgba(10,22,40,.78));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(201,165,90,.18);color:#fff}.qwl-hud-badges{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;position:relative}.qwl-hud-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:99px;font-size:12px;font-weight:700;font-family:var(--qwl-font-sans);white-space:nowrap}.qwl-hb-star{background:rgba(201,165,90,.2);border:1px solid rgba(201,165,90,.55);color:#e2c885;box-shadow:0 0 10px rgba(201,165,90,.18),inset 0 1px rgba(255,243,196,.15)}.qwl-hb-gem{background:rgba(167,139,250,.18);border:1px solid rgba(167,139,250,.5);color:#c4b5fd;box-shadow:0 0 8px rgba(167,139,250,.15)}.qwl-hb-streak{background:rgba(251,146,60,.15);border:1px solid rgba(251,146,60,.5);color:#fca76e;box-shadow:0 0 8px rgba(251,146,60,.15)}.hud-penalize{animation:hudShake .55s cubic-bezier(.36,.07,.19,.97) both}@keyframes hudShake{0%,to{transform:translate(0)}15%{transform:translate(-6px)}35%{transform:translate(6px)}55%{transform:translate(-4px)}75%{transform:translate(4px)}90%{transform:translate(-2px)}}.hud-penalty-float{position:absolute;top:-28px;left:50%;transform:translate(-50%);font-size:12px;font-weight:700;color:#f87171;white-space:nowrap;pointer-events:none;animation:penaltyFloat 1.2s ease forwards}@keyframes penaltyFloat{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-24px)}}.qwl-burst{width:140px;height:140px;margin:8px auto 20px;position:relative}.qwl-burst-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1px solid rgba(201,165,90,.3);animation:qwl-expand-ring 2.5s ease-out infinite}.qwl-burst-ring.r2{top:-12px;right:-12px;bottom:-12px;left:-12px;animation-delay:.4s;border-color:rgba(201,165,90,.2)}.qwl-burst-ring.r3{top:-24px;right:-24px;bottom:-24px;left:-24px;animation-delay:.8s;border-color:rgba(201,165,90,.12)}.qwl-burst-core{position:absolute;top:18px;right:18px;bottom:18px;left:18px;border-radius:50%;background:linear-gradient(135deg,var(--qwl-gold-500),var(--qwl-gold-700));display:flex;align-items:center;justify-content:center;font-size:42px;box-shadow:0 0 0 2px rgba(201,165,90,.2),0 0 0 6px rgba(201,165,90,.1),0 0 40px rgba(201,165,90,.5);animation:qwl-float-y 2.5s ease-in-out infinite}.qwl-stars-row{display:flex;justify-content:center;gap:10px;margin-bottom:16px;font-size:28px}.qwl-stars-row>span{animation:qwl-star-pop .5s cubic-bezier(.34,1.56,.64,1) both}.qwl-stars-row>span:nth-child(1){animation-delay:.1s}.qwl-stars-row>span:nth-child(2){animation-delay:.3s}.qwl-stars-row>span:nth-child(3){animation-delay:.5s}.qwl-seal{width:130px;height:130px;margin:0 auto;position:relative}.qwl-seal-bg{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle,rgba(201,165,90,.3),transparent 70%);filter:blur(14px)}.qwl-seal-rotate{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;animation:qwl-spin-slow 25s linear infinite}.qwl-seal-main{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:linear-gradient(135deg,var(--qwl-gold-100),var(--qwl-paper));border:2px solid var(--qwl-gold-500);display:flex;align-items:center;justify-content:center;box-shadow:var(--qwl-shadow-gold),inset 0 0 0 6px rgba(255,253,248,.7),inset 0 0 0 7px rgba(201,165,90,.3)}.qwl-gold-text{background:linear-gradient(135deg,#f5ead0,#c9a55a,#7a5c1e);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:900}.qwl-pulse-dot{width:6px;height:6px;background:var(--qwl-gold-500);border-radius:50%;box-shadow:0 0 8px var(--qwl-gold-500);display:inline-block;animation:qwl-pulse-glow 1.5s ease-in-out infinite}@supports (height: 100dvh){:root{--vh: 100dvh}}@supports not (height: 100dvh){:root{--vh: 100vh}}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}html,body{margin:0;padding:0;overflow-x:hidden;height:100%;width:100%}button,a,[role=button]{touch-action:manipulation}.scrollable{touch-action:pan-y;-webkit-overflow-scrolling:touch}input,textarea,select{touch-action:auto;font-size:16px!important}@media (max-width: 768px){body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}button,.button,[role=button]{-webkit-tap-highlight-color:transparent;touch-action:manipulation;cursor:pointer}button:active,.button:active,[role=button]:active{transform:scale(.98);transition:transform .1s ease}a{-webkit-tap-highlight-color:transparent}.smooth-scroll{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.no-scroll{overflow:hidden;position:fixed;width:100%;height:100%}.keyboard-visible input:focus,.keyboard-visible textarea:focus{scroll-margin-bottom:100px}@media (orientation: landscape) and (max-height: 500px){.assessment-page{padding:6px!important}.main-progress-bar{padding:4px 8px!important;margin-bottom:6px!important}.chapter-indicators{margin-bottom:6px!important}.question-section{padding:8px!important}}@media (max-width: 360px){body{font-size:14px}h1,h2,h3{font-size:90%}.option-button{min-height:44px!important}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.option-button,.card,.white-card{border-width:.5px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:focus-visible{outline:2px solid #667eea;outline-offset:2px}:focus:not(:focus-visible){outline:none}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{min-height:100vh}