:root{color:#111827;font-synthesis:none;text-rendering:optimizelegibility;--ink:#131722;--muted:#6d7482;--line:#e2e6eb;--soft:#f6f7f8;--blue:#286be6;--blue-soft:#edf4ff;--green:#1da86b;--green-soft:#eaf8f1;--yellow:#f2c736;--yellow-soft:#fff8d8;--coral:#ed5d59;--coral-soft:#fff0ee;background:#edf0f3;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{-webkit-font-smoothing:antialiased;overscroll-behavior:none;min-height:100vh}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #286be647}.prototype-stage{background:#edf0f3;place-items:center;min-height:100vh;display:grid}.mobile-prototype{background:#fff;width:min(100vw,390px);height:min(100dvh,844px);margin-inline:auto;position:relative;overflow:hidden;box-shadow:0 18px 60px #141b2529}.screen{background:#fff;flex-direction:column;animation:.18s ease-out screen-in;display:flex;position:absolute;inset:0;overflow:hidden}@keyframes screen-in{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}.screen-scroll,.manual-scroll{overscroll-behavior:contain;scrollbar-width:none;flex:1;min-height:0;overflow-y:auto}.screen-scroll::-webkit-scrollbar{display:none}.manual-scroll::-webkit-scrollbar{display:none}.brand-header{border-bottom:1px solid var(--line);z-index:5;background:#fffffffa;flex:0 0 59px;justify-content:space-between;align-items:center;gap:10px;min-height:59px;padding:0 18px;display:flex}.brand-header.is-compact{flex-basis:54px;min-height:54px}.brand-lockup,.header-directory,.back-button{cursor:pointer;background:0 0;border:0;align-items:center;padding:0;display:flex}.brand-lockup{gap:8px;min-width:0}.brand-mark-crop{flex:none;width:46px;height:25px;display:block;overflow:hidden}.brand-mark-crop img{width:auto;max-width:none;height:25px;display:block}.brand-copy{white-space:nowrap;min-width:0;color:var(--ink);align-items:center;display:flex}.brand-copy strong{font-size:15px;font-weight:750}.brand-copy i{background:#b7bdc6;width:1px;height:16px;margin:0 7px}.brand-copy span{font-size:13px;font-weight:650}.header-directory{color:#3f4652;white-space:nowrap;gap:5px;font-size:12px}.back-bar{border-bottom:1px solid var(--line);background:#fff;flex:0 0 48px;align-items:center;gap:12px;min-height:48px;padding:0 18px;display:flex}.back-button{color:var(--blue);white-space:nowrap;gap:6px;font-size:13px;font-weight:630}.back-trail{text-overflow:ellipsis;white-space:nowrap;color:#8a909c;border-left:1px solid #cfd3d9;padding-left:12px;font-size:12px;overflow:hidden}.directory-intro{padding:28px 20px 20px}.eyebrow{color:var(--blue);margin:0 0 8px;font-size:12px;font-weight:720}.directory-intro h1{letter-spacing:0;max-width:290px;margin:0;font-size:26px;font-weight:740;line-height:1.28}.directory-intro>p:last-child{color:var(--muted);margin:11px 0 0;font-size:13px;line-height:1.65}.search-box{color:#6f7785;background:#f8f9fa;border:1px solid #d9dee5;border-radius:6px;align-items:center;gap:9px;height:44px;margin:0 20px 21px;padding:0 12px;display:flex}.search-box:focus-within{border-color:var(--blue);background:#fff;box-shadow:0 0 0 3px #286be614}.search-box input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:14px}.search-box button{color:#7c8490;cursor:pointer;background:0 0;border:0;place-items:center;width:26px;height:26px;display:grid}.course-section,.episode-list{padding:0 20px 26px}.section-heading-line{justify-content:space-between;align-items:center;min-height:30px;margin-bottom:8px;display:flex}.section-heading-line h2{margin:0;font-size:15px;font-weight:710}.section-heading-line>span{color:#969ca6;font-size:11px}.course-list{border-top:1px solid var(--line)}.course-row{border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;grid-template-columns:25px 42px minmax(0,1fr) 18px;align-items:center;gap:10px;width:100%;min-height:98px;padding:15px 0;display:grid}.course-row:active{background:#f8fafc}.course-index{color:#a0a6b0;font-variant-numeric:tabular-nums;font-size:10px}.course-icon,.subject-symbol{border-radius:6px;place-items:center;width:40px;height:40px;display:grid}.tone-blue .course-icon,.subject-symbol.tone-blue{color:var(--blue);background:var(--blue-soft)}.tone-green .course-icon,.subject-symbol.tone-green{color:var(--green);background:var(--green-soft)}.tone-coral .course-icon,.subject-symbol.tone-coral{color:var(--coral);background:var(--coral-soft)}.tone-yellow .course-icon,.subject-symbol.tone-yellow{color:#9f7600;background:var(--yellow-soft)}.course-copy{flex-direction:column;min-width:0;display:flex}.course-copy strong{font-size:16px;line-height:1.35}.course-copy small{color:var(--blue);margin-top:3px;font-size:11px}.course-copy>span{color:var(--muted);margin-top:4px;font-size:11px;line-height:1.5}.row-caret{color:#a4aab3}.empty-state{color:#9299a5;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:170px;display:flex}.empty-state strong{color:#555c68;margin-top:5px;font-size:14px}.empty-state span{font-size:12px}.episode-scroll{padding-top:0}.episode-intro{align-items:center;gap:13px;padding:22px 20px 19px;display:flex}.episode-intro p,.episode-intro h1{margin:0}.episode-intro p{color:var(--blue);font-size:11px;font-weight:670}.episode-intro h1{margin-top:2px;font-size:22px;line-height:1.35}.episode-intro div>span{color:var(--muted);font-size:11px}.unit-tabs{scrollbar-width:none;background:#f1f3f5;border-radius:6px;align-items:center;gap:3px;height:38px;margin:0 20px 21px;padding:3px;display:flex;overflow-x:auto}.unit-tabs::-webkit-scrollbar{display:none}.unit-tabs button{color:#777e89;cursor:pointer;background:0 0;border:0;border-radius:4px;flex:none;min-width:64px;height:32px;padding:0 12px;font-size:12px}.unit-tabs button.active{color:var(--ink);background:#fff;font-weight:650;box-shadow:0 1px 3px #141b251a}.episode-row{border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;grid-template-columns:42px minmax(0,1fr) auto 18px;align-items:center;gap:10px;width:100%;min-height:70px;padding:10px 0;display:grid}.episode-number{color:#626a76;border:1px solid #cfd5dd;border-radius:50%;place-items:center;width:38px;height:38px;font-size:13px;font-weight:690;display:grid}.episode-copy{flex-direction:column;min-width:0;display:flex}.episode-copy small{color:#969da7;font-size:10px}.episode-copy strong{text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:14px;overflow:hidden}.episode-status{color:#9299a4;white-space:nowrap;border:1px solid #e1e4e8;border-radius:4px;padding:3px 6px;font-size:9px}.episode-status.is-ready{color:#16875a;background:var(--green-soft);border-color:#1da86b47}.episode-row>svg{color:#a4aab3}.pending-course{border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center;color:#858c97;margin:30px 20px;padding:35px 18px}.pending-course h2{color:var(--ink);margin:12px 0 7px;font-size:17px}.pending-course p{margin:0;font-size:12px}.pending-course button{border:1px solid var(--blue);color:var(--blue);background:#fff;border-radius:5px;margin-top:19px;padding:8px 13px;font-size:12px}.toast{z-index:20;color:#fff;text-align:center;background:#131722eb;border-radius:6px;max-width:calc(100% - 40px);padding:10px 14px;font-size:12px;position:absolute;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 8px 25px #141b252e}.episode-hero{grid-template-columns:1fr 154px;align-items:center;gap:10px;min-height:164px;padding:18px 18px 12px;display:grid}.episode-hero-copy p{color:#737b87;margin:0 0 14px;font-size:11px}.episode-hero-copy h1{margin:0;font-size:25px;line-height:1.28}.episode-hero.has-long-title .episode-hero-copy h1{font-size:20px;line-height:1.35}.episode-hero-copy h1 span{margin-bottom:2px;font-size:15px;font-weight:580;display:block}.episode-tags{flex-wrap:wrap;gap:5px;margin-top:14px;display:flex}.episode-tags span{color:var(--blue);background:#f8fbff;border:1px solid #dce4f0;border-radius:4px;padding:4px 7px;font-size:9px}.episode-hero figure{width:154px;margin:0}.episode-hero img{object-fit:cover;object-position:center;background:#f1f4f7;border-radius:6px;width:154px;height:116px;display:block}.episode-hero img.is-contain{object-fit:contain;background:#fff;border:1px solid #e5e9ee}.episode-hero figcaption{color:#9299a3;text-align:right;margin-top:5px;font-size:9px}.episode-hero-symbol{border:1px solid #e1e6ed;border-radius:6px;align-content:center;place-items:center;gap:8px;width:126px;height:116px;display:grid}.episode-hero-symbol span{font-size:10px;font-weight:700}.episode-hero-symbol.tone-blue{color:var(--blue);background:var(--blue-soft)}.episode-hero-symbol.tone-green{color:var(--green);background:var(--green-soft)}.episode-hero-symbol.tone-yellow{color:#967400;background:var(--yellow-soft)}.episode-hero-symbol.tone-coral{color:var(--coral);background:var(--coral-soft)}.manual-load-state{min-height:240px;color:var(--muted);text-align:center;align-content:center;place-items:center;gap:12px;padding:24px;display:grid}.manual-load-state strong{color:var(--ink);font-size:15px}.manual-load-state button{border:1px solid var(--blue);color:var(--blue);cursor:pointer;background:#fff;border-radius:5px;padding:8px 12px}.manual-tabs{z-index:4;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fffffffa;grid-template-columns:repeat(3,1fr);height:49px;display:grid;position:sticky;top:0}.manual-tabs button{color:#69717e;cursor:pointer;background:0 0;border:0;font-size:13px;position:relative}.manual-tabs button:after{content:"";background:0 0;height:2px;position:absolute;bottom:-1px;left:24%;right:24%}.manual-tabs button.active{color:var(--blue);font-weight:700}.manual-tabs button.active:after{background:var(--blue)}.manual-panel{padding:22px 18px 40px}.manual-section+.manual-section{margin-top:28px}.manual-section-title{align-items:flex-start;gap:10px;display:flex}.manual-section-title h2,.manual-section-title small{margin:0;display:block}.manual-section-title small{color:var(--blue);font-size:10px;font-weight:720}.manual-section-title h2{margin-top:2px;font-size:17px;line-height:1.4}.title-icon{border-radius:6px;flex:0 0 34px;place-items:center;width:34px;height:34px;display:grid}.title-icon.blue{color:var(--blue);background:var(--blue-soft)}.title-icon.green{color:var(--green);background:var(--green-soft)}.title-icon.coral{color:var(--coral);background:var(--coral-soft)}.key-point-list{border-top:1px solid var(--line);margin:18px 0 0;padding:0;list-style:none}.key-point-list li{border-bottom:1px solid var(--line);grid-template-columns:26px 1fr;gap:9px;padding:13px 0;display:grid}.key-point-list span{color:var(--blue);padding-top:2px;font-size:10px;font-weight:700}.key-point-list p,.misconception-section li{margin:0;font-size:13px;line-height:1.7}.misconception-section ul{color:#4e5663;margin:17px 0 0;padding:0 0 0 18px}.misconception-section li+li{margin-top:10px}.mindmap-flow{margin-top:21px}.mindmap-step-wrap{grid-template-columns:1fr 28px;align-items:center;display:grid}.mindmap-step-wrap:last-child{grid-template-columns:1fr}.mindmap-step{border-left:3px solid var(--blue);background:#f8fafc;margin:0 0 11px;padding:13px 14px}.mindmap-step.tone-yellow{border-left-color:var(--yellow)}.mindmap-step.tone-green{border-left-color:var(--green)}.mindmap-step.tone-coral{border-left-color:var(--coral)}.mindmap-step>span{color:var(--blue);font-size:9px;font-weight:720}.mindmap-step.tone-yellow>span{color:#977000}.mindmap-step.tone-green>span{color:#16875a}.mindmap-step.tone-coral>span{color:#c64845}.mindmap-step h3{margin:3px 0;font-size:14px}.mindmap-step p{color:#6b7380;margin:0;font-size:11px;line-height:1.55}.flow-arrow{color:#a9afb8;transform:rotate(90deg)}.formula-note{background:#f7faff;border-top:1px solid #cfd8e5;border-bottom:1px solid #cfd8e5;margin-top:14px;padding:16px}.formula-note span{color:var(--blue);font-size:10px;font-weight:700}.formula-note strong{margin-top:5px;font-size:23px;display:block}.formula-note.is-concept strong{font-size:16px;line-height:1.45}.formula-note p{color:#657080;margin:7px 0 0;font-size:11px;line-height:1.6}.question-panel{padding-top:20px}.question-topline{color:var(--blue);justify-content:space-between;align-items:center;gap:12px;font-size:11px;font-weight:680;display:flex}.question-label{align-items:center;gap:6px;min-width:0;display:flex}.question-label span{white-space:nowrap}.question-switcher{flex:none;grid-template-columns:30px 42px 30px;align-items:center;gap:3px;display:grid}.question-switcher button{color:#5e6672;cursor:pointer;background:#fff;border:1px solid #d9dee5;border-radius:5px;place-items:center;width:30px;height:30px;padding:0;display:grid}.question-switcher span{color:#8a929d;font-variant-numeric:tabular-nums;place-items:center;font-size:12px;font-weight:520;display:grid}.question-panel>h2{letter-spacing:0;margin:15px 0 9px;font-size:20px;line-height:1.55}.answer-note{color:#7a828e;margin:0 0 13px;font-size:11px;line-height:1.6}.answer-list{border-top:1px solid var(--line)}.answer-row{border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;grid-template-columns:30px minmax(0,1fr) 18px;align-items:center;gap:10px;width:100%;min-height:67px;padding:11px 0;display:grid}.answer-row>span:nth-child(2){color:#353c48;font-size:12px;line-height:1.6}.answer-row>svg{color:var(--blue)}.answer-letter{color:#525a66;background:#f7f8f9;border:1px solid #d4d9e0;border-radius:50%;place-items:center;width:28px;height:28px;font-size:13px;font-weight:690;display:grid}.answer-row.is-selected{background:#f7faff}.answer-row.is-selected .answer-letter{border-color:var(--blue);color:#fff;background:var(--blue)}.drawer-scrim{z-index:20;background:#181d262e;border:0;animation:.16s ease-out fade-in;position:absolute;inset:0}.feedback-drawer{z-index:21;max-height:58%;padding:8px 16px calc(16px + env(safe-area-inset-bottom));background:#fff;border-radius:8px 8px 0 0;animation:.22s ease-out drawer-in;position:absolute;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -12px 35px #13172224}@keyframes fade-in{0%{opacity:0}}@keyframes drawer-in{0%{transform:translateY(100%)}}.drawer-handle{background:#d4d8de;border-radius:2px;width:38px;height:4px;margin:0 auto 7px}.drawer-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding-bottom:10px;display:flex}.drawer-heading>div{align-items:baseline;gap:8px;display:flex}.drawer-heading span{color:#777f8b;font-size:11px}.drawer-heading strong{color:var(--blue);font-size:12px}.feedback-solid .drawer-heading strong,.feedback-solid .drawer-heading strong{color:var(--green)}.feedback-partial .drawer-heading strong,.feedback-partial .drawer-heading strong{color:#a37800}.feedback-mixed .drawer-heading strong,.feedback-mixed .drawer-heading strong{color:var(--coral)}.feedback-recall .drawer-heading strong,.feedback-recall .drawer-heading strong{color:#69717d}.feedback-spark .drawer-heading strong,.feedback-spark .drawer-heading strong{color:var(--blue)}.drawer-heading button{color:#626a76;cursor:pointer;background:#f2f4f6;border:0;border-radius:50%;flex:none;place-items:center;width:31px;height:31px;display:grid}.feedback-content section{border-bottom:1px solid var(--line);grid-template-columns:32px minmax(0,1fr);gap:10px;padding:12px 0;display:grid}.feedback-content section:last-child{border-bottom:0}.feedback-icon{width:31px;height:31px;color:var(--blue);background:#f2f5f8;border-radius:6px;place-items:center;display:grid}.feedback-content section:first-child .feedback-icon{color:var(--blue);background:var(--blue-soft)}.feedback-content section:nth-child(2) .feedback-icon{color:var(--green);background:var(--green-soft)}.feedback-content section:nth-child(3) .feedback-icon{color:var(--coral);background:var(--coral-soft)}.feedback-content small{color:#7a828d;font-size:9px;font-weight:650;display:block}.feedback-content h3,.feedback-content p{margin:3px 0 0}.feedback-content h3{font-size:14px;line-height:1.45}.feedback-content p{color:#454d59;font-size:11px;line-height:1.68}@media (width<=600px){html,body,#root,.prototype-stage{min-height:100dvh}.prototype-stage{background:#fff;place-items:stretch stretch}.mobile-prototype{width:100%;height:100dvh;box-shadow:none;margin:0}}@media (height<=720px){.mobile-prototype{height:100dvh}.episode-hero{min-height:142px}.episode-hero img{height:96px}.feedback-drawer{max-height:64%}}@media (width<=350px){.brand-copy strong{font-size:13px}.brand-copy span{font-size:11px}.header-directory span{display:none}.episode-hero{grid-template-columns:1fr 126px}.episode-hero figure,.episode-hero img{width:126px}.question-panel>h2{font-size:18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}