*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,'Microsoft YaHei',sans-serif;color:#23485e;background:#f4fafb}a{text-decoration:none;color:inherit}button{font:inherit;cursor:pointer}nav{position:fixed;z-index:20;inset:0 0 auto;height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100% - 1180px)/2));background:#113f5deF;color:#fff;backdrop-filter:blur(16px);box-shadow:0 8px 28px #123b542d}.logo{display:flex;align-items:center;gap:11px;font-weight:900;letter-spacing:.1em}.logo b{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:linear-gradient(145deg,#ffe16e,#ed932d);border:3px solid white;font-size:22px}.logo small{display:block;color:#9eddf3;font-size:8px;letter-spacing:.25em;margin-top:3px}nav>div{display:flex;gap:26px;font-size:13px;font-weight:700;color:#dff6ff}nav>div a:hover{color:#ffe16e}nav>button,.loginTrigger{border:0;border-radius:11px;background:linear-gradient(135deg,#ffe16e,#f1aa35);color:#4e3c0d;padding:11px 18px;font-weight:900;box-shadow:0 7px 17px #d9902b45}.hero{min-height:720px;padding:145px max(24px,calc((100% - 1180px)/2)) 75px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;background:radial-gradient(circle at 76% 24%,#ffffff66,transparent 22%),linear-gradient(180deg,#7ed7fb,#e8f9ff 70%,#f5f1d8);overflow:hidden}.hero-copy{position:relative;z-index:2}.hero em,.section header em,dialog em{font-style:normal;color:#168db9;font-size:11px;font-weight:900;letter-spacing:.2em}.hero h1{font-size:clamp(54px,7vw,86px);line-height:.96;margin:18px 0;color:#124b70;letter-spacing:-.055em}.hero h1 span{color:#ef9c28;text-shadow:0 5px #fff}.hero p{max-width:610px;font-size:16px;line-height:1.9;color:#557589}.hero aside{display:flex;gap:12px;margin-top:25px}.hero aside a{padding:12px 20px;border-radius:11px;background:#178db9;color:white;font-weight:800}.stats{display:flex;gap:35px;margin-top:42px}.stats span{font-size:11px;color:#718b99}.stats b{display:block;color:#174e70;font-size:23px;margin-bottom:3px}.hero figure{position:relative;width:340px;height:340px;animation:float 5s ease-in-out infinite}.hero figure i{position:absolute;inset:30px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#e1ff9a,#75bd61 38%,#34774c 70%);transform:rotateX(61deg) rotateZ(-13deg);box-shadow:0 20px #729351,0 44px 35px #17466145}.hero figure b{position:absolute;left:95px;right:95px;top:205px;height:120px;clip-path:polygon(0 0,100% 0,50% 100%);background:linear-gradient(90deg,#6f533d,#d9ad70,#6c503a)}.hero figure span{position:absolute;width:82px;height:75px;left:130px;top:105px;background:#fff1bd;border-radius:9px;box-shadow:inset 0 -15px #eacb79}.hero figure span:before{content:'';position:absolute;left:-12px;top:-40px;width:105px;height:60px;background:#ed735f;clip-path:polygon(50% 0,100% 75%,88% 100%,12% 100%,0 75%)}@keyframes float{50%{transform:translateY(-15px) rotateY(7deg)}}.section{max-width:1180px;margin:auto;padding:90px 24px}.section header{text-align:center;margin-bottom:42px}.section h2{font-size:38px;margin:9px 0;color:#174e70}.section header p{color:#78909d}.world-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:14px}.world-grid article,.class-grid article,.feature-grid article{padding:26px;border:1px solid #dcebee;border-radius:20px;background:#fff;box-shadow:0 13px 35px #24576f12;transition:.3s}.world-grid article:hover,.class-grid article:hover,.feature-grid article:hover{transform:translateY(-7px);box-shadow:0 20px 44px #24576f25}.world-main{color:#fff;background:linear-gradient(135deg,#167da8,#36b99c)!important}.world-main h3{font-size:30px;margin:12px 0}.world-main a{color:#ffe887;font-weight:800}.world-grid article>b,.feature-grid article>span{color:#1b96bf;font-size:12px}.world-grid h3{margin:35px 0 8px}.world-grid p,.class-grid p,.feature-grid p{color:#76909e;line-height:1.7;font-size:13px}.world-main p{color:#e1faff}.tint{max-width:none;background:#eaf5f6;padding-left:max(24px,calc((100% - 1180px)/2));padding-right:max(24px,calc((100% - 1180px)/2))}.class-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.class-grid i{display:grid;place-items:center;width:55px;height:55px;border-radius:16px;background:#e4f5fb;color:#188fba;font-style:normal;font-size:25px}.class-grid h3{font-size:20px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-grid h3{font-size:21px}footer{padding:38px max(24px,calc((100% - 1180px)/2));display:flex;align-items:center;justify-content:space-between;background:#103b57;color:#d9f4ff}footer p{font-size:12px;color:#8bc5da}dialog{width:min(430px,calc(100% - 24px));border:1px solid #fff;border-radius:24px;padding:36px;background:#fffffff2;color:#244b61;box-shadow:0 30px 90px #123a5766}dialog::backdrop{background:#0b324d99;backdrop-filter:blur(8px)}dialog>button{position:absolute;right:18px;top:14px;border:0;background:none;font-size:25px;color:#78909d}dialog h2{font-size:29px;margin:8px 0}dialog>p{font-size:13px;color:#78909d;margin-bottom:25px}dialog label{display:block;font-size:12px;font-weight:800;margin:14px 0}dialog input{display:block;width:100%;margin-top:7px;padding:13px;border-radius:10px;border:1px solid #c9e0e8;background:#f2f8fa;outline:none}#homeLoginBtn{width:100%;border:0;border-radius:11px;padding:14px;background:linear-gradient(135deg,#35b8dc,#187fae);color:white;font-weight:900}#loginMessage{min-height:20px;color:#e35261;font-size:12px;text-align:center}dialog aside{display:flex;justify-content:space-between;margin-top:16px;font-size:12px;color:#168db9}@media(max-width:850px){nav>div{display:none}.hero{grid-template-columns:1fr;min-height:850px}.hero figure{position:absolute;right:-100px;top:430px;opacity:.6}.world-grid{grid-template-columns:1fr 1fr}.world-main{grid-column:1/-1}.class-grid{grid-template-columns:1fr 1fr}.feature-grid{grid-template-columns:1fr}.stats{gap:18px}footer{flex-direction:column;gap:18px;text-align:center}}