:root{--font-sans:"Plus Jakarta Sans", "Noto Sans TC", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--color-navy:var(--theme-border,#17324d);--color-navy-dark:#0f2235;--color-navy-light:#244766;--color-coral:var(--theme-accent,#ef8354);--color-coral-hover:var(--theme-accent-hover,#df7549);--color-coral-dark:var(--theme-accent-dark,#d76740);--color-yellow:#f7cf68;--color-yellow-light:#fff7d9;--color-yellow-gold:#fff3bd;--color-paper:var(--theme-bg,#f8f3eb);--color-card:var(--theme-card,#fffdf9);--color-card-border:var(--theme-border,#17324d);--color-text-main:var(--theme-border,#17324d);--color-text-muted:#475569;--color-text-dim:#334155;--color-text-light:#64748b;--color-chinese-bg:#fff0e9;--color-chinese-text:#c8643d;--color-english-bg:#e8f0f2;--color-english-text:#48717e;--color-math-bg:#fff7d9;--color-math-text:#9a741e;--color-science-bg:#e8f6ed;--color-science-text:#347650;--color-social-bg:#f8dfcc;--color-social-text:#995f3b;--border-paper:#e8ded0;--border-paper-dark:#ded3c5;--border-divider:#dfd3c4;--bg-dark:var(--theme-bg,#f8f3eb);--bg-card:var(--theme-card,#fffdf9);--bg-card-hover:#fff;--bg-glass:var(--theme-bg-glass,#f8f3ebeb);--bg-input:var(--theme-bg,#f8f3eb);--color-text-input:var(--theme-border,#17324d);--border-subtle:#ded3c5;--border-glow:var(--theme-border,#17324d);--border-active:var(--theme-accent,#ef8354);--text-main:var(--theme-border,#17324d);--text-muted:#5b6772;--text-dim:#78818a;--shadow-card:6px 6px 0px var(--theme-border,#17324d);--shadow-card-yellow:8px 8px 0px #f7cf68;--shadow-card-soft:0 18px 45px #17324d12;--shadow-card-elevated:0 16px 35px #17324d24;--shadow-btn:3px 3px 0px var(--theme-border,#17324d);--shadow-btn-coral:0px 6px 0px var(--theme-accent-dark,#d76740);--radius-sm:12px;--radius-md:16px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--transition:all .18s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--theme-bg,#f8f3eb);color:var(--color-text-main);background-image:linear-gradient(var(--theme-grid,#17324d0b) 1px, transparent 1px), linear-gradient(90deg, var(--theme-grid,#17324d0b) 1px, transparent 1px);background-size:24px 24px;background-attachment:fixed;min-height:100vh;line-height:1.6;overflow-x:hidden}.display-font{letter-spacing:-.04em;font-family:Plus Jakarta Sans,Noto Sans TC,sans-serif}.paper-grid{background-image:linear-gradient(var(--theme-grid,#17324d0b) 1px, transparent 1px), linear-gradient(90deg, var(--theme-grid,#17324d0b) 1px, transparent 1px);background-size:24px 24px}.glass-panel{background:var(--theme-card,#fffdf9);border:2px solid var(--theme-border,#17324d);border-radius:var(--radius-xl);box-shadow:6px 6px 0px var(--theme-border,#17324d);transition:var(--transition);color:var(--theme-border,#17324d)}.glass-panel:hover{box-shadow:8px 8px 0px var(--theme-border,#17324d);transform:translate(-2px,-2px)}.glass-panel-glow{background:var(--theme-card,#fffdf9);border:2.5px solid var(--theme-border,#17324d);box-shadow:8px 8px #f7cf68}input,textarea,select{font-family:var(--font-sans);background-color:var(--theme-bg,#f8f3eb);border:1.5px solid #ded3c5;border-radius:12px;outline:none;font-weight:600;transition:border-color .16s,box-shadow .16s,background-color .16s;color:var(--theme-border,#17324d)!important}input:focus,textarea:focus,select:focus{border-color:var(--theme-accent,#ef8354)!important;background-color:var(--theme-card,#fffdf9)!important;box-shadow:0 0 0 3px var(--theme-accent-shadow-light,#ef835438)!important}input::placeholder,textarea::placeholder{color:#8f9ba5!important;opacity:1!important}option{color:var(--theme-border,#17324d)!important;background-color:var(--theme-card,#fffdf9)!important}.btn{font-family:var(--font-sans);border-radius:var(--radius-md);border:2px solid var(--theme-border,#17324d);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.95rem;font-weight:800;text-decoration:none;transition:transform .16s cubic-bezier(.23,1,.32,1),box-shadow .16s,background-color .16s;display:inline-flex}.btn:disabled,button:disabled{cursor:not-allowed;opacity:.55;box-shadow:none!important;transform:none!important}.btn:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px 0px var(--theme-border,#17324d)!important}.btn-primary{background:var(--theme-accent,#ef8354);color:#fff;text-shadow:0 1px 2px #0f223599;box-shadow:0 6px 0 var(--theme-accent-dark,#d76740);border-color:var(--theme-border,#17324d)}.btn-primary:hover{background:var(--theme-accent-hover,#df7549);box-shadow:0 8px 0 var(--theme-accent-dark,#d76740);transform:translateY(-2px)}.btn-secondary{background:var(--theme-card,#fffdf9);color:var(--theme-border,#17324d);box-shadow:3px 3px 0px var(--theme-border,#17324d)}.btn-secondary:hover{background:var(--theme-bg,#f8f3eb);box-shadow:4px 4px 0px var(--theme-border,#17324d);transform:translate(-1px,-1px)}.btn-navy{background:var(--theme-border,#17324d);color:#fff;border-radius:var(--radius-full);box-shadow:3px 3px 0px var(--theme-shadow,#17324d40)}.btn-navy:hover{background:#244766}.btn-fire{color:#fff;border-color:var(--theme-border,#17324d);box-shadow:3px 3px 0px var(--theme-border,#17324d);background:#ef4444}.btn-fire:hover{box-shadow:5px 5px 0px var(--theme-border,#17324d);background:#dc2626;transform:translateY(-2px)}.btn-gold{color:var(--theme-border,#17324d);border-color:var(--theme-border,#17324d);box-shadow:3px 3px 0px var(--theme-border,#17324d);background:#f7cf68}.btn-gold:hover{box-shadow:5px 5px 0px var(--theme-border,#17324d);background:#eed075;transform:translateY(-2px)}.btn-ghost{color:var(--color-text-muted);background:0 0;border:1.5px solid #0000}.btn-ghost:hover{color:var(--theme-border,#17324d);background:#17324d0f;border-color:#d8cec0}.btn-icon{border-radius:50%;justify-content:center;align-items:center;padding:8px;display:inline-flex}.badge{border-radius:var(--radius-full);border:1.5px solid var(--theme-border,#17324d);letter-spacing:.02em;align-items:center;gap:5px;padding:4px 12px;font-size:.75rem;font-weight:800;display:inline-flex}.badge-indigo{color:var(--theme-border,#17324d);background:#e0e7ff}.badge-gold{color:#806523;background:#fff7d9}.badge-fire{color:#c2410c;background:#fff0e9}.badge-emerald{color:#047857;background:#ecfdf5}.badge-coral{color:#c8643d;background:#fff0e9;border-color:#edc8b7}.badge-blue{color:#48717e;background:#e8f0f2;border-color:#a9d4d9}.pulse-dot{animation:1.8s ease-in-out infinite pulseDot}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.3)}}.quiz-option{color:#68737d;cursor:pointer;background:#faf7f2;border:1.5px solid #e8ded0;border-radius:16px;transition:all .15s}.quiz-option:hover{border-color:var(--theme-accent,#ef8354);color:var(--theme-border,#17324d);background:#fff8f0}.quiz-option-selected{box-shadow:0 0 0 1px var(--theme-accent-shadow,#ef835440), 3px 3px 0px var(--theme-accent,#ef8354);border:2px solid var(--theme-accent,#ef8354)!important;color:#c8643d!important;background:#fff0e9!important}.quiz-option-correct{box-shadow:3px 3px #54a87a;color:#347650!important;background:#e8f6ed!important;border:2px solid #54a87a!important}.quiz-option-wrong{box-shadow:3px 3px 0px var(--theme-accent,#ef8354);border:2px solid var(--theme-accent,#ef8354)!important;color:#c8643d!important;background:#fff0e9!important}.navbar-wrapper{background:var(--theme-bg-glass,#f8f3ebeb);-webkit-backdrop-filter:blur(14px);box-shadow:0 4px 20px var(--theme-shadow-light,#17324d0a);border-bottom:1.5px solid #e8ded0}.main-content{max-width:1440px;margin:0 auto;padding:28px 24px 80px}.modal-overlay{background:var(--theme-overlay,#17324da6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;justify-content:center;align-items:center;padding:16px;animation:.18s ease-out fadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal-card{background:var(--theme-card,#fffdf9);border:2.5px solid var(--theme-border,#17324d);border-radius:var(--radius-xl);width:100%;max-width:600px;max-height:90vh;box-shadow:10px 10px 0px var(--theme-border,#17324d);color:var(--theme-border,#17324d);animation:.25s cubic-bezier(.16,1,.3,1) slideUp;overflow-y:auto}.modal-header{border-bottom:2px solid var(--theme-border,#17324d);background:var(--theme-card,#fffdf9);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-body{padding:24px}.modal-footer{border-top:2px solid var(--theme-border,#17324d);background:var(--theme-card,#fffdf9);justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 10px #ef83544d}50%{box-shadow:0 0 25px #ef835499}}.fire-pulse{animation:1.8s ease-in-out infinite pulseGlow}@media (max-width:768px){.main-content{padding:16px 12px 60px}}.marquee-bar{background:linear-gradient(90deg, var(--theme-border,#17324d) 0%, #1f4268 50%, var(--theme-border,#17324d) 100%);height:38px;min-height:38px;color:var(--theme-card,#fffdf9);border-bottom:2px solid var(--theme-accent,#ef8354);box-shadow:0 2px 10px var(--theme-shadow,#17324d40);z-index:60;-webkit-user-select:none;user-select:none;align-items:center;padding:0 12px;font-size:.85rem;transition:all .3s;display:flex;position:relative;overflow:hidden}.marquee-bar.marquee-fire{background:linear-gradient(90deg,#7f1d1d 0%,#c2410c 45%,#ea580c 55%,#7f1d1d 100%);border-bottom:2px solid #facc15;box-shadow:0 3px 14px #ef444459}.marquee-badge-pill{z-index:3;background:var(--theme-accent,#ef8354);color:#fff;white-space:nowrap;letter-spacing:.5px;border-radius:999px;flex-shrink:0;align-items:center;gap:5px;padding:3px 10px;font-size:.75rem;font-weight:800;display:inline-flex;position:relative;box-shadow:0 2px 6px #0003}.marquee-badge-pill.fire{color:#7f1d1d;background:#facc15;box-shadow:0 0 10px #facc1599}.marquee-fade-left{background:linear-gradient(to right, var(--theme-border,#17324d), transparent);z-index:2;pointer-events:none;width:28px;position:absolute;top:0;bottom:0;left:110px}.marquee-bar.marquee-fire .marquee-fade-left{background:linear-gradient(90deg,#7f1d1d,#0000)}.marquee-fade-right{background:linear-gradient(to left, var(--theme-border,#17324d), transparent);z-index:2;pointer-events:none;width:32px;position:absolute;top:0;bottom:0;right:70px}.marquee-bar.marquee-fire .marquee-fade-right{background:linear-gradient(270deg,#7f1d1d,#0000)}.marquee-track-container{cursor:pointer;flex:1;align-items:center;height:100%;margin:0 8px;display:flex;position:relative;overflow:hidden}.marquee-track{white-space:nowrap;will-change:transform;align-items:center;animation:32s linear infinite marqueeRoll;display:inline-flex}.marquee-track:hover{animation-play-state:paused}@keyframes marqueeRoll{0%{transform:translate(0%)}to{transform:translate(-50%)}}.marquee-item{color:#fef08a;letter-spacing:.3px;align-items:center;gap:12px;padding:0 28px;font-weight:600;display:inline-flex}.marquee-item-normal{color:#f8fafc}.marquee-right-actions{z-index:3;flex-shrink:0;align-items:center;gap:8px;display:flex;position:relative}.marquee-time-tag{color:#ffffffb3;font-size:.72rem;font-family:var(--font-mono);background:#00000040;border-radius:4px;padding:2px 7px}.marquee-close-btn{color:#ffffffa6;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:3px;transition:all .15s;display:flex}.marquee-close-btn:hover{color:#fff;background:#fff3}@media (max-width:640px){.marquee-bar{height:34px;min-height:34px;padding:0 8px;font-size:.8rem}.marquee-fade-left{width:16px;left:88px}.marquee-fade-right{width:16px;right:48px}.marquee-time-tag{display:none}}body.theme-paper{--theme-bg:#f8f3eb;--theme-bg-glass:#f8f3ebeb;--theme-card:#fffdf9;--theme-border:#17324d;--theme-accent:#ef8354;--theme-accent-hover:#df7549;--theme-accent-dark:#d76740;--theme-grid:#17324d0b;--theme-shadow:#17324d40;--theme-shadow-light:#17324d0a;--theme-overlay:#17324da6;--theme-accent-shadow:#ef835440;--theme-accent-shadow-light:#ef835438}body.theme-matcha{--theme-bg:#eef6f0;--theme-bg-glass:#eef6f0eb;--theme-card:#f6fbf7;--theme-border:#123524;--theme-accent:#6ba354;--theme-accent-hover:#588b43;--theme-accent-dark:#4b7a37;--theme-grid:#1235240b;--theme-shadow:#12352440;--theme-shadow-light:#1235240a;--theme-overlay:#123524a6;--theme-accent-shadow:#6ba35440;--theme-accent-shadow-light:#6ba35438}body.theme-soda{--theme-bg:#eef4f8;--theme-bg-glass:#eef4f8eb;--theme-card:#f7fafc;--theme-border:#0f1c2e;--theme-accent:#3a86ff;--theme-accent-hover:#256bde;--theme-accent-dark:#1e5ab8;--theme-grid:#0f1c2e0b;--theme-shadow:#0f1c2e40;--theme-shadow-light:#0f1c2e0a;--theme-overlay:#0f1c2ea6;--theme-accent-shadow:#3a86ff40;--theme-accent-shadow-light:#3a86ff38}body.theme-sakura{--theme-bg:#fcf2f4;--theme-bg-glass:#fcf2f4eb;--theme-card:#fffbfc;--theme-border:#4a1525;--theme-accent:#e05263;--theme-accent-hover:#c94050;--theme-accent-dark:#a82e3c;--theme-grid:#4a15250b;--theme-shadow:#4a152540;--theme-shadow-light:#4a15250a;--theme-overlay:#4a1525a6;--theme-accent-shadow:#e0526340;--theme-accent-shadow-light:#e0526338}body.theme-lavender{--theme-bg:#f4f0f8;--theme-bg-glass:#f4f0f8eb;--theme-card:#faf8fc;--theme-border:#2d1b4e;--theme-accent:#8b5cf6;--theme-accent-hover:#7c3aed;--theme-accent-dark:#6d28d9;--theme-grid:#2d1b4e0b;--theme-shadow:#2d1b4e40;--theme-shadow-light:#2d1b4e0a;--theme-overlay:#2d1b4ea6;--theme-accent-shadow:#8b5cf640;--theme-accent-shadow-light:#8b5cf638}body.theme-lemon{--theme-bg:#fcfbf0;--theme-bg-glass:#fcfbf0eb;--theme-card:#fffef7;--theme-border:#4a3f00;--theme-accent:#eab308;--theme-accent-hover:#ca8a04;--theme-accent-dark:#a16207;--theme-grid:#4a3f000b;--theme-shadow:#4a3f0040;--theme-shadow-light:#4a3f000a;--theme-overlay:#4a3f00a6;--theme-accent-shadow:#eab30840;--theme-accent-shadow-light:#eab30838}body.theme-oat{--theme-bg:#f5f0eb;--theme-bg-glass:#f5f0ebeb;--theme-card:#fcf9f5;--theme-border:#3d2b1f;--theme-accent:#c27a3e;--theme-accent-hover:#a66530;--theme-accent-dark:#8c5324;--theme-grid:#3d2b1f0b;--theme-shadow:#3d2b1f40;--theme-shadow-light:#3d2b1f0a;--theme-overlay:#3d2b1fa6;--theme-accent-shadow:#c27a3e40;--theme-accent-shadow-light:#c27a3e38}body.theme-glacier{--theme-bg:#f4f6f8;--theme-bg-glass:#f4f6f8eb;--theme-card:#fcfcfd;--theme-border:#111827;--theme-accent:#64748b;--theme-accent-hover:#475569;--theme-accent-dark:#334155;--theme-grid:#1118270b;--theme-shadow:#11182740;--theme-shadow-light:#1118270a;--theme-overlay:#111827a6;--theme-accent-shadow:#64748b40;--theme-accent-shadow-light:#64748b38}.no-select{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}@media print{body{display:none!important}}.watermark-container{position:relative}.watermark-overlay{z-index:0;opacity:.04;flex-wrap:wrap;place-content:flex-start;width:100%;height:100%;display:flex;position:absolute;top:0;left:0;overflow:hidden;pointer-events:none!important}.watermark-item{color:var(--theme-border,#17324d);white-space:nowrap;-webkit-user-select:none;user-select:none;padding:40px;font-size:1.1rem;font-weight:900;transform:rotate(-25deg);pointer-events:none!important}:focus-visible{transition:outline-offset .1s;outline:3px solid var(--theme-accent,#ef8354)!important;outline-offset:3px!important;box-shadow:0 0 0 5px #ef835440!important}button:focus-visible{outline:3px solid var(--theme-accent,#ef8354)!important;outline-offset:3px!important}a:focus-visible{outline:3px solid var(--theme-accent,#ef8354)!important;outline-offset:3px!important}input:focus-visible{outline:3px solid var(--theme-accent,#ef8354)!important;outline-offset:3px!important}select:focus-visible{outline:3px solid var(--theme-accent,#ef8354)!important;outline-offset:3px!important}textarea:focus-visible{outline:3px solid var(--theme-accent,#ef8354)!important;outline-offset:3px!important}@media (prefers-contrast:more){:root{--theme-border:#000!important;--text-dim:#1e293b!important}}.quiz-svg-wrapper{justify-content:center;align-items:center;width:100%;display:flex}.quiz-svg-wrapper svg{max-width:100%;height:auto;min-height:120px;margin:0 auto;display:block}.note-watermark-overlay{-webkit-user-select:none;user-select:none;pointer-events:none}
