@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Fira+Code:wght@400;600&family=Orbitron:wght@400;600;800;900&family=Syncopate:wght@400;700&family=Syne:wght@400;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:wght@400;700&family=Crimson+Pro:wght@500;600;700&display=swap";@font-face{font-family:DouyinSansBold;src:url(/fonts/DouYinMeiHao/DouyinSansBold.otf)format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Bilthers;src:url(/fonts/Bilthers/Bilthers-2.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}*,:before,:after{box-sizing:border-box;margin:0;padding:0;transition:background-color .3s,border-color .3s,color .3s,box-shadow .3s}body{background-color:#030303;height:100vh;margin:0;padding:0;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}#root{height:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#a0a0a040;border-radius:10px}*{scrollbar-width:thin;scrollbar-color:#a0a0a040 transparent}.theme-apple{--bg-app:#030303;--bg-panel:#0e0e11d1;--bg-input:#070709;--text-main:#fff;--text-muted:#a1a1aa;--accent-primary:#a855f7;--accent-secondary:#ec4899;--border-main:#ffffff14;--border-focus:#a855f7;--shadow-main:0 20px 40px #0009;--diff-good:#10b98126;--diff-good-txt:#34d399;--diff-maybe:#f59e0b26;--diff-maybe-txt:#fbbf24;--diff-bad:#ef444426;--diff-bad-txt:#f87171;--diff-extra:#8b5cf626;--diff-extra-txt:#c084fc;--font-heading:"Outfit", sans-serif}.theme-cyber{--bg-app:#06070d;--bg-panel:#0d0f1ae6;--bg-input:#090a12;--text-main:#00f0ff;--text-muted:#94a3b8;--accent-primary:#06b6d4;--accent-secondary:#f97316;--border-main:#06b6d42e;--border-focus:#00f0ff;--shadow-main:0 12px 30px #00f0ff1a;--diff-good:#10b98133;--diff-good-txt:#10b981;--diff-maybe:#f9731633;--diff-maybe-txt:#f97316;--diff-bad:#ef444440;--diff-bad-txt:#ef4444;--diff-extra:#06b6d433;--diff-extra-txt:#06b6d4;--font-heading:"Fira Code", monospace}.theme-cream-light{--bg-app:radial-gradient(circle at top right, #f5f1e8 0%, #e2d9cb 100%);--bg-app-fallback:#eae2d1;--bg-panel:#fff;--bg-input:#faf8f4;--text-main:#181716;--text-muted:#7c7267;--accent-primary:#181716;--accent-secondary:#8c7f70;--border-main:#e4ddcf;--border-focus:#181716;--shadow-main:0 16px 36px #8b785f12;--diff-good:#2e7d320f;--diff-good-txt:#2e7d32;--diff-maybe:#d9770614;--diff-maybe-txt:#d97706;--diff-bad:#c628280f;--diff-bad-txt:#c62828;--diff-extra:#7e22ce14;--diff-extra-txt:#7e22ce;--font-heading:"Outfit", sans-serif}.theme-cream-dark{--bg-app:#181512;--bg-panel:#221e1a;--bg-input:#1b1815;--text-main:#f3eae0;--text-muted:#a49181;--accent-primary:#2e4a3f;--accent-secondary:#8b3a3a;--border-main:#38312a;--border-focus:#2e4a3f;--shadow-main:0 16px 32px #0000004d;--diff-good:#2e4a3f26;--diff-good-txt:#2e4a3f;--diff-maybe:#d9770626;--diff-maybe-txt:#fbbf24;--diff-bad:#8b3a3a26;--diff-bad-txt:#ef4444;--diff-extra:#a855f726;--diff-extra-txt:#c084fc;--font-heading:"Playfair Display", serif}.theme-root{background-color:var(--bg-app-fallback,var(--bg-app));background:var(--bg-app);color:var(--text-main);height:100vh;font-family:Outfit,sans-serif;display:flex;overflow:hidden}.theme-apple .glow-bg-left{filter:blur(120px);pointer-events:none;z-index:0;background:radial-gradient(circle,#a855f71f 0%,#0000 70%);width:50vw;height:50vh;position:fixed;top:-10%;left:-10%}.theme-apple .glow-bg-right{filter:blur(120px);pointer-events:none;z-index:0;background:radial-gradient(circle,#ec489914 0%,#0000 70%);width:50vw;height:50vh;position:fixed;bottom:-10%;right:-10%}.theme-cyber .glow-bg-left{filter:blur(100px);pointer-events:none;z-index:0;background:radial-gradient(circle,#00f0ff0d 0%,#0000 60%);width:60vw;height:60vh;position:fixed;top:-20%;left:-10%}.theme-cyber .grid-bg{pointer-events:none;z-index:0;background-image:linear-gradient(90deg,#06b6d408 1px,#0000 1px),linear-gradient(#06b6d408 1px,#0000 1px);width:100vw;height:100vh;position:fixed;top:0;left:0}.sidebar{background-color:var(--bg-panel);border-right:1px solid var(--border-main);z-index:10;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;width:280px;height:100vh;padding:24px;display:flex;overflow-y:auto}.logo-container{align-items:center;gap:12px;margin-bottom:32px;display:flex}.logo-icon{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;font-size:24px;font-weight:800;display:flex;box-shadow:0 8px 20px #a855f74d}.logo-text{letter-spacing:1px;font-family:DouyinSansBold,YouYuan,HG-YuGothic-M,PingFang SC,Lantinghei SC,Microsoft YaHei UI,sans-serif;font-size:22px;font-weight:700}.brand-title-cn{letter-spacing:1.5px;white-space:nowrap;font-family:DouyinSansBold,YouYuan,HG-YuGothic-M,PingFang SC,Lantinghei SC,Microsoft YaHei UI,sans-serif}.brand-title-en{letter-spacing:1.2px;white-space:nowrap;font-family:Bilthers,Orbitron,Syncopate,Syne,sans-serif}.theme-apple .logo-text{background:linear-gradient(135deg, #fff 30%, var(--accent-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.nav-links{flex-direction:column;gap:8px;margin-bottom:auto;list-style:none;display:flex}.nav-item{width:100%}.nav-btn{width:100%;color:var(--text-muted);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;font-size:14px;font-weight:600;display:flex}.nav-btn:hover{color:var(--text-main);background-color:#ffffff08}.nav-item.active .nav-btn{border-color:var(--border-main);color:var(--text-main);background-color:#ffffff0d;position:relative;box-shadow:0 4px 15px #0000001a}.nav-item.active .nav-btn:before{content:"";background:linear-gradient(to bottom, var(--accent-primary), var(--accent-secondary));border-radius:2px;width:4px;height:50%;position:absolute;top:25%;left:0}.theme-cream-light .sidebar{background-color:#ffffff73}.theme-cream-light .nav-item.active .nav-btn{color:var(--accent-primary);background-color:#fff;border-color:#0000000d;box-shadow:0 4px 14px #8b785f1a}.theme-cream-light .nav-item.active .nav-btn:before{display:none}.profile-widget{border-top:1px solid var(--border-main);align-items:center;gap:12px;padding-top:20px;display:flex}.profile-avatar{background-color:var(--accent-primary);color:#fff;border-radius:22px;justify-content:center;align-items:center;width:44px;height:44px;font-weight:800;display:flex}.profile-info{flex-direction:column;display:flex}.profile-name{font-size:14px;font-weight:700}.profile-meta{color:var(--text-muted);font-size:11px}.workspace-content{z-index:1;flex:1;max-width:calc(100vw - 280px);height:100vh;padding:32px;position:relative;overflow-y:auto}header.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;display:flex}.page-title{font-family:var(--font-heading);letter-spacing:-.8px;font-size:28px;font-weight:800}.theme-selector{background-color:var(--bg-panel);border:1px solid var(--border-main);border-radius:14px;align-items:center;padding:4px;display:flex}.theme-opt-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:10px;padding:8px 14px;font-size:12px;font-weight:700}.theme-opt-btn.active{color:var(--text-main);background-color:#ffffff0f;box-shadow:0 4px 10px #00000026}.theme-cream-light .theme-opt-btn.active,.theme-cream-dark .theme-opt-btn.active{background-color:var(--accent-primary);color:#fff}.glass-panel{background-color:var(--bg-panel);border:1px solid var(--border-main);box-shadow:var(--shadow-main);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:24px}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-top:16px;display:grid}.topic-card{position:relative;overflow:hidden}.topic-card:after{content:"";background:linear-gradient(90deg, var(--accent-primary), var(--accent-secondary));opacity:.8;height:3px;position:absolute;top:0;left:0;right:0}.theme-cream-light .topic-card:after{display:none}.card-top{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.badge-row{flex-wrap:wrap;gap:6px;display:flex}.card-badge{border:1px solid var(--border-main);color:var(--text-main);background-color:#ffffff0d;border-radius:99px;padding:4px 10px;font-size:11px;font-weight:700}.theme-cream-light .card-badge,.theme-cream-dark .card-badge{background-color:var(--bg-app)}.part-badge{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;border-radius:99px;padding:4px 10px;font-size:11px;font-weight:800}.theme-cream-light .part-badge{background:var(--accent-primary);color:#fff;font-weight:700}.card-question{min-height:48px;margin-bottom:20px;font-size:16px;font-weight:700;line-height:1.5}.card-footer{border-top:1px solid var(--border-main);justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;display:flex}.card-time-range{color:var(--text-muted);font-size:12px}.card-actions{gap:8px;display:flex}.btn-icon{border:1px solid var(--border-main);width:36px;height:36px;color:var(--text-main);cursor:pointer;background-color:#ffffff0a;border-radius:10px;justify-content:center;align-items:center;display:flex}.btn-icon:hover{background-color:var(--accent-primary);color:#fff}.filter-bar{grid-template-columns:2fr repeat(3,1fr);gap:12px;margin-bottom:24px;display:grid}input.search-input,select.filter-select,textarea.text-box{background-color:var(--bg-input);border:1px solid var(--border-main);color:var(--text-main);border-radius:12px;outline:none;padding:12px 16px;font-family:inherit;font-size:14px}input.search-input:focus,select.filter-select:focus,textarea.text-box:focus{border-color:var(--border-focus)}.theme-cream-light input.search-input,.theme-cream-light select.filter-select,.theme-cream-light textarea.text-box{border-color:#0000000d;border-radius:14px}.theme-cream-light .btn-icon{background-color:#fff;border-color:#0000000d;border-radius:12px}.theme-cream-light .btn-icon:hover{background-color:var(--accent-primary);color:#fff}.sandbox-split{grid-template-columns:1fr 1fr;gap:24px;margin-top:20px;display:grid}.sandbox-pane{flex-direction:column;gap:12px;display:flex}.pane-title{font-family:var(--font-heading);justify-content:space-between;align-items:center;font-size:16px;font-weight:700;display:flex}textarea.text-box{resize:vertical;min-height:280px;line-height:1.6}.btn-primary{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;cursor:pointer;border:none;border-radius:12px;padding:12px 24px;font-size:14px;font-weight:700;box-shadow:0 4px 15px #a855f733}.btn-primary:hover{filter:brightness(1.1)}.btn-secondary{border:1px solid var(--border-main);color:var(--text-main);cursor:pointer;background-color:#ffffff0a;border-radius:12px;padding:12px 24px;font-size:14px;font-weight:700}.btn-secondary:hover{background-color:#ffffff14}.theme-cream-light .btn-primary{background:var(--accent-primary);color:#fff;border-radius:12px;box-shadow:0 4px 14px #1817161f}.theme-cream-light .btn-primary:hover{filter:none;background-color:#000}.theme-cream-light .btn-secondary{border:1px solid var(--border-main);color:var(--text-main);background-color:#fff;box-shadow:0 2px 6px #8b785f0d}.theme-cream-light .btn-secondary:hover{background-color:var(--bg-input)}.sandbox-controls{background-color:var(--bg-input);border:1px solid var(--border-main);border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px 18px;display:flex}.audio-waveform-sim{flex:1;align-items:center;gap:3px;height:24px;margin:0 20px;display:flex}.waveform-bar{background-color:var(--border-main);border-radius:2px;flex:1;height:4px}.waveform-bar.active{background-color:var(--accent-secondary)}.diff-container{background-color:var(--bg-input);border:1px solid var(--border-main);border-radius:14px;flex-wrap:wrap;align-content:flex-start;gap:10px 0;min-height:160px;padding:20px;font-size:15px;display:flex}.diff-good{background-color:var(--diff-good);color:var(--diff-good-txt);border-radius:6px;padding:2px 6px;font-weight:700}.diff-maybe{background-color:var(--diff-maybe);color:var(--diff-maybe-txt);border-radius:6px;padding:2px 6px;font-weight:700}.diff-bad{background-color:var(--diff-bad);color:var(--diff-bad-txt);border-radius:6px;padding:2px 6px;font-weight:700}.diff-extra{background-color:var(--diff-extra);color:var(--diff-extra-txt);border-radius:6px;padding:2px 6px;font-weight:700}.analytics-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px;display:grid}.metric-ring-card{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.circle-chart{width:80px;height:80px;position:relative}.circle-chart-svg{transform:rotate(-90deg)}.circle-chart-bg{fill:none;stroke:var(--border-main);stroke-width:3.5px}.circle-chart-circle{fill:none;stroke:var(--accent-primary);stroke-width:3.5px;stroke-linecap:round}.circle-chart-info{font-size:15px;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.metric-label{color:var(--text-muted);font-size:12px;font-weight:600}.matcher-split{grid-template-columns:1fr 1.2fr;gap:32px;display:grid}.radar-canvas-container{background-color:var(--bg-input);border:1px solid var(--border-main);border-radius:20px;justify-content:center;align-items:center;min-height:360px;display:flex;position:relative;overflow:hidden}.radar-sweep-line{pointer-events:none;background:linear-gradient(#0000 40%,#8b5cf614 50%,#0000 60%);width:100%;height:100%;animation:4s linear infinite sweep;position:absolute;top:0;left:0}@keyframes sweep{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.stats-cards-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.stat-item{background-color:var(--bg-panel);border:1px solid var(--border-main);border-radius:18px;flex-direction:column;gap:6px;padding:20px;display:flex}.stat-val{font-size:28px;font-weight:800;font-family:var(--font-heading)}.stat-lbl{color:var(--text-muted);font-size:12px;font-weight:700}.line-graph-sim{border-bottom:1px solid var(--border-main);border-left:1px solid var(--border-main);justify-content:space-between;align-items:flex-end;height:240px;margin:20px 0 10px 10px;padding:0 20px;display:flex;position:relative}.graph-pillar{background:linear-gradient(to top, var(--accent-primary), var(--accent-secondary));border-radius:6px 6px 0 0;width:32px;animation:1s ease-out forwards growUp;position:relative}@keyframes growUp{0%{height:0}to{height:var(--height)}}.pillar-score{font-size:11px;font-weight:800;position:absolute;top:-24px;left:50%;transform:translate(-50%)}.pillar-label{color:var(--text-muted);white-space:nowrap;font-size:10px;position:absolute;bottom:-24px;left:50%;transform:translate(-50%)}.quiz-container{text-align:center;flex-direction:column;gap:20px;max-width:760px;margin:0 auto;display:flex}.quiz-meta{justify-content:center;gap:10px;display:flex}.quiz-question{font-family:var(--font-heading);margin:10px 0;font-size:22px;font-weight:800;line-height:1.4}.quiz-options{grid-template-columns:1fr 1fr;gap:14px;display:grid}.quiz-opt-btn{background-color:var(--bg-input);border:1px solid var(--border-main);color:var(--text-main);cursor:pointer;text-align:left;border-radius:16px;padding:16px 20px;font-size:15px;font-weight:700}.quiz-opt-btn:hover{border-color:var(--accent-primary);background-color:#ffffff05}.quiz-opt-btn.correct{background-color:var(--diff-good);border-color:var(--diff-good-txt);color:var(--diff-good-txt)}.quiz-opt-btn.wrong{background-color:var(--diff-bad);border-color:var(--diff-bad-txt);color:var(--diff-bad-txt)}.quiz-footer{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.chunks-workspace-grid{grid-template-columns:30% 41% 29%;display:grid}.mobile-header{display:none}@media (width<=992px){.chunks-workspace-grid{grid-template-columns:1fr}.mobile-header{background-color:var(--bg-panel);border-bottom:1px solid var(--border-main);z-index:990;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);justify-content:space-between;align-items:center;height:56px;padding:0 16px;position:fixed;top:0;left:0;right:0;display:flex!important}.theme-cream-light .mobile-header{background-color:#ffffffa6;border-bottom-color:#0000000d}.mobile-menu-btn,.mobile-theme-btn{color:var(--text-main);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:background-color .2s;display:flex}.mobile-menu-btn:hover,.mobile-theme-btn:hover{background-color:#ffffff0d}.mobile-brand{align-items:center;gap:8px;display:flex}.sidebar-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background-color:#0006;position:fixed;inset:0}.theme-root{flex-direction:column}.sidebar{z-index:1000;width:280px;height:100vh;box-shadow:var(--shadow-main);background-color:var(--bg-panel);transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.workspace-content{width:100%;max-width:100vw;margin-top:56px;padding:16px}.filter-bar,.sandbox-split,.matcher-split,.stats-cards-grid,.analytics-grid,.quiz-options{grid-template-columns:1fr}}body{color:var(--text-main);background:#f7f2e8;font-family:Atkinson Hyperlegible,Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.theme-root{font-family:Atkinson Hyperlegible,Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.theme-cream-light .sidebar{background:linear-gradient(#ffffffeb,#faf7efdb),#ffffffd1;border-right:1px solid #c5b5978c;padding:22px 18px;box-shadow:14px 0 36px #392d1b0f}.logo-container{border-bottom:1px solid #c5b59757;padding:8px 8px 18px}.theme-cream-light .logo-text,.theme-cream-light .brand-title-cn{color:var(--accent-primary);letter-spacing:.8px}.nav-group-title{color:#7b7567!important;letter-spacing:1.3px!important;padding-left:10px!important;font-size:10px!important}.nav-links{gap:5px}.nav-btn{border-radius:11px;min-height:44px;padding:11px 13px;transition:background-color .2s,color .2s,transform .2s,box-shadow .2s}.theme-cream-light .nav-btn:hover{color:var(--accent-primary);background-color:#1717170f;transform:translate(2px)}.profile-widget{background:#ffffffad;border:1px solid #c5b59780;border-radius:16px;margin-top:18px;padding:14px}.profile-avatar{background:linear-gradient(135deg,#171717,#3f3f46);box-shadow:0 10px 22px #17171726}.visitor-chip{color:#76591f;background:#c193351f;border:1px solid #c1933547;border-radius:999px;justify-content:center;align-items:center;width:100%;min-height:30px;padding:6px 12px;font-size:11px;font-weight:800;display:inline-flex}.workspace-content{padding:30px 34px 44px}header.page-header{border-bottom:1px solid #c5b59752;align-items:flex-end;margin-bottom:24px;padding-bottom:18px}.page-title{color:var(--accent-primary);font-family:var(--font-heading);letter-spacing:0;font-size:clamp(28px,2.4vw,38px);font-weight:700}.glass-panel{box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#fffffff0,#fffdf8e6);border:1px solid #c5b59785;border-radius:16px}.theme-cream-light .glass-panel{border-color:#c5b59785;border-radius:16px}.topic-card{transition:border-color .2s,box-shadow .2s,transform .2s}.topic-card:hover{transform:translateY(-2px);box-shadow:0 18px 38px #392d1b1a;border-color:#17171738!important}.theme-selector{background:#ffffffb3;border-color:#c5b59785;border-radius:12px}.theme-opt-btn{border-radius:9px;min-height:34px;transition:background-color .2s,color .2s,box-shadow .2s}.theme-cream-light .theme-opt-btn.active,.theme-cream-dark .theme-opt-btn.active{color:#fffdf8;background:linear-gradient(135deg,#171717,#2b2b2b);box-shadow:0 8px 16px #17171721}.sub-nav-scroll .theme-opt-btn{color:#52525b;background:0 0;align-items:center;gap:0;display:inline-flex}.sub-nav-scroll .theme-opt-btn svg{color:#8a8274;stroke-width:2.4px;transition:color .2s,transform .2s}.sub-nav-scroll .theme-opt-btn:hover svg{color:var(--accent-secondary)}.sub-nav-scroll .theme-opt-btn.active{color:#fffdf8;background:#171717}.card-badge,.part-badge{letter-spacing:0;border-radius:999px}input.search-input,select.filter-select,textarea.text-box{min-height:44px}.theme-cream-light input.search-input,.theme-cream-light select.filter-select,.theme-cream-light textarea.text-box{background:#fffdf8eb;border-color:#c5b5979e;border-radius:12px;box-shadow:inset 0 1px #ffffffc7}.btn-primary,.theme-cream-light .btn-primary{color:#fffdf8;background:linear-gradient(135deg,#171717,#2b2b2b);border:1px solid #1717172e;border-radius:11px;min-height:44px;box-shadow:0 12px 24px #17171729}.btn-primary:hover,.theme-cream-light .btn-primary:hover{filter:none;background:linear-gradient(135deg,#000,#262626);transform:translateY(-1px)}.btn-secondary,.theme-cream-light .btn-secondary{box-shadow:none;color:var(--accent-primary);background:#ffffffb8;border:1px solid #c5b59794;border-radius:11px;min-height:40px}.btn-icon,.theme-cream-light .btn-icon{background:#ffffffbd;border-color:#c5b59794;border-radius:11px;min-width:40px;min-height:40px}.theme-cream-light .btn-icon:hover{background:var(--accent-primary);color:#fffdf8}.stat-item,.radar-canvas-container,.diff-container,.sandbox-controls,.quiz-opt-btn{border-color:#c5b59785}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=992px){.theme-cream-light .mobile-header{background:#fffdf8e6;border-bottom-color:#c5b59785}.mobile-menu-btn,.mobile-theme-btn{min-width:44px;min-height:44px}.workspace-content{padding:18px}.page-title{font-size:28px}}:where(button,.nav-btn,.theme-opt-btn,.btn-primary,.btn-secondary,.btn-icon,.topic-card,.quiz-opt-btn,.card-badge,.part-badge,input.search-input,select.filter-select,textarea.text-box){transition:transform .18s,box-shadow .22s,border-color .22s,background-color .22s,color .22s,opacity .22s}:where(button,.btn-primary,.btn-secondary,.btn-icon,.theme-opt-btn){position:relative;overflow:hidden}@media (hover:hover) and (pointer:fine){button:not(:disabled):hover,.btn-primary:hover,.btn-secondary:hover,.btn-icon:hover,.theme-opt-btn:hover{transform:translateY(-1px)}button:not(:disabled):active,.btn-primary:active,.btn-secondary:active,.btn-icon:active,.theme-opt-btn:active{transform:translateY(0)scale(.985)}.glass-panel:hover{border-color:#c193356b;box-shadow:0 20px 44px #392d1b1a}.topic-card:hover,.stat-item:hover,.quiz-opt-btn:hover{border-color:#17171738;transform:translateY(-2px);box-shadow:0 16px 34px #392d1b1a}.card-badge:hover,.part-badge:hover{transform:translateY(-1px);box-shadow:0 8px 18px #392d1b14}input.search-input:hover,select.filter-select:hover,textarea.text-box:hover{border-color:#c19335b8;box-shadow:0 8px 20px #392d1b0d}}:where(button,.btn-primary,.btn-secondary,.btn-icon,.theme-opt-btn):after{content:"";pointer-events:none;background:linear-gradient(120deg,#0000 0%,#ffffff38 45%,#0000 70%);width:70%;height:100%;position:absolute;top:0;left:-120%;transform:skew(-18deg)}@media (hover:hover) and (pointer:fine){:where(button,.btn-primary,.btn-secondary,.btn-icon,.theme-opt-btn):not(:disabled):hover:after{animation:.68s button-sheen}}@keyframes button-sheen{0%{left:-120%}to{left:130%}}.theme-cream-light{--bg-app:radial-gradient(circle at 16% 8%, #c193351f 0%, #c1933500 28%), radial-gradient(circle at 88% 18%, #1717170b 0%, #17171700 26%), linear-gradient(135deg, #fff 0%, #fbf8f1 48%, #f5efe3 100%);--bg-app-fallback:#fff;--bg-panel:#ffffffe6;--bg-input:#fffdf8;--bg-soft:#f5efe3;--text-main:#171717;--text-muted:#706a5e;--accent-primary:#171717;--accent-secondary:#c19335;--accent-tertiary:#3f3f46;--border-main:#c1933547;--border-focus:#d6aa4d;--shadow-main:0 22px 52px #392d1b1a;--shadow-soft:0 14px 36px #392d1b14;--diff-good:#1717170f;--diff-good-txt:#171717;--diff-maybe:#d6aa4d29;--diff-maybe-txt:#d6aa4d;--diff-bad:#dc4b4b26;--diff-bad-txt:#ff9b8f;--diff-extra:#f2d48b1f;--diff-extra-txt:#f2d48b;--font-heading:"Crimson Pro", "Playfair Display", serif}body{background:#fff}.theme-root{background-color:#fff}.theme-cream-light .sidebar{background:linear-gradient(#fffffff5,#faf7eff0),#fff;border-right:1px solid #c1933547;box-shadow:16px 0 42px #392d1b14}.logo-container{border-bottom-color:#c1933538}.theme-cream-light .logo-text,.theme-cream-light .brand-title-cn{color:#171717;text-shadow:0 1px #c1933538}.nav-group-title{color:#706a5edb!important}.theme-cream-light .nav-btn{color:#171717b3}.theme-cream-light .nav-btn:hover{color:#171717;background-color:#c193351a}.theme-cream-light .nav-item.active .nav-btn{color:#11100e;background:linear-gradient(135deg,#f2d48b,#b78024);border-color:#f2d48b6b;box-shadow:0 14px 30px #c193353d}.theme-cream-light .nav-item.active .nav-btn svg{color:#11100e}.profile-widget{background:linear-gradient(#ffffffeb,#faf7efe0);border-color:#c1933557}.profile-avatar{color:#121212;background:linear-gradient(135deg,#f2d48b,#b78024);box-shadow:0 12px 26px #c1933538}.profile-name{color:#171717}.visitor-chip{color:#171717;background:#c193351f;border-color:#c193355c}header.page-header{border-bottom-color:#c1933533}.page-title{color:#171717;text-shadow:0 2px #c1933542}.glass-panel{box-shadow:var(--shadow-soft);background:linear-gradient(#fffffff0,#fffdf8eb);border-color:#c193354d}.theme-cream-light .glass-panel{border-color:#c193354d}.glass-panel:hover{border-color:#c1933585;box-shadow:0 22px 46px #392d1b1f}.theme-selector{background:#ffffffb8;border-color:#c1933540}.theme-opt-btn{color:#171717b3}.theme-cream-light .theme-opt-btn.active,.theme-cream-dark .theme-opt-btn.active,.sub-nav-scroll .theme-opt-btn.active{color:#11100e;background:linear-gradient(135deg,#f2d48b,#b78024);box-shadow:0 10px 22px #c1933538}.sub-nav-scroll .theme-opt-btn{color:#171717bd}.sub-nav-scroll .theme-opt-btn svg{color:#f2d48bbd}.sub-nav-scroll .theme-opt-btn:hover{color:#171717;background:#c193351c}.sub-nav-scroll .theme-opt-btn.active svg{color:#11100e}.theme-cream-light .card-badge,.theme-cream-dark .card-badge{color:#171717d6;background-color:#ffffffd1;border-color:#c1933540}.theme-cream-light .part-badge{color:#11100e;background:linear-gradient(135deg,#f2d48b,#b78024)}input.search-input,select.filter-select,textarea.text-box{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.theme-cream-light input.search-input,.theme-cream-light select.filter-select,.theme-cream-light textarea.text-box{color:#171717;background:#fffdf8f5;border-color:#c1933557;box-shadow:inset 0 1px #ffffffb8}input.search-input::placeholder,textarea.text-box::placeholder{color:#1717176b}input.search-input:focus,select.filter-select:focus,textarea.text-box:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #c193352e}.btn-primary,.theme-cream-light .btn-primary{color:#11100e;background:linear-gradient(135deg,#f2d48b,#b78024);border-color:#f2d48b6b;box-shadow:0 14px 28px #c193353b}.btn-primary:hover,.theme-cream-light .btn-primary:hover{color:#0b0b0b;background:linear-gradient(135deg,#ffe6a6,#c19335)}.btn-secondary,.theme-cream-light .btn-secondary{color:#171717;background:#ffffffd1;border-color:#c1933557}.btn-secondary:hover,.theme-cream-light .btn-secondary:hover{background:#c193351a;border-color:#f2d48b70}.btn-icon,.theme-cream-light .btn-icon{color:#171717;background:#ffffffd1;border-color:#c1933557}.theme-cream-light .btn-icon:hover{color:#11100e;background:linear-gradient(135deg,#f2d48b,#b78024)}.topic-card:hover,.stat-item:hover,.quiz-opt-btn:hover{border-color:#c1933580;box-shadow:0 18px 38px #392d1b1f}.stat-item,.radar-canvas-container,.diff-container,.sandbox-controls,.quiz-opt-btn{background-color:#ffffffd1;border-color:#c193354d}.graph-pillar{background:linear-gradient(#f2d48b,#b78024)}.circle-chart-bg{stroke:#c193352e}.circle-chart-circle{stroke:#f2d48b}::-webkit-scrollbar-thumb{background:#c1933559}::-webkit-scrollbar-thumb:hover{background:#f2d48b8c}*{scrollbar-color:#c1933559 transparent}@media (width<=992px){.theme-cream-light .mobile-header{background:#ffffffeb;border-bottom-color:#c193353d}.mobile-menu-btn,.mobile-theme-btn{color:#171717}.sidebar-backdrop{background-color:#000000a8}}.listening-catalog-shell{background:radial-gradient(circle at 12% 0,#f2d48b2e,#0000 34%),linear-gradient(135deg,#fffffffa,#fffcf5eb);border:1px solid #c193353d;box-shadow:inset 0 1px #ffffffe6,0 20px 50px #392d1b14}.listening-random-btn{min-height:48px;box-shadow:0 16px 28px #1111112e,0 0 0 1px #c193351f;color:#fff9e8!important;background:linear-gradient(135deg,#0d0d0d,#242424)!important;border:1px solid #f2d48b80!important}.listening-random-btn svg{color:#f2d48b;filter:drop-shadow(0 0 5px #f2d48b57)}.listening-random-btn:hover{box-shadow:0 20px 34px #11111138,0 0 0 3px #c1933521;border-color:#f2d48bb8!important}.listening-test-card{background:linear-gradient(#fff,#fffaf0);border:1px solid #c193354d;transition:transform .22s,border-color .22s,box-shadow .22s;box-shadow:0 14px 32px #392d1b14}.listening-test-card:hover{border-color:#c193359e;transform:translateY(-4px);box-shadow:0 22px 42px #392d1b24,0 0 0 1px #f2d48b2e}.listening-test-card-header{color:#fffaf0;background:linear-gradient(135deg,#f2d48b14,#0000 42%),linear-gradient(135deg,#0d0d0d,#252525);border-bottom:1px solid #f2d48b6b;box-shadow:inset 0 1px #ffffff14}.listening-test-card-header>span:first-child{color:#fffaf0;text-shadow:0 1px #0006}.listening-test-card-header>span:last-child{color:#f7df9d;border:1px solid #f2d48b5c;background:#f2d48b26!important}.listening-part-row{border-radius:12px;align-items:center;min-height:46px;margin-inline:-8px;padding:6px 8px;transition:transform .18s,background-color .18s,box-shadow .18s,opacity .18s!important}.listening-part-row:hover{background:#c193351a;transform:translate(3px);box-shadow:inset 3px 0 #c19335b8;opacity:1!important}.listening-part-row>div:first-child{background:linear-gradient(135deg,#ffe8a8,#c19335);border:1px solid #c1933575;border-radius:999px;flex:0 0 28px;place-items:center;width:28px;height:28px;display:grid;box-shadow:0 8px 16px #c193352e;color:#0d0d0d!important;font-size:12px!important}.listening-workbench,.listening-start-screen{background:radial-gradient(circle at 12% 0,#f2d48b1f,#0000 30%),linear-gradient(135deg,#fff,#fffaf0)!important}.listening-workbench-header{z-index:2;box-shadow:0 10px 24px #392d1b0f;background:linear-gradient(#fffffffa,#fffcf5f0)!important;border-bottom-color:#c193354d!important}.listening-workbench-header h2{text-shadow:0 1px #c193352e;color:#171717!important}.listening-workbench-header button:not(.btn-primary){border-radius:999px;min-width:40px;min-height:40px;color:#171717!important;border:1px solid #c1933547!important}.listening-workbench-header button:not(.btn-primary):hover{background:#c193351f!important;border-color:#c1933575!important}.listening-audio-bar{color:#fffaf0;box-shadow:inset 0 1px #f2d48b2e;background:linear-gradient(90deg,#0d0d0df5,#252525f5),#171717!important;border-bottom-color:#f2d48b6b!important}.listening-audio-bar span,.listening-audio-bar select{color:#fffaf0!important}.listening-audio-bar select{background:#fffaf014;border-color:#f2d48b57!important}.listening-audio-play{box-shadow:0 10px 22px #c1933542;color:#0d0d0d!important;background:linear-gradient(135deg,#ffe8a8,#c19335)!important;border-color:#f2d48b8f!important}.listening-progress-track{border:1px solid #c193352e;background:#c193352e!important}.listening-progress-track>div{box-shadow:0 0 16px #f2d48b47;background:linear-gradient(90deg,#f2d48b,#b78024)!important}.listening-content-pane{background:linear-gradient(#fffffffa,#fffdf8f5)!important;border-right-color:#c1933542!important}.listening-content-pane :where(h1,h2,h3,h4,strong,b){color:#171717}.listening-content-pane :where(p,li,div,span,td,th){font-size:18px;line-height:1.75}.listening-content-pane :where(h1,h2){font-size:28px;line-height:1.25}.listening-content-pane :where(h3,h4){font-size:22px;line-height:1.35}.chunks-workspace-grid .q-card{border-radius:10px!important;padding:12px 14px!important}.chunks-workspace-grid .q-card>div:first-child{line-height:1.35;font-size:11px!important}.chunks-workspace-grid .q-title{font-size:14px!important;font-weight:800!important;line-height:1.5!important}.chunks-filter-grid{overflow:visible;grid-template-columns:minmax(240px,1.2fr) repeat(4,minmax(170px,1fr))!important}.chunks-filter-grid :where(input,select){width:100%;min-width:0}.chunk-grid{align-items:stretch;grid-template-columns:repeat(auto-fill,minmax(132px,1fr))!important;grid-auto-rows:112px!important;gap:8px!important}.chunk-card{height:112px;min-height:0;overflow:hidden;padding:8px!important}.chunk-card>div:first-child{min-height:0;overflow:hidden}.chunk-card .speak-btn{flex:0 0 22px;width:22px!important;height:22px!important}.chunk-card .chunk-english-text,.patternCard .chunk-english-text{letter-spacing:0;overflow-wrap:anywhere;word-break:normal;line-height:1.38;overflow:hidden;font-size:14px!important}.chunk-card .chunk-english-text{-webkit-line-clamp:3;-webkit-box-orient:vertical;max-height:57.96px;display:-webkit-box}.chunk-card .zh-text{text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;overflow:hidden}.patternCard .chunk-english-text{font-size:16px!important}.chunk-example-text{line-height:1.55;font-size:14px!important}.matched-chunk-tag{line-height:1.35;padding:4px 8px!important;font-size:13px!important}.chunks-draft-textarea{line-height:1.65;font-size:16px!important}@media (width<=1280px){.chunks-filter-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important}}.listening-answer-panel{border-left:1px solid #c1933538;box-shadow:-12px 0 28px #392d1b0a;background:linear-gradient(#fffcf5fa,#fffffff0)!important}.listening-answer-panel-header{background:#ffffffeb!important;border-bottom-color:#c1933547!important}.listening-answer-panel input{color:#171717;background:#fffdf8;transition:border-color .18s,box-shadow .18s,background-color .18s;border-color:#c1933557!important}.listening-answer-panel input:hover{border-color:#c1933594!important}.listening-answer-panel input:focus{background:#fff;box-shadow:0 0 0 3px #c193352e;border-color:#c19335!important}.listening-start-card{border:1px solid #c1933557;max-width:560px;background:radial-gradient(circle at 50% 0,#f2d48b2e,#0000 42%),linear-gradient(#fff,#fffaf0)!important;box-shadow:0 28px 58px #392d1b1f,inset 0 1px #ffffffeb!important}.listening-start-card h2{color:#171717}.listening-start-card>div[style*="48px"]{color:#c19335;filter:sepia()saturate(.8)}.listening-tabs{background:#fffcf5f5!important;border-bottom-color:#c1933547!important}.listening-tab{transition:background-color .18s,color .18s,box-shadow .18s}.listening-tab:hover{background:#c193351a!important}.listening-tab[style*="font-weight: 800"]{box-shadow:inset 0 -3px #c19335}.listening-audio-status{border-top:1px solid #f2d48b61;color:#fffaf0!important;background:linear-gradient(90deg,#0d0d0d,#262626)!important}.listening-progress-track-dark{border-color:#f2d48b38;background:#fffaf01f!important}.listening-mock-answer-panel span[style*="font-weight: 800"]{color:#9a6f1d}@media (width<=1100px){.listening-workbench>div:last-child,.listening-mock-workbench>div:last-child{flex-direction:column!important;overflow:auto!important}.listening-content-pane,.listening-answer-panel,.listening-mock-answer-panel{border-left:0;min-height:auto;border-right:0!important;width:auto!important}}@media (prefers-reduced-motion:reduce){.listening-random-btn,.listening-test-card,.listening-part-row,.listening-tab,.listening-answer-panel input{transition:none!important}.listening-test-card:hover,.listening-part-row:hover{transform:none}}