:root{font-family:"Microsoft YaHei","Segoe UI",sans-serif;color:#173b30;background:#f5fbef;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 8% 7%,#ffedaf 0 5%,transparent 21%),radial-gradient(circle at 93% 85%,#ccefc5 0 10%,transparent 30%),#f5fbef}.portal{width:min(100% - 40px,1040px);margin:auto;min-height:100vh;padding:27px 0 48px}.topbar{display:flex;align-items:center;justify-content:space-between;padding-bottom:28px;border-bottom:1px solid #d7e9d1}.brand{display:flex;align-items:center;gap:10px;color:#1d6b57;text-decoration:none;font-size:1.16rem}.brand span{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#d9f0ce;font-size:1.45rem}.topbar p{margin:0;color:#688278;font-size:.95rem}.welcome{padding:62px 0 39px;max-width:660px}.eyebrow{margin:0;color:#2c8066;font-size:.78rem;font-weight:800;letter-spacing:.16em}.welcome h1{margin:13px 0 17px;font-size:clamp(2.2rem,5vw,4rem);letter-spacing:-.065em;line-height:1.15;color:#173b30}.intro{margin:0;max-width:540px;color:#587269;font-size:1.08rem;line-height:1.85}.tools{display:grid;grid-template-columns:minmax(0,1fr);max-width:780px}.tool-card{display:grid;grid-template-columns:270px 1fr;min-height:320px;overflow:hidden;color:inherit;text-decoration:none;background:#fff;border:1px solid #cee5c7;border-radius:28px;box-shadow:0 16px 34px #1d6b5712;transition:transform .2s,box-shadow .2s}.tool-card:hover{transform:translateY(-5px);box-shadow:0 22px 45px #1d6b5722}.tool-card:focus-visible{outline:4px solid #e8a93d;outline-offset:5px}.illustration{position:relative;overflow:hidden;background:linear-gradient(#cfedf5 0 56%,#c9e7a6 56%)}.illustration:after{content:"";position:absolute;width:150%;height:130px;left:-38%;bottom:-53px;background:#8fc37d;border-radius:50%}.sun{position:absolute;right:30px;top:25px;font-size:43px}.tree{position:absolute;z-index:1;color:#397b59;font-size:156px;line-height:1}.tree.one{left:9px;bottom:36px}.tree.two{right:-20px;bottom:13px;color:#5b9b63;font-size:116px}.fox{position:absolute;z-index:2;left:98px;bottom:45px;font-size:70px;filter:drop-shadow(0 6px 0 #6d9e5940)}.flower{position:absolute;z-index:3;right:36px;bottom:44px;color:#fff5bf;font-size:30px}.tool-content{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:36px 40px}.available{display:flex;align-items:center;gap:7px;color:#398264;font-size:.86rem;font-weight:700}.available i{width:8px;height:8px;border-radius:50%;background:#51bb76;box-shadow:0 0 0 4px #d8f3df}.tool-content h2{margin:19px 0 1px;font-size:2rem;letter-spacing:-.04em}.english{margin:0;color:#78a08a;font-size:.75rem;font-weight:800;letter-spacing:.16em}.tool-content>p:not(.english){margin:21px 0 25px;color:#5c746b;line-height:1.8}.launch{color:#1d6b57;font-weight:800}.launch b{font-size:1.4rem;margin-left:7px}.gentle-note{margin:33px 0 0;color:#688278;font-size:.95rem}@media(max-width:650px){.portal{width:min(100% - 30px,1040px);padding-top:17px}.topbar{align-items:flex-start;gap:14px;flex-direction:column;padding-bottom:20px}.welcome{padding:43px 0 29px}.tool-card{grid-template-columns:1fr}.illustration{height:205px}.tree.one{bottom:-5px}.tree.two{bottom:-18px}.fox{bottom:14px}.tool-content{padding:29px 27px 31px}.tool-content h2{font-size:1.8rem}}
.tools{grid-template-columns:repeat(2,minmax(0,1fr));max-width:100%;gap:22px}.tools .tool-card{grid-template-columns:1fr;min-height:390px}.tools .illustration{height:185px}.tools .tool-content{padding:30px 33px}.multiplication-illustration{background:radial-gradient(circle at 20% 20%,#fff1a9 0 5%,transparent 6%),linear-gradient(135deg,#5667db,#8b52bf)}.multiplication-illustration:after{background:#f5ba52;bottom:-76px;left:-20%;transform:rotate(-5deg)}.number{position:absolute;z-index:2;color:white;font-weight:900;line-height:1;filter:drop-shadow(0 5px 0 #35296b55)}.number.one{left:39px;top:37px;font-size:5rem}.number.two{left:129px;top:57px;font-size:2.5rem;color:#ffd563}.number.three{left:180px;top:36px;font-size:5rem}.number.four{left:74px;bottom:31px;font-size:2.35rem;color:#ffd563}.number.five{left:124px;bottom:15px;font-size:4rem}@media(max-width:650px){.tools{grid-template-columns:1fr}.tools .illustration{height:190px}}