:root{--ink:#20335f;--paper:#fffaf0;--line:#e5e8f2}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 10% 5%,#dff8f0 0 7%,transparent 8%),radial-gradient(circle at 92% 12%,#ede5ff 0 8%,transparent 9%),var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif}.kids-top{width:min(1040px,calc(100% - 28px));height:76px;margin:auto;display:flex;align-items:center;justify-content:space-between}.kids-brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none;font-size:20px}.kids-brand span{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:#5671f5;color:#fff;font-size:25px;font-weight:900;box-shadow:0 5px 0 #354dc6}.parent-link{padding:9px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;color:#5f6f8d;text-decoration:none;font-size:13px}main{width:min(1040px,calc(100% - 28px));margin:auto}.welcome{text-align:center;padding:48px 0 34px}.hello{display:inline-block;margin:0;padding:7px 13px;border-radius:999px;background:#e9edff;color:#526cf2;font-size:12px;font-weight:900;letter-spacing:.5px}.welcome h1{margin:13px 0 3px;font-size:clamp(38px,7vw,64px);letter-spacing:-3px}.welcome>p:last-child{margin:0;color:#71809d;font-size:17px}.learning-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.learn-card{position:relative;display:grid;grid-template-columns:auto 1fr;gap:15px;align-items:center;min-height:155px;padding:23px;border:2px solid #fff;border-radius:25px;color:var(--ink);text-decoration:none;box-shadow:0 7px 0 #dae0ec,0 12px 26px #30457512;transition:transform .16s ease,box-shadow .16s ease}.learn-card:hover,.learn-card:focus-visible{transform:translateY(-3px);box-shadow:0 10px 0 #d5dbe8,0 18px 30px #3045751a;outline:4px solid #526cf225}.learn-card .icon{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:#fff;font-size:20px;font-weight:1000}.learn-card b{display:block;font-size:21px}.learn-card small{display:block;margin-top:3px;color:#657493;font-size:12px}.learn-card i{position:absolute;right:20px;bottom:14px;font-style:normal;font-size:11px;font-weight:900}.blue{background:#e8efff}.blue .icon{color:#4165e5}.purple{background:#f0eaff}.purple .icon{color:#7651d9}.green{background:#e3f8f1}.green .icon{color:#168665}.orange{background:#fff0da}.orange .icon{color:#d17c16}.pink{background:#ffeaf1}.pink .icon{color:#cc4e7b}.navy{background:#e8ecf7}.navy .icon{color:#263d72}.progress-card{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:30px 0 18px;padding:25px 28px;border-radius:25px;background:#263d72;color:#fff;box-shadow:0 7px 0 #142855}.progress-card>div{display:grid;grid-template-columns:auto 1fr;column-gap:15px}.progress-card .star{grid-row:span 2;display:grid;place-items:center;width:55px;height:55px;border-radius:17px;background:#ffd25a;color:#7b5600;font-size:26px}.progress-card h2{margin:0;font-size:22px}.progress-card p{margin:2px 0 0;color:#cdd7ee;font-size:12px}.progress-card a{padding:12px 17px;border-radius:13px;background:#69d9ba;color:#173e36;text-decoration:none;font-size:13px;font-weight:900}.safe-note{text-align:center;color:#7a879e;font-size:11px}footer{width:min(1040px,calc(100% - 28px));margin:42px auto 0;padding:24px 0;display:flex;justify-content:space-between;border-top:1px solid var(--line);color:#7a879e;font-size:12px}footer a{color:#526cf2}@media(max-width:800px){.learning-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){.kids-top{height:64px}.welcome{padding:32px 0 25px}.welcome h1{letter-spacing:-2px}.learning-grid{grid-template-columns:1fr}.learn-card{min-height:128px}.progress-card{align-items:stretch;flex-direction:column}.progress-card a{text-align:center}footer{gap:12px;flex-direction:column}}