:root{--ink:#164168;--muted:#61738b;--shell:#fff;--sky:#5bc2f4;--sky-deep:#1fa6ec}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;padding:18px;background:radial-gradient(circle at 12% 4%,#fff 0,transparent 25%),linear-gradient(145deg,#e8f6ff,#f8fbff 50%,#eef8ff);font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;color:var(--ink)}a{-webkit-tap-highlight-color:transparent}.home-shell{width:min(1120px,100%);margin:auto;padding:10px;border-radius:34px;background:rgba(255,255,255,.93);box-shadow:0 18px 55px rgba(39,100,139,.19),inset 0 0 0 2px rgba(255,255,255,.9);overflow:hidden}.hero{height:325px;position:relative;overflow:hidden;border-radius:26px 26px 12px 12px;background:linear-gradient(180deg,#43b9f4 0%,#89d7fa 58%,#dff5ff 100%);isolation:isolate}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 13% 20%,rgba(255,255,255,.45),transparent 18%),radial-gradient(circle at 64% 15%,rgba(255,255,255,.3),transparent 22%);z-index:-1}.hero-copy{position:relative;z-index:4;text-align:center;padding-top:48px}.hero h1{margin:0;color:#fff;font-size:62px;line-height:1.1;letter-spacing:3px;font-weight:1000;text-shadow:0 5px 0 #0a73c8,0 8px 18px rgba(15,87,145,.28),2px 0 0 #fff,-2px 0 0 #fff,0 2px 0 #fff,0 -2px 0 #fff}.hero h1 span{color:#ff921e;text-shadow:0 5px 0 #db5e00,0 8px 18px rgba(137,66,0,.2),2px 0 0 #fff,-2px 0 0 #fff,0 2px 0 #fff,0 -2px 0 #fff}.hero p{display:inline-block;margin:20px 0 0;padding:9px 28px;border-radius:999px;background:linear-gradient(135deg,#148edf,#187bd1);color:#fff;font-size:21px;font-weight:850;letter-spacing:1px;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 6px 14px rgba(22,105,170,.22)}.mascot{position:absolute;z-index:5;bottom:3px;display:flex;align-items:center}.mascot span{font-size:118px;filter:drop-shadow(0 10px 8px rgba(31,91,116,.2))}.mascot i{font-style:normal;font-weight:950}.mascot-left{left:34px}.mascot-left i{margin-left:-22px;padding:12px 16px;border:8px solid #a76d32;border-radius:10px;background:#3f8a69;color:#fff;font-size:25px;transform:rotate(-2deg);box-shadow:0 7px 0 #835329}.mascot-right{right:42px}.mascot-right i{font-size:65px;margin-left:-24px;transform:rotate(-8deg)}.number-blocks{position:absolute;z-index:4;bottom:8px;left:50%;display:flex;align-items:flex-end;gap:5px;transform:translateX(-50%)}.number-blocks b{display:grid;place-items:center;width:52px;height:52px;border-radius:8px;background:#f7b33c;border:3px solid #d78816;color:#fff;font-size:30px;text-shadow:0 2px 0 rgba(138,74,0,.32);box-shadow:0 7px 0 #c97713}.number-blocks b:nth-child(2){height:68px;background:#ef9142}.number-blocks b:nth-child(3){background:#71b75d}.cloud{position:absolute;width:150px;height:55px;border-radius:60px;background:rgba(255,255,255,.75);filter:blur(.2px)}.cloud:before,.cloud:after{content:"";position:absolute;border-radius:50%;background:inherit}.cloud:before{width:70px;height:70px;left:22px;bottom:8px}.cloud:after{width:90px;height:90px;right:12px;bottom:0}.cloud-a{left:-32px;top:46px}.cloud-b{right:-38px;top:62px;transform:scale(.78)}.rainbow{position:absolute;right:100px;top:18px;width:145px;height:75px;border-radius:145px 145px 0 0;border:11px solid #ff7d81;border-bottom:0;box-shadow:inset 0 9px #ffbe52,inset 0 18px #75ce66,inset 0 27px #54a8ea;opacity:.9}.spark{position:absolute;z-index:4;color:#ffe347;text-shadow:0 3px 0 #e5ac11;font-size:31px}.spark-a{left:19%;top:43px;transform:rotate(-16deg)}.spark-b{right:20%;top:80px}.spark-c{left:49%;top:165px;font-size:22px}.hill{position:absolute;bottom:-74px;width:72%;height:170px;border-radius:50%;z-index:1}.hill-a{left:-18%;background:#76cc72;transform:rotate(5deg)}.hill-b{right:-25%;background:#9cdc71;transform:rotate(-8deg)}
.grade-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:14px 12px}.grade-card{--accent:#ff4c7d;--accent2:#f43067;--soft:#fff0f5;position:relative;display:grid;grid-template-columns:86px 1fr;grid-template-rows:auto 64px;column-gap:14px;min-height:225px;padding:22px 20px 18px;border:2px solid rgba(255,255,255,.96);border-radius:25px;background:linear-gradient(135deg,rgba(255,255,255,.96),var(--soft));box-shadow:0 8px 18px rgba(63,101,128,.12),inset 0 0 0 1px rgba(75,126,153,.08);overflow:hidden}.grade-card:after{content:"✦";position:absolute;right:15px;top:14px;color:var(--accent);font-size:20px;opacity:.23}.grade-icon{width:82px;height:82px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#fff,var(--soft));border:2px solid rgba(255,255,255,.95);box-shadow:0 6px 15px rgba(76,111,139,.14),inset 0 0 0 1px color-mix(in srgb,var(--accent) 22%,transparent);font-size:51px}.grade-copy{min-width:0}.grade-copy h2{margin:5px 0 8px;color:var(--accent2);font-size:29px;line-height:1.1;font-weight:1000}.grade-copy p{margin:0;color:#607288;font-size:14px;line-height:1.65;font-weight:650}.term-links{grid-column:1/-1;align-self:end;display:grid;grid-template-columns:1fr 1fr;gap:12px}.term-links a{min-height:62px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:14px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;text-decoration:none;box-shadow:0 6px 12px color-mix(in srgb,var(--accent) 22%,transparent);transition:transform .18s ease,filter .18s ease}.term-links a:hover{transform:translateY(-2px);filter:brightness(1.05)}.term-links a:active{transform:translateY(1px)}.term-links a:focus-visible{outline:4px solid color-mix(in srgb,var(--accent) 35%,#fff);outline-offset:2px}.term-links strong{font-size:20px;line-height:1.15}.course-count{margin-top:3px;font-size:12px;font-weight:800;opacity:.92}.grade-2{--accent:#ffac24;--accent2:#f58500;--soft:#fff8e9}.grade-3{--accent:#40c957;--accent2:#16aa39;--soft:#effbef}.grade-4{--accent:#338ce9;--accent2:#126dd0;--soft:#edf7ff}.grade-5{--accent:#9360eb;--accent2:#7039d6;--soft:#f5efff}.grade-6{--accent:#20b9c7;--accent2:#0795aa;--soft:#ebfbfd}
.feature-bar{margin:8px 12px 0;padding:18px 22px;display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-radius:25px;background:rgba(255,255,255,.97);box-shadow:0 8px 22px rgba(56,98,125,.13);border:1px solid #e4eff5}.feature{min-width:0;display:flex;align-items:center;justify-content:center;gap:14px;padding:2px 24px}.feature+.feature{border-left:1px solid #dce8ef}.feature-icon{width:58px;height:58px;display:grid;place-items:center;flex:0 0 auto;font-size:34px}.feature-icon.voice{color:#2589e7}.feature-icon.random{color:#28b344;font-size:48px;font-weight:1000}.feature-icon.total{width:64px;border-radius:13px;background:linear-gradient(145deg,#ffc82f,#f3a400);color:#fff;font-size:25px;box-shadow:0 6px 12px rgba(226,157,0,.2)}.feature strong{display:block;font-size:18px;color:#174374;white-space:nowrap}.feature strong b{color:#ec8a12}.feature small{display:block;margin-top:5px;color:#6f8092;font-size:13px;line-height:1.4}.ground{height:72px;margin-top:8px;padding:13px 30px 0;display:flex;justify-content:space-around;align-items:flex-end;background:linear-gradient(175deg,transparent 0 35%,#bde676 36% 59%,#73c454 60%);border-radius:0 0 25px 25px;font-size:34px}.ground span:nth-child(3){font-size:45px}.ground span:nth-child(6){font-size:45px}
@media(max-width:850px){.hero{height:270px}.hero h1{font-size:48px}.mascot span{font-size:92px}.mascot-left{left:18px}.mascot-right{right:20px}.mascot-left i{font-size:18px;border-width:6px}.grade-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature{padding:2px 12px}.feature strong{font-size:16px}.feature-icon{width:46px}}
@media(max-width:560px){body{padding:7px}.home-shell{padding:7px;border-radius:23px}.hero{height:218px;border-radius:18px 18px 10px 10px}.hero-copy{padding-top:30px}.hero h1{font-size:32px;letter-spacing:1px;text-shadow:0 3px 0 #0a73c8,0 5px 12px rgba(15,87,145,.25),1px 0 #fff,-1px 0 #fff,0 1px #fff,0 -1px #fff}.hero p{margin-top:12px;padding:7px 17px;font-size:13px}.mascot span{font-size:64px}.mascot-left{left:5px;bottom:7px}.mascot-right{right:8px;bottom:7px}.mascot-left i{margin-left:-13px;padding:6px 7px;border-width:4px;font-size:11px}.mascot-right i{font-size:35px;margin-left:-14px}.number-blocks{bottom:6px}.number-blocks b{width:34px;height:34px;font-size:20px;border-width:2px;box-shadow:0 4px 0 #c97713}.number-blocks b:nth-child(2){height:45px}.rainbow{right:34px;top:14px;width:85px;height:43px;border-width:7px;box-shadow:inset 0 6px #ffbe52,inset 0 12px #75ce66,inset 0 18px #54a8ea}.spark{font-size:20px}.spark-a{left:15%;top:28px}.spark-b{right:13%;top:62px}.spark-c{display:none}.hill{height:100px;bottom:-46px}.grade-grid{grid-template-columns:1fr;gap:9px;padding:9px 3px}.grade-card{grid-template-columns:68px 1fr;grid-template-rows:auto 54px;min-height:157px;padding:13px 12px 11px;border-radius:18px;column-gap:11px}.grade-icon{width:62px;height:62px;font-size:39px}.grade-copy h2{font-size:22px;margin:3px 0 5px}.grade-copy p{font-size:12px;line-height:1.48}.term-links{gap:9px}.term-links a{min-height:52px;border-radius:11px}.term-links strong{font-size:17px}.course-count{font-size:11px}.feature-bar{margin:7px 3px 0;padding:12px 5px;border-radius:18px}.feature{display:block;text-align:center;padding:0 4px}.feature-icon{width:40px;height:38px;margin:auto;font-size:25px}.feature-icon.random{font-size:32px}.feature-icon.total{width:42px;border-radius:9px;font-size:18px}.feature strong{font-size:11px;white-space:normal;line-height:1.25}.feature small{font-size:9px;margin-top:3px}.ground{height:52px;padding:7px 8px 0;font-size:22px;border-radius:0 0 18px 18px}.ground span:nth-child(3),.ground span:nth-child(6){font-size:29px}}
@media(max-width:350px){.hero h1{font-size:29px}.grade-card{grid-template-columns:60px 1fr}.grade-icon{width:56px;height:56px;font-size:35px}.grade-copy p{font-size:11px}}
.hero h1{color:#ff921e;text-shadow:0 5px 0 #db5e00,0 8px 18px rgba(137,66,0,.2),2px 0 0 #fff,-2px 0 0 #fff,0 2px 0 #fff,0 -2px 0 #fff}.hero h1 span{color:#167bd3;text-shadow:0 5px 0 #075daa,0 8px 18px rgba(15,87,145,.28),2px 0 0 #fff,-2px 0 0 #fff,0 2px 0 #fff,0 -2px 0 #fff}
@media(max-width:560px){.hero h1{text-shadow:0 3px 0 #db5e00,0 5px 12px rgba(137,66,0,.2),1px 0 #fff,-1px 0 #fff,0 1px #fff,0 -1px #fff}.hero h1 span{text-shadow:0 3px 0 #075daa,0 5px 12px rgba(15,87,145,.25),1px 0 #fff,-1px 0 #fff,0 1px #fff,0 -1px #fff}}
@media(prefers-reduced-motion:reduce){.term-links a{transition:none}}
.hero-art{position:absolute;inset:0;z-index:0;display:block}.hero-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.hero:before,.hero>.cloud,.hero>.rainbow,.hero>.spark,.hero>.mascot,.hero>.number-blocks,.hero>.hill{display:none}.hero-copy{z-index:2}.hero:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(20,149,226,.02),rgba(255,255,255,0) 62%,rgba(34,116,69,.05))}.course-count{white-space:nowrap;font-size:11px;letter-spacing:-.2px}.feature strong b{font-variant-numeric:tabular-nums}
@media(max-width:560px){.hero-art img{object-position:center}.hero-copy{padding-top:25px}.course-count{font-size:10px;letter-spacing:-.45px}.term-links a{padding-inline:2px}}
#catalog-probes{position:fixed;left:0;top:0;z-index:-1;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}#catalog-probes iframe{display:block;width:1px;height:1px;border:0}
.hero h1{width:min(730px,78%);margin:0 auto;color:transparent;font-size:0;line-height:0;letter-spacing:0;text-shadow:none;-webkit-text-stroke:0}.hero-title-logo{display:block;width:100%;height:auto;overflow:visible;filter:drop-shadow(0 8px 10px rgba(22,82,129,.18))}
@media(max-width:560px){.hero h1{width:92%}.hero-title-logo{filter:drop-shadow(0 4px 5px rgba(22,82,129,.2))}.hero p{margin-top:6px}}