@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800&family=ZCOOL+XiaoWei&display=swap";.rep-player{background:#edf5f4;min-height:calc(100vh - 60px);padding:16px}.rep-player-shell{width:min(1500px,100%);margin:auto;position:relative}.rep-player-bar{background:#fff;border:1px solid #d7e5e3;border-radius:16px 16px 0 0;justify-content:space-between;align-items:center;gap:18px;min-height:66px;padding:10px 16px;display:flex}.rep-player-bar>div,.rep-player-bar a,.rep-player-actions,.rep-player-actions span,.rep-player-actions button{align-items:center;display:flex}.rep-player-bar a{color:#087f83;gap:6px;font-size:13px;font-weight:800}.rep-player-bar a svg{width:17px}.rep-player-divider{background:#d7e5e3;width:1px;height:30px;margin:0 14px}.rep-player-bar small,.rep-player-bar strong{display:block}.rep-player-bar small{color:#84918f;letter-spacing:.08em;font-size:10px}.rep-player-bar strong{margin-top:2px;font-size:15px}.rep-player-actions{gap:8px}.rep-player-actions span,.rep-player-actions button{color:#526864;background:#fff;border:1px solid #d8e3e2;border-radius:9px;gap:6px;min-height:36px;padding:0 11px;font-size:12px}.rep-player-actions button{cursor:pointer}.rep-player-actions svg{width:15px}.rep-player-actions .is-online{color:#147d65;background:#effaf6}.rep-player-actions .is-offline{color:#b25434;background:#fff6f1}.rep-frame-wrap{background:#fff;border:1px solid #d7e5e3;border-top:0;border-radius:0 0 16px 16px;min-height:680px;position:relative;overflow:hidden}.rep-frame-wrap:fullscreen{overscroll-behavior:contain;background:#fff;min-height:0;padding:0;overflow:hidden auto}.rep-frame-wrap.is-immersive{z-index:1000;overscroll-behavior:contain;border:0;border-radius:0;min-height:0;position:fixed;inset:0;overflow:hidden auto}.rep-frame-wrap iframe{background:#fff;border:0;width:100%;min-height:680px;display:block;overflow:hidden}.rep-frame-status{z-index:2;color:#60736f;background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.rep-frame-status small{color:#84928f}.rep-frame-status.is-error{color:#934931;background:#fffaf7}.rep-frame-status.is-error .rep-btn{margin-top:8px}.rep-player-toast{z-index:100;color:#fff;background:#173f3b;border-radius:999px;padding:12px 18px;font-size:13px;font-weight:800;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 12px 35px #0d2d2b40}.rep-exit-immersive{z-index:3;color:#fff;background:#173f3be6;border:0;border-radius:999px;align-items:center;gap:6px;min-height:38px;padding:0 12px;font-size:12px;font-weight:800;display:flex;position:fixed;top:12px;right:12px;box-shadow:0 5px 16px #0d2d2b38}.rep-exit-immersive svg{width:15px;height:15px}.rep-game>img{object-fit:cover;width:100%;height:100%;display:block}@media (width<=800px){.rep-player{padding:0}.rep-player-bar{border-radius:0;align-items:flex-start}.rep-player-actions{flex-wrap:wrap;justify-content:flex-end}.rep-player-actions span{display:none}.rep-player-actions button{justify-content:center;gap:0;width:36px;min-width:36px;padding:0;font-size:0}.rep-frame-wrap{border-inline:0;border-radius:0}}:root{color:#202938;font-synthesis:none;text-rendering:optimizelegibility;--ink:#202938;--muted:#6d7685;--line:#e4e8ef;--surface:#f7f8fb;--blue:#356ee9;--blue-dark:#265bd0;--orange:#f28a3a;--green:#31a770;--yellow:#f4c84b;--container:1120px;--shadow-sm:0 8px 24px #242f4412;--shadow-md:0 18px 50px #242f441c;--radius:8px;background:#fff;font-family:Noto Sans SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#fff;min-width:320px;min-height:100vh;margin:0;font-size:16px;line-height:1.6}body.nav-open,body.filter-open{overflow:hidden}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}img,svg{display:block}h1,h2,h3,p{margin-top:0}h1:focus{outline:none}.container{width:min(calc(100% - 40px), var(--container));margin-inline:auto}.section{padding-block:88px}.section-tinted{background:#f7f9fc}.section-warm{background:#fff9f1}.eyebrow{color:var(--blue);text-transform:uppercase;margin-bottom:10px;font-size:13px;font-weight:800;display:inline-block}.button{cursor:pointer;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 20px;font-weight:700;transition:transform .2s,background-color .2s,border-color .2s,box-shadow .2s;display:inline-flex}.button svg{width:18px;height:18px}.button:hover{transform:translateY(-2px)}.button-primary{color:#fff;background:var(--blue);box-shadow:0 7px 18px #356ee938}.button-primary:hover{background:var(--blue-dark)}.button-secondary{color:var(--ink);background:#fff;border-color:#d9dee7}.button-secondary:hover{border-color:#9da7b7}.button-light{color:var(--blue-dark);background:#fff}.button-large{min-height:50px;padding-inline:24px}.button-small{min-height:38px;padding-inline:14px;font-size:14px}.icon-button{width:44px;height:44px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;padding:0;display:inline-grid}.icon-button:hover{background:#f0f3f7}.icon-button svg{width:21px;height:21px}.text-link{color:var(--blue);align-items:center;gap:6px;font-size:14px;font-weight:700;display:inline-flex}.text-link svg{width:16px;transition:transform .2s}.text-link:hover svg{transform:translate(3px)}.site-header{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;border-bottom:1px solid #edf0f4;height:72px;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;height:100%;display:flex}.brand{white-space:nowrap;align-items:center;gap:10px;font-size:18px;font-weight:800;display:inline-flex}.brand-mark{color:#fff;background:var(--blue);border-radius:8px;place-items:center;width:38px;height:38px;display:grid;box-shadow:5px 5px #dce6ff}.brand-mark svg{width:21px}.desktop-nav{align-items:center;gap:34px;height:100%;display:flex}.desktop-nav a{color:#4e5867;place-items:center;height:100%;font-size:14px;font-weight:600;display:grid;position:relative}.desktop-nav a:after{content:"";background:var(--blue);height:3px;transition:left .2s,right .2s;position:absolute;bottom:0;left:50%;right:50%}.desktop-nav a.active{color:var(--ink)}.desktop-nav a.active:after,.desktop-nav a:hover:after{left:0;right:0}.header-actions{align-items:center;gap:10px;display:flex}.menu-button,.mobile-nav-wrap{display:none}.hero{overflow:hidden}.home-hero{background-color:#f5f8ff;padding:88px 0 92px}.hero-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:64px;display:grid}.hero-kicker{color:var(--blue);align-items:center;gap:8px;font-size:13px;font-weight:800;display:inline-flex}.hero-kicker svg{width:17px}.hero-copy h1{margin:22px 0 24px;font-size:54px;font-weight:800;line-height:1.24}.hero-copy h1 mark{color:var(--blue);background:0 0;position:relative}.hero-copy h1 mark:after{content:"";z-index:-1;background:#fbe596;height:10px;position:absolute;bottom:5px;left:-4px;right:-4px}.hero-copy>p{max-width:620px;color:var(--muted);font-size:17px;line-height:1.9}.hero-actions{gap:12px;margin-top:34px;display:flex}.hero-proof{color:#606a79;flex-wrap:wrap;gap:22px;margin-top:30px;font-size:13px;display:flex}.hero-proof span{align-items:center;gap:6px;display:inline-flex}.hero-proof svg{width:16px;color:var(--green)}.hero-scene{height:430px;position:relative}.scene-paper{box-shadow:var(--shadow-md);background:#fff;border:1px solid #d9e1ef;position:absolute}.scene-paper-back{color:#8190a8;width:270px;height:320px;padding:45px 28px;top:50px;right:6px;transform:rotate(8deg)}.scene-paper-back span{color:#f39a58;font:700 70px/1 ZCOOL XiaoWei,serif;display:block}.scene-paper-back i{color:var(--green);margin-top:50px;font:700 25px/1 sans-serif;display:block}.scene-paper-front{flex-direction:column;align-items:flex-start;width:320px;min-height:340px;padding:44px 34px;display:flex;top:28px;left:20px;transform:rotate(-3deg)}.scene-paper-front>svg{color:#fff;background:var(--blue);border-radius:8px;width:54px;height:54px;padding:12px}.scene-paper-front strong{margin-top:28px;font-size:25px}.scene-paper-front>span{color:var(--muted);margin-top:10px;font-size:14px}.scene-subjects{gap:10px;margin-top:28px;display:flex}.scene-subjects b{border-radius:8px;place-items:center;width:54px;height:54px;font-size:17px;display:grid}.scene-subjects b:first-child{color:#b3581c;background:#ffeadb}.scene-subjects b:nth-child(2){color:#2f5fca;background:#e5edff}.scene-subjects b:nth-child(3){color:#23734e;background:#dbf4e6}.scene-star{color:var(--yellow);font-size:32px;position:absolute}.star-one{top:4px;right:48px}.star-two{color:var(--orange);bottom:22px;left:2px}.section-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:34px;display:flex}.section-heading h2{margin:0;font-size:30px;line-height:1.35}.section-heading p{color:var(--muted);margin:8px 0 0;line-height:1.7}.heading-link{flex:none;margin-bottom:4px}.subject-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.subject-card{border:1px solid var(--line);border-radius:var(--radius);min-height:292px;box-shadow:var(--shadow-sm);background:#fff;border-top:4px solid;padding:30px;transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden}.subject-card:hover{box-shadow:var(--shadow-md);transform:translateY(-6px)}.subject-card:after{content:"";opacity:.05;border:18px solid;border-radius:50%;width:112px;height:112px;position:absolute;top:-38px;right:-38px}.subject-card.subject-chinese{color:var(--orange)}.subject-card.subject-english{color:#4f7df3}.subject-card.subject-math{color:var(--green)}.subject-card-icon{color:#fff;background:currentColor;border-radius:8px;place-items:center;width:58px;height:58px;display:grid}.subject-card-icon svg{width:28px}.subject-english{margin-top:22px;font-size:12px;font-weight:800;display:block}.subject-card h3{color:var(--ink);margin:5px 0 10px;font-size:25px}.subject-card p{color:var(--muted);font-size:14px;line-height:1.8}.subject-card-link{align-items:center;gap:6px;font-size:13px;font-weight:700;display:inline-flex;position:absolute;bottom:24px}.subject-card-link svg{width:15px}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.tool-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;min-width:0;transition:transform .22s,box-shadow .22s;overflow:hidden;box-shadow:0 5px 18px #2029380d}.tool-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.tool-visual{place-items:center;height:174px;display:grid;position:relative;overflow:hidden}.tool-visual.subject-chinese{--visual-color:var(--orange);color:var(--visual-color);background:#fff2e7}.tool-visual.subject-english{--visual-color:#4f7df3;color:var(--visual-color);background:#eaf1ff}.tool-visual.subject-math{--visual-color:var(--green);color:var(--visual-color);background:#e7f7ee}.visual-shape{color:#fff;background:var(--visual-color);border:8px solid #ffffff85;border-radius:28px 10px;place-items:center;width:84px;height:84px;display:grid;transform:rotate(-4deg);box-shadow:11px 12px #ffffffb3}.visual-shape svg{width:38px;height:38px;transform:rotate(4deg)}.visual-dot{opacity:.2;background:currentColor;border-radius:50%;position:absolute}.visual-dot-one{width:36px;height:36px;top:25px;left:36px}.visual-dot-two{width:16px;height:16px;bottom:34px;right:42px}.visual-spark{width:24px;position:absolute;top:28px;right:32px}.tool-card-body{padding:20px 22px 22px}.tool-card-meta{color:#7b8492;justify-content:space-between;align-items:center;gap:8px;min-height:24px;font-size:12px;display:flex}.subject-tag{border-radius:4px;padding:4px 8px;font-size:12px;font-weight:700}.subject-tag.subject-chinese{color:#a94f16;background:#fff0e4}.subject-tag.subject-english{color:#315dbe;background:#eaf1ff}.subject-tag.subject-math{color:#20744d;background:#e4f6ec}.tool-card h3{margin:15px 0 8px;font-size:18px;line-height:1.4}.tool-card h3 a:hover{color:var(--blue)}.tool-card p{min-height:44px;color:var(--muted);margin-bottom:18px;font-size:13px;line-height:1.7}.tool-card.compact .tool-visual{height:148px}.tool-card.compact .tool-card-body{padding:17px 18px 19px}.goal-grid{border:1px solid var(--line);grid-template-columns:repeat(2,1fr);display:grid}.goal-item{border-right:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center;gap:18px;min-height:108px;padding:22px 26px;transition:background .2s;display:flex}.goal-item:nth-child(2n){border-right:0}.goal-item:nth-last-child(-n+2){border-bottom:0}.goal-item:hover{background:#f7f9fd}.goal-item>svg:first-child{width:42px;height:42px;color:var(--blue);background:#eaf1ff;border-radius:8px;padding:9px}.goal-item span{flex:1}.goal-item strong,.goal-item small{display:block}.goal-item small{color:var(--muted);margin-top:5px}.goal-item>svg:last-child{color:#8b94a1;width:18px}.value-grid{grid-template-columns:repeat(4,1fr);gap:38px;display:grid}.value-grid>div{border-top:2px solid var(--ink);padding-top:18px}.value-grid>div>span{width:48px;height:48px;color:var(--blue);background:#eaf1ff;border-radius:8px;place-items:center;display:grid}.value-grid h3{margin:22px 0 9px;font-size:17px}.value-grid p{color:var(--muted);font-size:13px;line-height:1.8}.creator-section{background:#eff5ff;padding:88px 0}.creator-grid{grid-template-columns:300px 1fr;align-items:center;gap:86px;display:grid}.creator-portrait{color:#fff;background:var(--blue);border-radius:8px;place-items:center;height:300px;display:grid;position:relative;box-shadow:22px 22px #d7e4ff}.creator-portrait>span{font:400 115px/1 ZCOOL XiaoWei,serif}.creator-portrait svg{color:#d76874;background:#fff;border-radius:50%;width:42px;height:42px;padding:10px;position:absolute;bottom:20px;right:20px}.creator-grid h2{max-width:650px;margin:0 0 18px;font-size:30px;line-height:1.5}.creator-grid p{max-width:680px;color:var(--muted);line-height:1.9}.creator-grid .button{margin-top:10px}.page-hero{text-align:center;background:#f4f7fd;padding:70px 0 74px}.page-hero-inner{max-width:760px}.page-hero h1{margin:18px 0 16px;font-size:44px}.page-hero p{color:var(--muted);margin:0 auto;font-size:16px;line-height:1.9}.primary-hero{background-color:#f5f8ff}.grade-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.grade-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;align-items:center;gap:14px;min-height:96px;padding:16px 18px;transition:border-color .2s,transform .2s;display:flex}.grade-card:hover{border-color:#99b3ed;transform:translateY(-2px)}.grade-card>span{width:48px;height:48px;color:var(--blue);background:#edf2ff;border-radius:8px;place-items:center;font-size:20px;font-weight:800;display:grid}.grade-card div{flex:1;min-width:0}.grade-card strong,.grade-card small{display:block}.grade-card small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:12px;overflow:hidden}.grade-card svg{color:#8d96a5;width:16px}.objective-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.objective-grid a{border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;align-items:flex-start;min-height:182px;padding:24px;display:flex}.objective-grid a:hover{box-shadow:var(--shadow-sm);border-color:#9ab5ef}.objective-grid svg{width:44px;height:44px;color:var(--blue);background:#edf2ff;border-radius:8px;padding:10px}.objective-grid strong{margin-top:22px}.objective-grid span{color:var(--muted);margin-top:6px;font-size:12px;line-height:1.6}.parent-note{background:#eef5ff;padding:76px 0}.parent-note-inner{grid-template-columns:100px 1fr;align-items:start;gap:40px;display:grid}.note-icon{color:#fff;background:var(--blue);border-radius:8px;place-items:center;width:86px;height:86px;display:grid;box-shadow:10px 10px #d4e2ff}.note-icon svg{width:40px}.parent-note h2{margin:0 0 14px;font-size:29px}.parent-note p{max-width:800px;color:var(--muted);line-height:1.85}.check-list{flex-wrap:wrap;gap:12px 24px;margin-top:22px;display:flex}.check-list span{align-items:center;gap:7px;font-size:13px;font-weight:600;display:inline-flex}.check-list svg{width:17px;color:var(--green)}.subject-page-hero{background:var(--subject-light);border-bottom:1px solid #2029380f;padding:36px 0 60px}.subject-theme-chinese{--subject:#f28a3a;--subject-light:#fff5ec}.subject-theme-english{--subject:#4f7df3;--subject-light:#edf3ff}.subject-theme-math{--subject:#31a770;--subject-light:#ecf8f1}.breadcrumbs{color:#7a8492;flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:40px;font-size:13px;display:flex}.breadcrumbs span{gap:9px;display:inline-flex}.breadcrumbs b{color:#b2b8c1;font-weight:400}.breadcrumbs a:hover{color:var(--blue)}.breadcrumbs em{color:#4e5765;font-style:normal}.subject-title-row{justify-content:space-between;align-items:center;gap:48px;display:flex}.subject-super{color:var(--subject);font-size:12px;font-weight:800}.subject-title-row h1{margin:12px 0 15px;font-size:43px}.subject-title-row p{max-width:650px;color:var(--muted);margin:0;font-size:16px;line-height:1.8}.subject-hero-badge{color:#fff;background:var(--subject);border-radius:50%;flex:none;align-content:center;place-items:center;width:150px;height:150px;display:grid;box-shadow:13px 13px #fffc}.subject-hero-badge span{font:400 62px/1 ZCOOL XiaoWei,serif}.subject-hero-badge small{margin-top:6px;font-size:12px}.filter-block{border-bottom:1px solid var(--line);grid-template-columns:100px 1fr;align-items:start;gap:18px;margin-bottom:22px;padding-bottom:20px;display:grid}.filter-block>strong{padding-top:9px;font-size:13px}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.chip-row button{color:#596272;cursor:pointer;background:#fff;border:1px solid #dfe3ea;border-radius:5px;min-height:38px;padding:0 15px}.chip-row button:hover,.chip-row button.active{color:#fff;border-color:var(--subject);background:var(--subject)}.subject-tool-section .section-heading{margin-top:54px}.subject-popular{background:var(--subject-light)}.tips-section{padding-top:78px}.tips-heading{align-items:center;gap:22px;display:flex}.tips-heading>span{color:#fff;background:var(--subject);border-radius:8px;place-items:center;width:62px;height:62px;display:grid}.tips-heading svg{width:29px}.tips-heading h2{margin:0;font-size:28px}.tips-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px;display:grid}.tips-grid>div{border-top:3px solid var(--subject);background:#f8f9fb;min-height:144px;padding:22px;position:relative}.tips-grid span{color:var(--subject);font-size:12px;font-weight:800}.tips-grid p{color:#555f6d;margin-top:16px;padding-right:22px;line-height:1.75}.tips-grid svg{width:18px;color:var(--subject);position:absolute;bottom:18px;right:18px}.tips-foot{color:var(--muted);align-items:center;gap:10px;margin-top:22px;font-size:13px;display:flex}.tips-foot svg{width:18px;color:var(--subject)}.tools-hero{padding-bottom:84px}.hero-search{max-width:680px;height:58px;box-shadow:var(--shadow-md);z-index:2;background:#fff;border:1px solid #dfe4ec;border-radius:7px;align-items:center;gap:12px;margin:32px auto -113px;padding:0 18px;display:flex;position:relative}.hero-search>svg{color:#8791a0;width:21px}.hero-search input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1}.hero-search button{cursor:pointer;background:0 0;border:0;place-items:center;width:36px;height:36px;display:grid}.hero-search button svg{width:17px}.tools-layout{grid-template-columns:244px 1fr;align-items:start;gap:36px;padding-top:92px;scroll-margin-top:90px;display:grid}.tools-sidebar{position:sticky;top:94px}.filters-panel{border:1px solid var(--line);background:#fff;border-radius:7px;overflow:hidden}.filter-stage,.filter-group{border-bottom:1px solid var(--line);padding:20px}.filters-panel strong{margin-bottom:13px;font-size:13px;display:block}.filter-stage button{color:#687180;text-align:left;background:#f7f8fa;border:1px solid #0000;border-radius:5px;justify-content:space-between;align-items:center;width:100%;min-height:38px;margin-top:6px;padding:0 10px;display:flex}.filter-stage button svg{width:15px}.filter-stage button small{color:#8b94a2;font-size:12px}.filter-stage button.stage-active{color:var(--blue);background:#edf3ff;border-color:#cedcff;font-weight:700}.filter-group>div{flex-wrap:wrap;gap:7px;display:flex}.filter-group button{color:#5f6876;cursor:pointer;background:#fff;border:1px solid #e0e4ea;border-radius:4px;min-height:34px;padding:0 10px;font-size:12px}.filter-group button.active{color:#fff;border-color:var(--blue);background:var(--blue)}.clear-filter{color:#7b8491;cursor:pointer;background:#fafbfc;border:0;width:100%;min-height:42px;font-size:12px}.results-toolbar{justify-content:space-between;align-items:center;gap:20px;min-height:48px;margin-bottom:18px;display:flex}.results-toolbar>div{color:var(--muted);align-items:center;gap:12px;font-size:13px;display:flex}.results-toolbar label{color:var(--muted);align-items:center;gap:9px;font-size:13px;display:flex}.results-toolbar select{min-height:40px;color:var(--ink);background:#fff;border:1px solid #dfe3e9;border-radius:5px;padding:0 34px 0 12px}.filter-trigger{min-height:40px;padding:0 13px;display:none}.filter-trigger b{color:#fff;background:var(--blue);border-radius:50%;place-items:center;min-width:22px;height:22px;font-size:12px;display:grid}.active-filters{flex-wrap:wrap;gap:7px;margin:-2px 0 20px;display:flex}.active-filters button{color:#365a9c;cursor:pointer;background:#edf3ff;border:1px solid #cfdbf5;border-radius:4px;align-items:center;gap:5px;min-height:36px;padding:0 10px;font-size:12px;display:inline-flex}.active-filters svg{width:13px}.active-filters .reset{color:#737d8a;background:0 0;border-color:#0000}.tools-results .tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.pagination{justify-content:center;gap:8px;margin-top:44px;display:flex}.pagination button{color:#596270;cursor:pointer;background:#fff;border:1px solid #dfe3e9;border-radius:5px;place-items:center;width:40px;height:40px;display:grid}.pagination button.active{color:#fff;border-color:var(--blue);background:var(--blue)}.pagination button:disabled{opacity:.4;cursor:not-allowed}.pagination svg{width:17px}.empty-state{text-align:center;background:#fafbfc;border:1px dashed #cfd5df;padding:90px 20px}.empty-state>span{font-size:22px;font-weight:700;display:block}.empty-state p{color:var(--muted)}.coming-banner{text-align:center;color:#fff;background:#24304a;padding:64px 0}.coming-banner span{color:#9eb9f5;font-size:12px;font-weight:800}.coming-banner h2{margin:10px 0 12px;font-size:28px}.coming-banner p{color:#bac3d4;margin:0}.filter-drawer{z-index:100;display:none;position:fixed;inset:0}.drawer-backdrop{background:#161d2a85;border:0;position:absolute;inset:0}.drawer-sheet{background:#fff;flex-direction:column;width:min(440px,92vw);height:100%;margin-left:auto;display:flex;position:relative;box-shadow:-20px 0 50px #00000029}.drawer-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:64px;padding:0 18px 0 22px;display:flex}.drawer-content{flex:1;min-height:0;padding:18px;overflow-y:auto}.drawer-actions{border-top:1px solid var(--line);grid-template-columns:1fr 2fr;gap:10px;padding:14px 18px;display:grid}.tool-detail-head{background:var(--subject-light);padding:34px 0 64px}.detail-intro{grid-template-columns:350px 1fr;align-items:center;gap:56px;display:grid}.tool-visual-large{border:1px solid #2029380f;border-radius:8px;width:100%;height:320px}.tool-visual-large .visual-shape{border-radius:40px 14px;width:130px;height:130px}.tool-visual-large .visual-shape svg{width:56px;height:56px}.detail-copy h1{margin:13px 0 14px;font-size:38px}.detail-copy>p{color:var(--muted);font-size:15px;line-height:1.8}.detail-meta{grid-template-columns:repeat(2,1fr);gap:14px 28px;margin-top:25px;display:grid}.detail-meta span{color:#596373;grid-template-columns:22px 74px 1fr;align-items:center;font-size:13px;display:grid}.detail-meta svg{width:17px;color:var(--subject)}.detail-meta b{color:var(--ink);font-size:12px}.detail-actions{flex-wrap:wrap;gap:10px;margin-top:30px;display:flex}.detail-actions .button-primary{background:var(--subject);box-shadow:none}.detail-actions .favorite{color:#d75668;border-color:#efb8c0}.experience-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:28px;display:grid}.experience-frame{background:#eff3f8;border:1px solid #dce2eb;border-radius:8px;place-items:center;min-height:590px;padding:24px;display:grid;overflow:auto}.experience-frame:fullscreen{background:#edf3ff}.generic-experience{text-align:center;width:min(460px,100%);box-shadow:var(--shadow-md);background:#fff;border-radius:8px;padding:26px}.generic-experience .tool-visual{height:250px}.generic-experience h2{margin:26px 0 8px}.generic-experience p{color:var(--muted)}.snake-demo{width:min(660px,100%);box-shadow:var(--shadow-md);background:#fff;border:1px solid #d8dfeb;border-radius:8px;padding:22px}.game-top{color:#697382;justify-content:space-between;margin-bottom:18px;font-size:13px;display:flex}.game-top strong{color:#274f9f;font-size:15px}.snake-board{aspect-ratio:12/8;background:#eff5ff;border:8px solid #293958;grid-template-columns:repeat(12,1fr);display:grid}.snake-board>span{color:#fff;border:1px solid #4669aa14;place-items:center;min-width:0;font-size:12px;font-weight:800;display:grid}.snake-board .snake-body{background:#4f7df3;border:0;border-radius:4px;margin:4px}.snake-board .snake-head{background:#264fa9;border:0;border-radius:4px;margin:3px;box-shadow:inset -5px -5px #0000001a}.snake-board .snake-target{background:#f08a41;border:0;border-radius:50%;margin:4px}.game-controls{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px;display:flex}.game-controls button{color:#2f4775;cursor:pointer;background:#fff;border:1px solid #d8deea;border-radius:6px;place-items:center;width:46px;height:46px;display:grid}.game-controls button:hover{background:#edf3ff}.game-controls .game-play{color:#fff;background:var(--blue)}.game-controls svg{width:19px}.tool-guide{border:1px solid var(--line);background:#fff;border-radius:8px;overflow:hidden}.tool-guide>div{border-bottom:1px solid var(--line);padding:22px 22px 20px 58px;position:relative}.tool-guide>div:last-child{border:0}.tool-guide>div>span{width:30px;height:30px;color:var(--subject);background:var(--subject-light);border-radius:5px;place-items:center;display:grid;position:absolute;top:18px;left:18px}.tool-guide svg{width:16px}.tool-guide h3{margin:0 0 8px;font-size:14px}.tool-guide p,.tool-guide li{color:var(--muted);font-size:12px;line-height:1.75}.tool-guide p,.tool-guide ol,.tool-guide ul{margin:0;padding-left:16px}.tool-guide p{padding:0}.feature-strip{color:#fff;background:#27334b;padding:28px 0}.feature-strip .container{grid-template-columns:repeat(4,1fr);display:grid}.feature-strip .container>div{border-right:1px solid #43506a;justify-content:center;align-items:center;gap:12px;min-height:54px;display:flex}.feature-strip .container>div:last-child{border:0}.feature-strip span{color:#aec3f3;background:#34425e;border-radius:6px;place-items:center;width:38px;height:38px;display:grid}.feature-strip svg{width:19px}.feature-strip strong{font-size:13px}.about-hero{color:#fff;background:#2f6fed;padding:82px 0;overflow:hidden}.about-hero-inner{grid-template-columns:1fr 250px;align-items:center;gap:70px;display:grid}.about-hero .hero-kicker{color:#cfdcff}.about-hero h1{margin:17px 0;font-size:48px}.about-hero p{color:#dbe5ff;max-width:660px;margin:0;font-size:17px;line-height:1.9}.about-mark{width:220px;height:220px;color:var(--blue);background:#fff;border-radius:50%;place-items:center;display:grid;position:relative;box-shadow:18px 18px #ffffff26}.about-mark span{font:400 92px/1 ZCOOL XiaoWei,serif}.about-mark svg{color:var(--yellow);position:absolute;top:22px;right:24px}.story-section{grid-template-columns:1fr 420px;align-items:center;gap:90px;display:grid}.story-copy h2{margin:0 0 22px;font-size:32px}.story-copy p{color:var(--muted);line-height:1.95}.story-stat{border-top:1px solid var(--line);align-items:center;gap:24px;margin-top:32px;padding-top:24px;display:flex}.story-stat strong{color:var(--blue);font-size:42px}.story-stat span{color:var(--muted);font-size:13px;line-height:1.7}.story-visual{background:#f3f6fb;border:1px solid #e3e7ed;gap:16px;min-height:390px;padding:38px;display:grid}.story-visual>div{box-shadow:var(--shadow-sm);background:#fff;grid-template-rows:auto auto;grid-template-columns:48px 1fr;align-items:center;column-gap:16px;padding:20px;display:grid}.story-visual svg{color:#fff;background:var(--blue);border-radius:7px;grid-row:1/3;width:48px;height:48px;padding:11px}.story-visual span{color:var(--muted);font-size:12px}.mission-section{background:#f7f9fc;padding:80px 0}.mission-section .container{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.mission-card{border:1px solid var(--line);background:#fff;padding:42px;position:relative}.mission-card>span{color:#fff;background:var(--blue);border-radius:8px;place-items:center;width:54px;height:54px;display:grid}.mission-card>span svg{width:26px}.mission-card small{color:var(--blue);margin:26px 0 9px;font-weight:800;display:block}.mission-card h2{font-size:25px;line-height:1.55}.mission-card p{color:var(--muted);margin:0;line-height:1.8}.roadmap{grid-template-columns:.8fr 1.2fr;align-items:start;gap:88px;display:grid}.roadmap h2{margin:0 0 18px;font-size:31px}.roadmap>div:first-child p{color:var(--muted);line-height:1.85}.roadmap-list{gap:12px;display:grid}.roadmap-list>div{border:1px solid var(--line);grid-template-rows:auto auto;grid-template-columns:52px 1fr 28px;align-items:center;column-gap:16px;min-height:82px;padding:14px 18px;display:grid}.road-dot{border-radius:7px;grid-row:1/3;place-items:center;width:48px;height:48px;font-weight:800;display:grid}.road-dot.chinese{color:#a94f16;background:#fff0e4}.road-dot.english{color:#315dbe;background:#eaf1ff}.road-dot.math{color:#20744d;background:#e4f6ec}.roadmap-list small{color:var(--muted)}.roadmap-list svg{width:20px;color:var(--green);grid-area:1/3/3}.future-heading{text-align:center;margin-bottom:32px}.future-heading h2{margin:0;font-size:31px}.future-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.future-grid>div{border-top:3px solid var(--blue);min-height:240px;box-shadow:var(--shadow-sm);background:#fff;padding:28px;position:relative}.future-grid svg{width:46px;height:46px;color:var(--blue);background:#edf3ff;border-radius:7px;padding:10px}.future-grid strong{margin-top:24px;display:block}.future-grid p{color:var(--muted);font-size:13px;line-height:1.75}.future-grid span{color:#5572aa;background:#edf3ff;border-radius:4px;padding:4px 8px;font-size:12px;position:absolute;top:20px;right:20px}.faq-section{grid-template-columns:320px 1fr;align-items:start;gap:80px;display:grid}.faq-section h2{margin:0 0 12px;font-size:31px}.faq-section>div:first-child p{color:var(--muted);line-height:1.8}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;min-height:64px;font-weight:700;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary svg{width:18px;transition:transform .2s}.faq-list details[open] summary svg{transform:rotate(180deg)}.faq-list details p{color:var(--muted);padding:0 34px 22px 0;line-height:1.8}.feedback-section{color:#fff;background:var(--blue);padding:62px 0}.feedback-section .container{grid-template-columns:70px 1fr auto;align-items:center;gap:26px;display:grid}.feedback-section .container>span{width:62px;height:62px;color:var(--blue);background:#fff;border-radius:8px;place-items:center;display:grid}.feedback-section h2{margin:5px 0 7px}.feedback-section p{color:#dce6ff;margin:0}.not-found{text-align:center;background:#f6f8fc;place-items:center;min-height:70vh;display:grid}.not-found-number{color:#dce6fb;font-size:110px;font-weight:800;line-height:1}.not-found h1{margin:15px 0 12px;font-size:30px}.not-found p{color:var(--muted)}.not-found div div{justify-content:center;gap:10px;margin-top:25px;display:flex}.update-toast{z-index:200;color:#fff;max-width:440px;box-shadow:var(--shadow-md);background:#27334b;border-radius:8px;grid-template-columns:1fr auto auto;align-items:center;gap:14px;padding:14px;display:grid;position:fixed;bottom:20px;right:20px}.update-toast strong,.update-toast span{display:block}.update-toast span{color:#c2cad8;margin-top:3px;font-size:12px}.update-toast .icon-button{color:#fff}.site-footer{color:#c1c8d5;background:#202938;padding-top:58px}.footer-main{grid-template-columns:1.5fr .7fr .7fr 1.1fr;gap:44px;padding-bottom:48px;display:grid}.site-footer .brand{color:#fff}.site-footer .brand-mark{box-shadow:none}.footer-brand p{color:#929cac;margin-top:18px;font-size:13px}.footer-links{flex-direction:column;align-items:flex-start;gap:11px;font-size:12px;display:flex}.footer-links strong{color:#fff;margin-bottom:5px;font-size:13px}.footer-links a:hover{color:#fff}.footer-links a{align-items:center;gap:7px;display:inline-flex}.footer-links svg{width:14px}.footer-bottom{color:#7f8999;border-top:1px solid #354055;justify-content:space-between;align-items:center;min-height:58px;font-size:12px;display:flex}@media (width<=1100px){.desktop-nav{gap:22px}.hero-grid{gap:28px}.scene-paper-front{width:280px;left:0}.scene-paper-back{width:230px}.tools-layout{grid-template-columns:220px 1fr;gap:22px}.tools-results .tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.experience-layout{grid-template-columns:1fr 280px}}@media (width<=900px){.desktop-nav,.header-cta{display:none}.menu-button{display:grid}.mobile-nav-wrap{top:72px;inset-inline:0;background:#1a223159;display:block;position:fixed;bottom:0}.mobile-nav{box-shadow:var(--shadow-md);background:#fff;flex-direction:column;align-items:stretch;gap:3px;padding:20px;display:flex}.mobile-nav>a:not(.button){border-bottom:1px solid #edf0f4;align-items:center;min-height:48px;padding:0 12px;font-weight:600;display:flex}.mobile-nav>a.active{color:var(--blue)}.mobile-nav .button{margin-top:12px}.hero-grid{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-copy>p{margin-inline:auto}.hero-actions,.hero-proof{justify-content:center}.hero-scene{width:min(500px,100%);margin-inline:auto}.subject-grid,.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.value-grid,.objective-grid{grid-template-columns:repeat(2,1fr)}.creator-grid{grid-template-columns:240px 1fr;gap:50px}.creator-portrait{height:240px}.grade-grid{grid-template-columns:repeat(2,1fr)}.tips-grid{grid-template-columns:1fr}.tools-layout{display:block}.tools-sidebar{display:none}.filter-trigger,.filter-drawer{display:flex}.detail-intro{grid-template-columns:280px 1fr;gap:34px}.experience-layout{grid-template-columns:1fr}.tool-guide{grid-template-columns:repeat(2,1fr);display:grid}.tool-guide>div:nth-child(2){border-right:0}.tool-guide>div{border-right:1px solid var(--line)}.feature-strip .container{grid-template-columns:repeat(2,1fr)}.feature-strip .container>div:nth-child(2){border-right:0}.feature-strip .container>div:nth-child(-n+2){border-bottom:1px solid #43506a}.story-section{grid-template-columns:1fr 330px;gap:50px}.mission-card{padding:32px}.roadmap{gap:50px}.faq-section{grid-template-columns:260px 1fr;gap:50px}.footer-main{grid-template-columns:1.3fr repeat(2,1fr)}.footer-links:last-child{grid-column:1/-1}}@media (width<=640px){.container{width:min(calc(100% - 32px), var(--container))}.section{padding-block:62px}.site-header{height:64px}.brand{font-size:16px}.brand-mark{width:34px;height:34px}.search-link{display:none}.mobile-nav-wrap{top:64px}.home-hero{padding:58px 0 62px}.hero-copy h1{margin-top:18px;font-size:38px}.hero-copy>p{font-size:15px;line-height:1.8}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.hero-proof{gap:10px 16px;font-size:12px}.hero-scene{height:340px}.scene-paper-front{width:245px;min-height:280px;padding:28px 24px;left:4px}.scene-paper-front strong{font-size:21px}.scene-paper-back{width:190px;height:260px;padding:35px 22px;top:42px}.scene-paper-back span{font-size:54px}.scene-subjects b{width:44px;height:44px;font-size:13px}.section-heading{flex-direction:column;align-items:flex-start;gap:12px}.section-heading h2{font-size:26px}.subject-grid,.tool-grid,.tools-results .tool-grid{grid-template-columns:1fr}.subject-card{min-height:270px}.tool-visual{height:160px}.goal-grid{grid-template-columns:1fr}.goal-item{border-right:0}.goal-item:nth-last-child(-n+2){border-bottom:1px solid var(--line)}.goal-item:last-child{border-bottom:0}.value-grid{grid-template-columns:1fr 1fr;gap:30px 22px}.creator-grid{grid-template-columns:1fr;gap:46px}.creator-portrait{width:230px;height:230px}.creator-grid h2{font-size:26px}.page-hero{padding:54px 0 58px}.page-hero h1{font-size:35px}.grade-grid,.objective-grid{grid-template-columns:1fr}.parent-note-inner{grid-template-columns:1fr;gap:28px}.note-icon{width:68px;height:68px}.parent-note h2{font-size:25px}.subject-page-hero{padding-top:24px}.breadcrumbs{margin-bottom:28px}.subject-title-row{align-items:flex-start}.subject-title-row h1{font-size:34px}.subject-hero-badge{width:92px;height:92px}.subject-hero-badge span{font-size:38px}.subject-hero-badge small{display:none}.filter-block{grid-template-columns:1fr;gap:10px}.filter-block>strong{padding-top:0}.tools-hero{padding-bottom:74px}.hero-search{height:54px;margin-bottom:-105px}.tools-layout{padding-top:82px}.results-toolbar{align-items:flex-start}.results-toolbar>div{flex-direction:column;align-items:flex-start}.results-toolbar label{flex-direction:column;align-items:flex-start;gap:4px}.results-toolbar select{max-width:124px}.coming-banner{padding-inline:12px}.coming-banner h2{font-size:24px}.detail-intro{grid-template-columns:1fr}.detail-intro>.tool-visual{height:245px}.detail-copy h1{font-size:32px}.detail-meta{grid-template-columns:1fr}.detail-actions .button{flex:1;padding-inline:14px}.experience-frame{min-height:460px;padding:12px}.snake-demo{padding:12px}.snake-board{border-width:5px}.snake-board>span{font-size:12px}.snake-board .snake-body,.snake-board .snake-target{margin:2px}.snake-board .snake-head{margin:1px}.game-controls button{width:42px;height:42px}.tool-guide{grid-template-columns:1fr}.tool-guide>div{border-right:0}.feature-strip .container{grid-template-columns:1fr 1fr}.feature-strip .container>div{justify-content:flex-start;padding:10px}.feature-strip strong{font-size:13px}.about-hero{padding:58px 0}.about-hero-inner{grid-template-columns:1fr;gap:38px}.about-hero h1{font-size:37px}.about-mark{width:150px;height:150px}.about-mark span{font-size:66px}.story-section{grid-template-columns:1fr;gap:42px}.story-visual{min-height:auto;padding:18px}.mission-section .container{grid-template-columns:1fr}.mission-card{padding:28px}.roadmap{grid-template-columns:1fr;gap:34px}.roadmap-list small{padding-right:12px;font-size:12px}.future-grid{grid-template-columns:1fr}.faq-section{grid-template-columns:1fr;gap:30px}.feedback-section .container{grid-template-columns:58px 1fr}.feedback-section .container>span{width:52px;height:52px}.feedback-section .button{grid-column:1/-1;width:100%}.footer-main{grid-template-columns:1fr 1fr;gap:34px 24px}.footer-brand,.footer-links:last-child{grid-column:1/-1}.footer-bottom{flex-direction:column;align-items:flex-start;gap:6px;padding-block:18px}.update-toast{grid-template-columns:1fr auto;bottom:12px;left:12px;right:12px}.update-toast .icon-button{position:absolute;top:2px;right:4px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:focus-visible{outline-offset:3px;outline:3px solid #356ee96b}:root{--rep-teal:#078c8a;--rep-teal-dark:#007c7b;--rep-navy:#102443;--rep-muted:#64738a;--rep-line:#dce8ed;--rep-soft:#f3fbfb;--rep-text-xs:12px;--rep-text-sm:13px;--rep-text-md:14px;--rep-text-lg:16px}.rep-app{min-height:100dvh;font-size:var(--rep-text-lg);flex-direction:column;line-height:1.6;display:flex}.rep-app>.rep-page{flex:1 0 auto;width:100%}.rep-app>.rep-header,.rep-app>.rep-footer{flex:none}.rep-page{color:var(--rep-navy);background:#fff;font-family:Noto Sans SC,Microsoft YaHei,sans-serif}.rep-shell{width:min(100% - 110px,976px);margin-inline:auto}.rep-header{z-index:80;background:#fff;border-bottom:1px solid #e6edef;height:60px;position:sticky;top:0}.rep-header-inner{justify-content:space-between;align-items:center;width:min(100% - 72px,1010px);height:100%;display:flex}.rep-logo{align-items:center;gap:9px;display:inline-flex}.rep-logo>img{object-fit:contain;object-position:left center;width:185px;height:47px}.rep-logo>span{width:37px;height:37px;color:var(--rep-teal);place-items:center;display:grid}.rep-logo>span svg{stroke-width:2.2px;width:36px;height:36px}.rep-logo>b{font-size:17px;line-height:1.1}.rep-logo small{color:#7c899d;font-size:var(--rep-text-xs);margin-top:5px;font-weight:500;display:block}.rep-nav{align-items:center;gap:37px;height:100%;font-size:15px;font-weight:700;display:flex}.rep-nav>a:not(.rep-start){place-items:center;height:100%;display:grid;position:relative}.rep-nav>a:not(.rep-start):after{content:"";background:var(--rep-teal);height:3px;transition:all .2s;position:absolute;bottom:7px;left:50%;right:50%}.rep-nav>a.active:not(.rep-start),.rep-nav>a:not(.rep-start):hover{color:var(--rep-teal)}.rep-nav>a.active:not(.rep-start):after{left:0;right:0}.rep-pill{border-radius:999px}.rep-nav>a.rep-start{-webkit-text-fill-color:#fff;background:var(--rep-teal);align-items:center;min-height:38px;padding:0 22px;display:inline-flex;box-shadow:0 7px 18px #078c8a2e;color:#fff!important}.rep-nav>a.rep-start:hover,.rep-nav>a.rep-start:focus-visible{-webkit-text-fill-color:#fff;background:var(--rep-teal-dark);color:#fff!important}.rep-menu{width:42px;height:42px;color:var(--rep-navy);background:0 0;border:0;display:none}.rep-menu svg{width:20px}.rep-btn{border:1px solid var(--rep-teal);min-width:150px;height:44px;color:var(--rep-teal);font-size:var(--rep-text-md);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:9px;padding:0 20px;font-weight:700;display:inline-flex}.rep-btn.primary{color:#fff;background:var(--rep-teal)}.rep-btn svg{width:18px;height:18px}.rep-actions{gap:24px;display:flex}.rep-section{padding-top:18px}.rep-compact-section{padding-top:13px}.rep-section-title{justify-content:space-between;align-items:center;min-height:27px;display:flex}.rep-section-title h2{margin:0;font-size:22px;line-height:1.35}.rep-section-title>a,.rep-section-title>span{color:var(--rep-teal);font-size:var(--rep-text-md);align-items:center;gap:3px;display:inline-flex}.rep-section-title svg{width:14px}.rep-home-hero{background:#fff;padding-top:16px}.rep-home-hero-grid{grid-template-columns:.92fr 1.08fr;align-items:center;gap:28px;min-height:337px;display:grid}.rep-home-hero-grid>div{min-width:0}.rep-home-hero-grid h1{margin:0 0 16px;font-size:42px;font-weight:800;line-height:1.28}.rep-home-hero-grid h1 span{color:var(--rep-teal)}.rep-home-hero-grid p{color:#36465e;font-size:var(--rep-text-lg);margin-bottom:20px;line-height:1.75}.rep-home-hero-grid .rep-btn{min-width:155px;height:42px}.rep-home-hero-grid>img{aspect-ratio:16/10;object-fit:cover;object-position:center;border-radius:20px;width:100%;height:100%;display:block}.rep-home .rep-subject-band{margin-top:18px}.rep-proof{border:1px solid var(--rep-line);width:min(365px,100%);min-height:38px;font-size:var(--rep-text-md);border-radius:8px;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:8px 18px;margin-top:20px;padding:10px 16px;display:flex;box-shadow:0 4px 15px #16304c0d}.rep-proof span{align-items:center;gap:5px;display:flex}.rep-proof svg{width:18px;color:var(--rep-teal)}.rep-subject-band{border:1px solid var(--rep-line);border-radius:13px;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:6px;display:grid;box-shadow:0 5px 20px #193e520a}.rep-subject-block{border:1px solid;border-radius:11px;align-items:center;gap:14px;min-width:0;min-height:104px;padding:12px 16px 11px;display:flex;overflow:hidden}.rep-subject-block.s-chinese{--subject-fill:#fff7f1;color:#f05f31;background:var(--subject-fill);border-color:#f8dace}.rep-subject-block.s-english{--subject-fill:#f4f8ff;color:#1769e8;background:var(--subject-fill);border-color:#d6e4fb}.rep-subject-block.s-math{--subject-fill:#f3fbf8;color:#07937f;background:var(--subject-fill);border-color:#d0ece7}.rep-subject-icon{object-fit:cover;border-radius:10px;flex:none;width:84px;height:84px}.rep-subject-block>div{color:var(--rep-navy)}.rep-subject-block h3{color:inherit;margin:0 0 5px;font-size:20px;line-height:1.1}.rep-subject-block.s-chinese h3{color:#f05f31}.rep-subject-block.s-english h3{color:#1769e8}.rep-subject-block.s-math h3{color:#07937f}.rep-subject-block p{color:#536178;font-size:var(--rep-text-sm);margin:0 0 7px;line-height:1.55}.rep-subject-block b{color:currentColor;height:32px;font-size:var(--rep-text-xs);background-color:var(--subject-fill);box-shadow:none;border:1px solid;border-radius:8px;align-items:center;gap:5px;padding:0 12px;font-weight:700;display:inline-flex}.rep-subject-block.s-chinese b{color:#f05f31;border-color:#f05f31}.rep-subject-block.s-english b{color:#1769e8;border-color:#1769e8}.rep-subject-block.s-math b{color:#07937f;border-color:#07937f}.rep-subject-block b svg{width:12px}.rep-featured,.rep-home .rep-featured{min-height:0}.rep-home .rep-creator{height:auto;margin-bottom:13px}.rep-grid-six{grid-template-columns:repeat(6,minmax(0,1fr));gap:13px;margin-top:7px;display:grid}.rep-tool{border:1px solid var(--rep-line);background:#fff;border-radius:10px;min-width:0;overflow:hidden}.rep-tool-vertical{flex-direction:column;min-height:211px;padding:6px;display:flex}.rep-tool-vertical>img{aspect-ratio:4/3;object-fit:cover;object-position:center;border-radius:7px;width:100%;height:auto;display:block}.rep-tool-copy{min-width:0}.rep-tool-vertical .rep-tool-copy{flex-direction:column;flex:1;padding:7px 2px 1px;display:flex}.rep-tool h3{color:var(--rep-navy);white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-size:15px;line-height:1.4;overflow:hidden}.rep-tool p{color:#68758a;font-size:var(--rep-text-sm);white-space:nowrap;text-overflow:ellipsis;margin:0 0 5px;line-height:1.55;overflow:hidden}.rep-tool small{color:#6c7990;font-size:var(--rep-text-xs);display:block}.rep-tags{gap:4px;margin-top:5px;display:flex;overflow:hidden}.rep-tags span{color:var(--rep-teal);font-size:var(--rep-text-xs);white-space:nowrap;background:#eff9f7;border-radius:4px;padding:3px 6px;line-height:1.35}.rep-tags span.s-chinese{color:#f05f31;background:#fff2eb}.rep-tags span.s-english{color:#1769e8;background:#eff5ff}.rep-tags span.s-math{color:#07937f}.rep-tool-vertical .rep-tool-copy>a{height:34px;color:var(--rep-teal);border:1px solid var(--rep-teal);font-size:var(--rep-text-sm);border-radius:7px;place-items:center;margin-top:7px;font-weight:700;display:grid}.rep-goals-large a{color:#425269;border:1px solid var(--rep-line);font-size:var(--rep-text-md);border-radius:999px;justify-content:center;align-items:center;gap:7px;display:flex}.rep-goals-large svg{width:17px;color:var(--rep-teal)}.rep-latest-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:3px;display:grid}.rep-tool-strip{grid-template-columns:120px 1fr;align-items:stretch;gap:9px;min-height:100px;padding:8px;display:grid}.rep-tool-strip>img{aspect-ratio:4/3;object-fit:cover;object-position:center;border-radius:7px;align-self:start;width:120px;height:auto;display:block}.rep-tool-strip .rep-tool-copy{flex-direction:column;min-width:0;padding-top:4px;display:flex}.rep-tool-strip .rep-tags{margin-bottom:8px}.rep-tool-strip .rep-tool-copy>a{width:100%;min-height:34px;color:var(--rep-teal-dark);font-size:var(--rep-text-sm);background:#edf8f7;border:0;border-radius:7px;justify-content:space-between;align-self:stretch;align-items:center;gap:6px;margin-top:auto;padding:0 10px;font-weight:700;transition:color .2s,background-color .2s;display:flex}.rep-tool-strip .rep-tool-copy>a svg{flex:none;width:15px;height:15px;transition:transform .2s}.rep-tool-strip .rep-tool-copy>a:hover{color:#fff;background:var(--rep-teal)}.rep-tool-strip .rep-tool-copy>a:hover svg{transform:translate(2px)}.rep-benefit-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:13px;display:grid}.rep-benefit-row>div{border:1px solid var(--rep-line);background:#fbfdfd;border-radius:9px;align-items:center;gap:14px;padding:13px 18px;display:flex}.rep-benefit-row svg{width:38px;height:38px;color:var(--rep-teal);flex:none}.rep-benefit-row b,.rep-benefit-row small{display:block}.rep-benefit-row b{font-size:var(--rep-text-md)}.rep-benefit-row small{color:#65748a;font-size:var(--rep-text-xs);margin-top:4px;line-height:1.55}.rep-creator{height:auto;padding-top:12px}.rep-home+.rep-footer,.rep-home+.rep-footer .rep-footer-main{min-height:0}.rep-creator>div:last-child{align-items:flex-start;gap:20px;height:auto;min-height:91px;display:flex}.rep-home .rep-creator>div:last-child{height:auto;min-height:114px;padding-top:4px}.rep-creator img{aspect-ratio:145/85;object-fit:cover;object-position:top;border-radius:8px;width:145px;height:auto}.rep-home .rep-creator img{aspect-ratio:145/110;width:145px}.rep-creator p{color:#354760;font-size:var(--rep-text-md);margin:0;line-height:1.75}.rep-home .rep-creator p{padding-top:2px;line-height:1.78}.rep-primary-hero{background:#fafdfe;padding:18px 0}.rep-primary-hero>.rep-shell{grid-template-columns:.96fr 1.04fr;align-items:center;gap:28px;display:grid}.rep-primary-hero h1{margin:0 0 15px;font-size:42px}.rep-primary-hero p{color:#293d58;font-size:var(--rep-text-lg);line-height:1.8}.rep-primary-hero img{aspect-ratio:16/9;object-fit:cover;object-position:center;border-radius:20px;width:100%;height:100%;display:block}.rep-primary-content{padding-top:0}.rep-goals-large{grid-template-columns:repeat(8,minmax(0,1fr));gap:15px;margin-top:6px;display:grid}.rep-goals-large a{border-radius:9px;min-height:54px}.rep-primary-latest{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:5px;display:grid}.rep-primary-latest .rep-tool-strip{grid-template-columns:100px 1fr}.rep-primary-latest .rep-tool-strip>img{width:100px}.rep-subject-hero{background:#fff}.rep-subject-hero>.rep-shell{grid-template-columns:minmax(0,1fr) minmax(320px,500px);grid-template-areas:"breadcrumb breadcrumb""content image";align-items:start;gap:12px 28px;padding-top:17px;padding-bottom:12px;display:grid}.rep-breadcrumb{color:#64748b;min-height:30px;font-size:var(--rep-text-sm);grid-area:breadcrumb;align-items:center;gap:11px;display:flex}.rep-subject-hero>.rep-shell>div:nth-child(2){grid-area:content}.rep-subject-hero h1{margin:32px 0 8px;font-size:39px}.rep-subject-hero h1 span{color:var(--subject-color)}.rep-subject-hero p{color:#526078;font-size:15px;line-height:1.7}.rep-subject-hero>div>img{aspect-ratio:5/3;object-fit:cover;object-position:center;border-radius:20px;grid-area:image;place-self:start end;width:100%;max-width:500px;height:100%;display:block}.rep-subject-features{flex-wrap:wrap;gap:14px;margin-top:20px;display:flex}.rep-subject-features span{border:1px solid var(--rep-line);min-width:104px;min-height:40px;font-size:var(--rep-text-sm);border-radius:8px;align-items:center;gap:7px;padding:8px 11px;display:flex}.rep-subject-features svg{width:17px;color:var(--rep-teal)}.rep-subject-features.is-english{gap:10px 14px;width:min(100%,320px)}.rep-subject-features.is-english span{flex:calc(50% - 7px);width:auto;min-height:42px}.rep-subject-features.is-math{gap:20px;width:min(100%,500px)}.rep-subject-features.is-math span{border:0;flex:148px;grid-template-rows:auto auto;grid-template-columns:44px 1fr;gap:0 9px;width:auto;min-width:0;min-height:54px;padding:0;display:grid}.rep-subject-features.is-math svg{width:44px;height:44px;color:var(--subject-color);background:var(--subject-soft);border-radius:50%;grid-row:1/3;padding:11px}.rep-subject-features.is-math b{color:#405168;font-size:var(--rep-text-sm);align-self:end}.rep-subject-features.is-math small{color:#778499;font-size:var(--rep-text-xs);white-space:nowrap;align-self:start}.rep-chinese{--subject-color:#f05b2c;--subject-soft:#fff6f0}.rep-english{--subject-color:#1769e8;--subject-soft:#f1f6ff}.rep-math{--subject-color:#078c7f;--subject-soft:#f0faf7}.rep-english .rep-subject-hero>div>img{max-width:555px}.rep-subject-content{padding-top:0}.rep-filter-box{border:1px solid var(--rep-line);border-radius:12px;padding:10px 17px}.rep-filter-box>div{grid-template-columns:96px minmax(0,1fr);align-items:start;column-gap:18px;min-height:54px;padding:8px 0;display:grid}.rep-filter-box>div+div{border-top:1px solid var(--rep-line)}.rep-filter-box b{width:auto;font-size:var(--rep-text-md);padding-top:8px}.rep-filter-box button{border:1px solid var(--rep-line);color:#4a5970;cursor:pointer;min-width:72px;height:38px;font-size:var(--rep-text-md);background:#fff;border-radius:8px;padding:0 13px}.rep-filter-box button.active{color:#fff;border-color:var(--subject-color);background:var(--subject-color)}.rep-subject-content>.rep-section-title{margin-top:10px}.rep-subject-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:14px;display:grid}.rep-subject-content>.rep-section-title+.rep-subject-grid{margin-top:7px}.rep-tool-horizontal{grid-template-columns:132px 1fr;gap:13px;min-height:180px;padding:10px;display:grid}.rep-tool-horizontal>img{aspect-ratio:4/3;object-fit:cover;object-position:center;border-radius:7px;align-self:start;width:132px;height:auto;display:block}.rep-tool-horizontal .rep-tool-copy{flex-direction:column;padding-top:3px;display:flex}.rep-tool-horizontal h3{font-size:var(--rep-text-lg)}.rep-tool-horizontal p{white-space:normal;min-height:40px;font-size:var(--rep-text-sm)}.rep-tool-horizontal .rep-tool-copy>a{height:36px;color:var(--rep-teal);border:1px solid var(--rep-teal);font-size:var(--rep-text-sm);border-radius:7px;place-items:center;margin-top:auto;font-weight:700;display:grid}.rep-english .rep-subject-grid{gap:11px 13px}.rep-english .rep-tool-horizontal{grid-template-columns:132px 1fr;padding:9px}.rep-english .rep-tool-horizontal>img{width:132px}.rep-hot-box{background:var(--subject-soft);border:1px solid #efdccf;border-radius:11px;margin-top:15px;padding:10px}.rep-hot-box>.rep-section-title{min-height:32px;display:flex}.rep-hot-box>.rep-section-title h2{color:var(--subject-color);font-size:18px}.rep-hot-box>div:last-child{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.rep-hot-box .rep-tool-strip{grid-template-columns:100px 1fr;padding:6px}.rep-hot-box .rep-tool-strip>img{width:100px}.rep-math .rep-subject-hero h1{margin-top:4px}.rep-math .rep-subject-features{margin-top:36px}.rep-tools-hero{padding:18px 0}.rep-tools-hero>.rep-shell{grid-template-columns:1fr minmax(300px,430px);align-items:center;gap:28px;display:grid}.rep-tools-hero h1{margin:0 0 8px;font-size:38px}.rep-tools-hero p{color:#5b6980;font-size:15px;line-height:1.7}.rep-tools-hero img{aspect-ratio:16/7;object-fit:cover;object-position:center;border-radius:20px;width:100%;height:100%;display:block}.rep-tools-content{padding-top:0}.rep-all-filters{border:1px solid var(--rep-line);background:linear-gradient(#fff 0%,#fbfdfd 100%);border-radius:12px;gap:14px;padding:18px 20px;display:grid}.rep-all-filters label{border:1px solid var(--rep-line);border-radius:8px;align-items:center;gap:9px;width:min(535px,100%);min-height:44px;padding:10px 13px;display:flex}.rep-all-filters label svg{color:#8290a5;width:18px}.rep-all-filters input{width:100%;font-size:var(--rep-text-md);border:0;outline:0}.rep-filter-row{grid-template-columns:96px minmax(0,1fr);align-items:start;column-gap:18px;display:grid}.rep-filter-row b{color:var(--rep-navy);font-size:var(--rep-text-md);padding-top:8px}.rep-filter-options{flex-wrap:wrap;gap:12px 14px;display:flex}.rep-all-filters button{border:1px solid var(--rep-line);color:#425168;min-width:76px;min-height:40px;font-size:var(--rep-text-md);background:#fff;border-radius:10px;padding:0 18px;box-shadow:inset 0 1px #ffffffe6}.rep-all-filters button.active{color:var(--rep-teal);background:#f2fbfb;border-color:#7dbdba;box-shadow:0 0 0 1px #188c8914}.rep-all-filters button:disabled{color:#a0a9b7;background:#fafbfc}.rep-tools-content>.rep-section-title{min-height:60px}.rep-tools-content>.rep-section-title h2{font-size:22px}.rep-tools-content select{border:1px solid var(--rep-line);color:#526077;min-height:40px;font-size:var(--rep-text-md);background:#fff;border-radius:8px;padding:0 15px}.rep-tools-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(226px,auto);gap:13px 20px;margin-top:7px;display:grid}.rep-tools-grid .rep-tool-vertical{height:auto;min-height:226px}.rep-tools-grid .rep-tool h3{font-size:15px}.rep-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;min-height:48px;display:flex}.rep-pagination button{border:1px solid var(--rep-line);color:#45536a;background:#fff;border-radius:7px;place-items:center;width:32px;height:32px;display:grid}.rep-pagination button.active{color:#fff;background:var(--rep-teal)}.rep-pagination svg{width:14px}.rep-coming{color:#168b89;background:#f5fbfb;border:1px solid #d6eceb;border-radius:9px;place-items:center;width:805px;height:48px;margin:0 auto 12px;font-size:15px;display:grid}.rep-detail{padding-top:0}.rep-detail>.rep-shell{padding-top:14px}.rep-detail-top{grid-template-columns:160px 1fr;align-items:center;gap:24px;display:grid}.rep-detail-thumb{aspect-ratio:4/3;object-fit:cover;object-position:center;border-radius:16px;width:156px;height:auto;display:block}.rep-detail-top h1{margin:0 0 8px;font-size:32px}.rep-detail-top>div>p{color:#607087;font-size:15px;line-height:1.7}.rep-detail-actions{flex-wrap:wrap;align-items:center;gap:18px;padding:16px 0;display:flex}.rep-detail-actions .rep-btn:first-child{width:230px}.rep-game-layout{grid-template-columns:minmax(0,650px) minmax(280px,1fr);align-items:start;gap:40px;display:grid}.rep-game{aspect-ratio:650/390;border:1px solid var(--rep-line);background:#fff;border-radius:12px;place-items:center;min-height:0;padding:8px;display:grid;overflow:hidden}.rep-game img{object-fit:contain;border-radius:8px;width:100%}.rep-game:fullscreen{background:#fff}.rep-game-layout aside{grid-auto-rows:auto;gap:12px;min-height:0;display:grid}.rep-game-layout aside article{border:1px solid var(--rep-line);border-radius:11px;min-height:0;padding:15px 18px;overflow:hidden;box-shadow:0 4px 12px #1b3d4f0a}.rep-game-layout aside h3{align-items:center;gap:8px;margin:0 0 9px;font-size:15px;display:flex}.rep-game-layout aside h3 svg{width:18px;color:var(--rep-teal)}.rep-game-layout aside p{color:#5f6e83;font-size:var(--rep-text-sm);align-items:center;gap:7px;margin:5px 0;line-height:1.55;display:flex}.rep-game-layout aside p svg{color:#168ce4;width:12px}.rep-game-layout aside p b{color:#fff;background:var(--rep-teal);width:22px;height:22px;font-size:var(--rep-text-xs);border-radius:50%;flex:none;place-items:center;display:grid}.rep-related{padding-top:14px}.rep-related>div:last-child{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.rep-related .rep-tool-strip{grid-template-columns:115px 1fr}.rep-related .rep-tool-strip>img{width:115px}.rep-about-hero{background:#fff;padding:18px 0}.rep-about-hero>.rep-shell{grid-template-columns:.82fr 1.18fr;align-items:center;gap:28px;display:grid}.rep-about-hero>.rep-shell>div:first-child{padding-left:20px}.rep-about-hero h1{margin:0 0 16px;font-size:40px}.rep-about-hero p{color:#263c58;font-size:17px;line-height:1.7}.rep-about-hero img{aspect-ratio:16/7;object-fit:cover;object-position:center;border-radius:20px;width:100%;height:100%;display:block}.rep-about-content{padding-top:0}.rep-story{border:1px solid var(--rep-line);border-radius:12px;grid-template-columns:180px 1fr minmax(230px,280px);align-items:center;gap:24px;padding:18px 26px;display:grid}.rep-story>img{aspect-ratio:180/140;object-fit:cover;object-position:top;border-radius:9px;width:180px;height:auto}.rep-story h2{margin:0 0 9px;font-size:20px}.rep-story p{color:#526179;font-size:var(--rep-text-md);margin:0;line-height:1.8}.rep-story aside{gap:11px;display:grid}.rep-story aside>span{border:1px solid var(--rep-line);background:#f8fbfb;border-radius:9px;grid-template-rows:auto auto;grid-template-columns:40px 1fr;align-items:center;min-height:72px;padding:11px 17px;display:grid}.rep-story aside svg{width:30px;color:var(--rep-teal);grid-row:1/3}.rep-story aside b,.rep-story aside small{display:block}.rep-story aside b{font-size:var(--rep-text-md)}.rep-story aside small{color:#718095;font-size:var(--rep-text-xs);line-height:1.45}.rep-about-content>.rep-section-title{margin-top:16px}.rep-mission{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:13px;display:grid}.rep-mission article{border:1px solid var(--rep-line);border-radius:12px;align-items:center;gap:18px;min-height:104px;padding:18px 22px;display:flex}.rep-mission article.green{color:#078c7f;background:#f2fbf9}.rep-mission article.blue{color:#1769e8;background:#f3f7ff}.rep-mission article.orange{color:#f05b2c;background:#fff7f1}.rep-mission svg{color:currentColor;background:#fff;border-radius:14px;width:56px;height:56px;padding:13px}.rep-mission h3{margin:0 0 6px;font-size:18px}.rep-mission p{color:#65738a;font-size:var(--rep-text-md);margin:0;line-height:1.6}.rep-about-content .rep-compact-section{padding-top:16px}.rep-about-subjects{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:10px;display:grid}.rep-about-subjects .rep-subject-block{padding:14px 17px}.rep-about-subjects .rep-subject-icon{width:75px;height:75px}.rep-about-subjects h3{font-size:18px}.rep-about-subjects p{font-size:var(--rep-text-sm)}.rep-about-subjects b{font-size:var(--rep-text-xs);padding:5px 10px}.rep-roadmap{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;display:grid;position:relative}.rep-roadmap:before{content:"";background:#b9dcda;height:1px;position:absolute;top:20px;left:25px;right:25px}.rep-roadmap article{grid-template-columns:58px 1fr;align-items:center;min-height:104px;padding-top:30px;display:grid;position:relative}.rep-roadmap i{width:24px;height:24px;color:var(--rep-teal);border:1px solid var(--rep-teal);font-size:var(--rep-text-xs);background:#fff;border-radius:50%;place-items:center;font-style:normal;display:grid;position:absolute;top:8px;left:18px}.rep-roadmap svg{width:52px;height:52px;color:var(--rep-teal);background:#eff9f8;border-radius:50%;padding:11px}.rep-roadmap b,.rep-roadmap small{display:block}.rep-roadmap b{font-size:var(--rep-text-md)}.rep-roadmap small{color:#66758a;font-size:var(--rep-text-xs);margin-top:4px;line-height:1.5}.rep-faq{grid-template-columns:1fr 1fr;align-content:start;gap:9px 25px;min-height:144px;display:grid}.rep-faq details{border:1px solid var(--rep-line);border-radius:7px;min-height:44px}.rep-faq summary{min-height:44px;font-size:var(--rep-text-md);cursor:pointer;justify-content:space-between;align-items:center;padding:10px 15px;list-style:none;display:flex}.rep-faq summary svg{width:15px}.rep-faq details p{color:#65758b;font-size:var(--rep-text-sm);margin:0;padding:9px 15px 12px;line-height:1.65}.rep-footer{color:#31435c;background:#f7fbfb;border-top:1px solid #dce9eb;margin-top:18px}.rep-footer-main{grid-template-columns:minmax(0,1fr) minmax(340px,440px);align-items:center;gap:48px;min-height:108px;padding-block:22px;display:grid}.rep-footer-brand{align-items:center;gap:24px;min-width:0;display:flex}.rep-footer-brand .rep-logo{flex:none}.rep-footer-brand p{color:#53657a;font-size:var(--rep-text-sm);white-space:nowrap;border-left:1px solid #cfe0e2;margin:0;padding-left:24px;line-height:1.7}.rep-footer-share{min-height:66px;color:var(--rep-teal-dark);background:#fff;border:1px solid #cee3e4;border-radius:8px;grid-template-columns:42px 1fr;align-items:center;gap:14px;padding:12px 18px;display:grid;box-shadow:0 8px 24px #0f5b600f}.rep-footer-heart{color:#fff;background:var(--rep-teal);border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.rep-footer-heart svg{width:21px;height:21px}.rep-footer-share b,.rep-footer-share small{display:block}.rep-footer-share b{font-size:var(--rep-text-md);line-height:1.4}.rep-footer-share small{color:#64778a;font-size:var(--rep-text-xs);margin-top:4px;line-height:1.55}.rep-footer-bottom{color:#748398;min-height:48px;font-size:var(--rep-text-xs);border-top:1px solid #dfe9eb;justify-content:space-between;align-items:center;gap:24px;padding-block:12px;display:flex}.rep-footer-bottom>div{align-items:center;gap:18px;display:flex}.rep-footer-bottom>div span+span{border-left:1px solid #cadadd;padding-left:18px}.rep-deployment-version{color:#a0abb8;letter-spacing:.01em;white-space:nowrap;margin-left:auto;font-size:10px}.rep-not-found{min-height:70vh;color:var(--rep-navy);place-content:center;justify-items:center;display:grid}.rep-not-found h1{color:#cae2e2;margin:0;font-size:100px}.rep-not-found h2{margin:0 0 25px}.rep-header{height:145px}.rep-header-inner{width:min(100% - 72px,1010px)}.rep-header-logo{height:133px}.rep-header-logo>img{object-position:left center;width:416px;height:133px}.rep-nav{justify-content:flex-end;gap:28px;width:auto;height:44px;position:static}.rep-nav>a:not(.rep-start){height:44px}.rep-nav>a:not(.rep-start):after{bottom:7px}.rep-nav .rep-start{position:static}.rep-menu{display:none}.rep-footer-brand{gap:30px}.rep-footer-brand .rep-footer-logo>img{width:72px;height:72px}.rep-footer-brand p{padding-left:30px}@media (width>=801px){.rep-subject-band{min-height:120px}.rep-game-layout{margin-top:15px}}@media (width<=1100px){.rep-shell{width:min(100% - 48px,976px)}.rep-grid-six{grid-template-columns:repeat(3,minmax(0,1fr))}.rep-subject-grid,.rep-primary-latest,.rep-mission,.rep-about-subjects,.rep-related>div:last-child{grid-template-columns:repeat(2,minmax(0,1fr))}.rep-goals-large{grid-template-columns:repeat(4,minmax(0,1fr))}.rep-game-layout,.rep-story,.rep-subject-hero>div>img,.rep-about-hero img,.rep-tools-hero img,.rep-primary-hero img{justify-self:start;max-width:100%}.rep-roadmap{grid-template-columns:repeat(3,minmax(0,1fr))}.rep-footer-main{grid-template-columns:1fr;gap:18px}.rep-footer-share{justify-self:start;width:fit-content;max-width:100%}}@media (width<=800px){.rep-shell{width:min(100% - 28px,1010px)}.rep-header{height:60px}.rep-menu{place-items:center;display:grid}.rep-nav{border-bottom:1px solid var(--rep-line);background:#fff;flex-direction:column;gap:0;height:auto;padding:12px 16px;display:none;position:fixed;top:60px;left:0;right:0;box-shadow:0 12px 30px #1432441f}.rep-nav.is-open{display:flex}.rep-nav>a:not(.rep-start){width:100%;height:46px}.rep-start{justify-content:center;width:100%;margin-top:8px}.rep-home-hero,.rep-primary-hero,.rep-subject-hero,.rep-tools-hero,.rep-about-hero{height:auto;padding:34px 0}.rep-home-hero-grid{grid-template-columns:minmax(0,1fr) minmax(132px,38vw);align-items:center;gap:16px;min-height:0}.rep-primary-hero>.rep-shell,.rep-tools-hero>.rep-shell,.rep-about-hero>.rep-shell{grid-template-columns:minmax(0,1fr) minmax(132px,38vw);align-items:center;gap:16px}.rep-subject-hero>.rep-shell{grid-template-columns:minmax(0,1fr) minmax(120px,38vw);grid-template-areas:"breadcrumb breadcrumb""content image";gap:10px 16px}.rep-home-hero-grid h1{font-size:26px;line-height:1.16}.rep-primary-hero h1,.rep-about-hero h1{font-size:26px;line-height:1.18}.rep-tools-hero h1,.rep-subject-hero h1{font-size:24px;line-height:1.18}.rep-home-hero-grid p,.rep-primary-hero p,.rep-tools-hero p,.rep-about-hero p,.rep-subject-hero p{margin-bottom:16px;font-size:12px;line-height:1.55}.rep-home-hero-grid>img,.rep-primary-hero img,.rep-tools-hero img,.rep-about-hero img,.rep-subject-hero>div>img{justify-self:end;width:100%;height:auto;max-height:220px}.rep-home-hero .rep-actions{flex-direction:column;align-items:flex-start;gap:10px}.rep-home-hero .rep-btn{width:100%;min-width:0;max-width:170px;height:40px}.rep-home-hero .rep-subject-band{margin-top:22px}.rep-subject-band,.rep-about-subjects{grid-template-columns:1fr;height:auto}.rep-subject-block{min-height:140px}.rep-grid-six,.rep-tools-grid{grid-template-rows:auto;grid-template-columns:repeat(2,1fr);height:auto}.rep-tool-vertical{min-height:205px}.rep-goal-row,.rep-goals-large{grid-template-columns:repeat(2,1fr);height:auto}.rep-goal-row a,.rep-goals-large a{height:46px}.rep-latest-row,.rep-primary-latest,.rep-benefit-row{grid-template-columns:1fr;height:auto}.rep-tool-strip{min-height:115px}.rep-creator{height:auto}.rep-creator>div:last-child{height:auto;padding:10px 0 25px}.rep-grade-row{flex-wrap:wrap;height:auto;padding:12px}.rep-subject-features{flex-wrap:wrap}.rep-filter-box{height:auto}.rep-filter-box>div{flex-wrap:wrap;height:auto;padding:10px 0}.rep-subject-grid{grid-template-rows:auto;grid-template-columns:1fr;height:auto}.rep-tool-horizontal{min-height:170px}.rep-hot-box{height:auto}.rep-hot-box>div{grid-template-columns:1fr;height:auto}.rep-hot-box .rep-tool-strip{min-height:95px}.rep-all-filters{height:auto}.rep-all-filters label{width:100%}.rep-filter-row{grid-template-columns:1fr;row-gap:10px}.rep-filter-row b{padding-top:0}.rep-filter-options{gap:10px}.rep-coming{text-align:center;width:100%;padding:10px}.rep-detail-top{grid-template-columns:100px 1fr;height:auto}.rep-detail-thumb{width:100px}.rep-detail-meta{grid-template-columns:1fr 1fr;gap:10px}.rep-detail-actions{flex-wrap:wrap;height:auto;padding:16px 0}.rep-detail-actions .rep-btn{flex:1}.rep-game-layout{grid-template-columns:1fr;height:auto}.rep-game{aspect-ratio:650/385;height:auto}.rep-game-layout aside{grid-template-rows:auto}.rep-related{height:auto;padding-bottom:15px}.rep-related>div:last-child,.rep-story{grid-template-columns:1fr;height:auto}.rep-story>img{width:150px}.rep-mission,.rep-roadmap,.rep-faq{grid-template-columns:1fr;height:auto}.rep-mission article{min-height:110px}.rep-roadmap:before{display:none}.rep-roadmap article{min-height:70px;padding-top:0}.rep-roadmap i{top:0}.rep-feedback{grid-template-columns:60px 1fr;height:auto;padding:18px}.rep-feedback>svg{width:50px;height:50px;padding:12px}.rep-feedback .rep-btn{grid-column:1/3;margin-top:12px}.rep-feedback small{grid-column:1/3;margin-top:7px}.rep-footer{margin-top:24px}.rep-footer-main{grid-template-columns:1fr;gap:18px;min-height:0;padding-block:22px}.rep-footer-brand{flex-direction:column;align-items:flex-start;gap:11px}.rep-footer-brand p{white-space:normal;border-left:0;padding-left:0}.rep-footer-share{grid-template-columns:42px 1fr;width:100%}.rep-footer-bottom{flex-direction:column;align-items:flex-start;gap:8px;height:auto;padding:13px 0}.rep-footer-bottom>div{flex-wrap:wrap;gap:7px 12px}.rep-footer-bottom>div span+span{padding-left:12px}.rep-home .rep-creator,.rep-home .rep-creator>div:last-child,.rep-home+.rep-footer,.rep-home+.rep-footer .rep-footer-main{height:auto;min-height:0}.rep-subject-band{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#9bcfcd transparent;grid-template-columns:none;grid-auto-columns:minmax(276px,86vw);grid-auto-flow:column;gap:10px;padding:4px 4px 10px;overflow:auto hidden}.rep-subject-band::-webkit-scrollbar{height:6px}.rep-subject-band::-webkit-scrollbar-thumb{background:#9bcfcd;border-radius:999px}.rep-subject-band .rep-subject-block{scroll-snap-align:start}.rep-subject-block{grid-template-columns:88px minmax(0,1fr);align-items:center;column-gap:18px;min-height:128px;padding:16px 18px;display:grid}.rep-subject-icon{width:88px;height:88px}.rep-subject-block>div{flex-direction:column;justify-content:center;min-width:0;display:flex}.rep-subject-block p{margin-bottom:10px}.rep-subject-block b{align-self:flex-start}.rep-hot-box>div:last-child{grid-template-columns:1fr;height:auto}.rep-subject-features.is-english,.rep-subject-features.is-math{width:100%}.rep-subject-features.is-math{gap:10px}.rep-subject-features.is-math span{width:100%}.rep-about-hero>.rep-shell>div:first-child{padding-left:0}.rep-mission,.rep-about-subjects{margin-top:0}.rep-about .rep-mission{margin-top:13px}.rep-english .rep-subject-hero>div>img{width:100%;top:auto}.rep-home-hero-grid>img,.rep-primary-hero img,.rep-tools-hero img,.rep-about-hero img,.rep-subject-hero>div>img{object-fit:cover;height:100%;max-height:none}.rep-nav{font-size:var(--rep-text-lg)}.rep-home-hero-grid h1,.rep-primary-hero h1,.rep-about-hero h1{font-size:30px}.rep-tools-hero h1,.rep-subject-hero h1{font-size:28px}.rep-home-hero-grid p,.rep-primary-hero p,.rep-tools-hero p,.rep-about-hero p,.rep-subject-hero p{font-size:15px;line-height:1.7}.rep-section-title h2,.rep-tools-content>.rep-section-title h2{font-size:20px}.rep-detail-top h1{font-size:28px}.rep-all-filters input,.rep-tools-content select{font-size:var(--rep-text-lg)}.rep-filter-row,.rep-filter-box>div{grid-template-columns:96px minmax(0,1fr);gap:0 18px}.rep-filter-row b,.rep-filter-box b{padding-top:8px}}@media (width<=960px){.rep-home .rep-latest-row,.rep-primary-latest,.rep-hot-box>div:last-child{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#9bcfcd transparent;grid-template-columns:none;grid-auto-columns:310px;grid-auto-flow:column;gap:14px;padding:2px 2px 8px;display:grid;overflow:auto hidden}.rep-home .rep-latest-row::-webkit-scrollbar{height:6px}.rep-primary-latest::-webkit-scrollbar{height:6px}.rep-hot-box>div:last-child::-webkit-scrollbar{height:6px}.rep-home .rep-latest-row::-webkit-scrollbar-thumb{background:#9bcfcd;border-radius:999px}.rep-primary-latest::-webkit-scrollbar-thumb{background:#9bcfcd;border-radius:999px}.rep-hot-box>div:last-child::-webkit-scrollbar-thumb{background:#9bcfcd;border-radius:999px}.rep-home .rep-latest-row .rep-tool,.rep-primary-latest .rep-tool,.rep-hot-box>div:last-child .rep-tool{scroll-snap-align:start}.rep-home .rep-latest-row .rep-tags,.rep-primary-latest .rep-tags,.rep-hot-box>div:last-child .rep-tags{flex-wrap:nowrap;overflow:visible}.rep-home .rep-latest-row .rep-tool-copy>a,.rep-primary-latest .rep-tool-copy>a,.rep-hot-box>div:last-child .rep-tool-copy>a{white-space:nowrap}}@media (width<=800px){.rep-home .rep-latest-row,.rep-primary-latest,.rep-hot-box>div:last-child{grid-auto-columns:minmax(276px,86vw)}.rep-subject-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rep-subject-grid .rep-tool-horizontal{flex-direction:column;min-height:205px;padding:6px;display:flex}.rep-subject-grid .rep-tool-horizontal>img{aspect-ratio:4/3;object-fit:cover;object-position:center;border-radius:7px;align-self:auto;width:100%;height:auto;display:block}.rep-subject-grid .rep-tool-horizontal .rep-tool-copy{flex-direction:column;flex:1;padding:7px 2px 1px;display:flex}.rep-subject-grid .rep-tool-horizontal h3{font-size:15px}.rep-subject-grid .rep-tool-horizontal p{white-space:nowrap;min-height:0}.rep-subject-grid .rep-tool-horizontal .rep-tool-copy>a{height:34px;margin-top:7px}.rep-header{height:115px}.rep-header-inner{width:calc(100% - 16px)}.rep-header-logo{height:110px}.rep-header-logo>img{width:min(361px,100vw - 64px);height:110px}.rep-nav{top:115px}.rep-footer-share{justify-self:start;width:fit-content;max-width:100%}}