:root{--ink:#203442;--coral:#f26a4f;--yellow:#ffd55b;--paper:#fffdf6;--blue:#d9f0f4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Kaiti SC","STKaiti","KaiTi",serif}button,textarea,select{font:inherit}button{cursor:pointer}header,footer{max-width:1180px;margin:auto;padding:20px 28px;display:flex;justify-content:space-between;align-items:center}.brand{font-size:21px;font-weight:bold;color:var(--ink);text-decoration:none;display:flex;gap:10px;align-items:center}.brand b{display:grid;place-items:center;width:34px;height:34px;background:var(--coral);color:#fff;border-radius:11px 11px 11px 3px;transform:rotate(-4deg)}.live{font-size:14px;color:#63777d}.live i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#59b994;box-shadow:0 0 0 4px #d7f5e7;margin-right:8px}.hero{max-width:1180px;min-height:425px;margin:0 auto;padding:62px 68px;position:relative;overflow:hidden;border-radius:32px;background:radial-gradient(#83b5bc 1px,transparent 1px) 0 0/17px 17px,#d6f0f2}.hero-copy{max-width:590px;position:relative;z-index:1}.eyebrow{margin:0 0 9px;color:#e75a43;text-transform:uppercase;letter-spacing:.13em;font-weight:bold;font-size:13px}h1{font-size:clamp(44px,5vw,70px);line-height:1.1;letter-spacing:-.06em;margin:0 0 18px}h1 em{font-style:normal;color:var(--coral)}.hero-copy>p:not(.eyebrow),.sub{font-size:18px;line-height:1.7;color:#49656c}.tags span{display:inline-block;background:#ffffffaa;border:1px solid #fff;border-radius:99px;padding:7px 11px;font-size:13px;margin:3px}.chalk{position:absolute;right:12%;bottom:35px;width:220px;padding:27px 24px;min-height:210px;background:#315f5b;border:9px solid #f4c98c;box-shadow:11px 12px #91c5c4;transform:rotate(7deg);color:#f6efd8}.chalk small{font-size:17px}.chalk strong{display:block;font-size:27px;line-height:1.25;margin-top:20px}.chalk b{position:absolute;right:19px;bottom:12px;color:#ffe168;font-size:30px}.sun{position:absolute;right:6%;top:27px;width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:#ffe39b;color:#f2993e;font-size:31px}.panel{max-width:980px;margin:94px auto;padding:0 28px}.panel h2,.parent h2,.answer h2{font-size:37px;line-height:1.2;letter-spacing:-.04em;margin:0 0 9px}.ask{background:#fff;padding:30px;border:1px solid #e6e5da;border-radius:25px;box-shadow:0 15px #eff2eb}.row,.ask-foot{display:flex;justify-content:space-between;gap:24px;align-items:flex-end}.row{margin-bottom:24px}label{display:block;margin:0 0 9px;color:#59727b;font-size:14px;font-weight:bold}.chips{display:flex;gap:8px}.chips button,.quick button{border:1px solid #d9e1dd;background:#fff;color:#5f7379;border-radius:99px;padding:8px 12px}.chips .active{background:#274a56;color:#fff;border-color:#274a56}select{min-width:126px;padding:9px;border:1px solid #d9e1dd;border-radius:10px;background:#fffcf5}textarea{width:100%;min-height:130px;padding:15px;resize:vertical;border:1px dashed #c8d4d0;border-radius:16px;background:#fffcf5;font-size:17px;line-height:1.65;color:var(--ink)}.ask-foot{padding-top:17px;color:#7a8b8c;font-size:13px}.ask-foot button{border:0;background:var(--coral);color:#fff;border-radius:11px;padding:12px 17px;font-weight:bold;box-shadow:0 4px #ce4e36}.ask-foot button:disabled{opacity:.7}.quick{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:25px;color:#63787e;font-size:14px}.quick button{padding:5px 10px;color:#416976;background:transparent}.answer{max-width:980px;margin:70px auto;padding:45px 28px 36px;position:relative;overflow:hidden;border-radius:30px;background:#294b57;color:#fdf9ee}.hidden{display:none}.answer-top{display:flex;justify-content:space-between;gap:25px}.answer-top .eyebrow{color:#fbd46b}.answer-top>span{padding:12px;border:1px solid #fbd46b;color:#fbd46b;border-radius:50%;text-align:center;font-size:13px;transform:rotate(9deg)}.echo{padding:11px 14px;margin-bottom:20px;border-left:3px solid #fbd46b;background:#ffffff14}.echo small,.bottom small{color:#abcacc}.echo p{margin:3px 0 0}.answer>p{line-height:1.7}.methods{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:27px}.methods article{min-height:210px;padding:18px;border:1px solid #ffffff24;border-radius:16px;background:#ffffff11}.methods article>b{color:#fbd46b;font-size:27px}.methods h3{font-size:18px;margin:14px 0 10px}.methods p{color:#d6e5e3;line-height:1.65;font-size:15px}.bottom{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding-top:21px;margin-top:25px;border-top:1px solid #ffffff2c}.bottom strong{display:block;color:#ffdc77;font-size:18px;margin-top:5px}.bottom p{color:#dbe9e7;line-height:1.6;margin:5px 0}.knowledge{padding:12px 14px;border-radius:10px;background:#1f3d48;color:#bcd5d4;font-size:14px}.knowledge b{color:#fbd46b}.learn{margin-bottom:72px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:25px}.cards article{padding:23px;min-height:220px;border-radius:22px}.cards article:nth-child(1){background:#cee9dc}.cards article:nth-child(2){background:#ffe1c4}.cards article:nth-child(3){background:#d8edf8}.cards i{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#fff8;font-style:normal;font-weight:bold;font-size:20px}.cards h3{font-size:22px;margin:30px 0 8px}.cards p,.parent p:last-child{color:#4c6870;line-height:1.58}.parent{max-width:924px;margin:0 auto 88px;padding:32px 38px;border:1px solid #dfe4da;border-radius:26px;background:#fffaf0;display:flex;gap:25px}.parent>i{display:grid;place-items:center;flex:0 0 auto;width:53px;height:53px;border-radius:19px;background:#f6d5bc;color:#e66b4d;font-size:28px;font-style:normal}footer{border-top:1px solid #dde4df;color:#6d8285;font-size:14px}footer b{color:#31515c}@media(max-width:780px){header{padding:17px 18px}.live{display:none}.hero{margin:0 14px;padding:45px 26px 250px;min-height:auto;border-radius:24px}.chalk{right:25px;bottom:20px;transform:scale(.75) rotate(7deg);transform-origin:bottom right}.sun{right:6%;top:18px}.panel{margin:64px auto;padding:0 18px}.panel h2,.answer h2{font-size:30px}.ask{padding:20px}.row,.ask-foot,.answer-top,.parent{flex-direction:column;align-items:stretch}.chips{flex-wrap:wrap}select{width:100%}.ask-foot button{width:100%}.answer{margin-top:50px;border-radius:23px;padding:31px 20px}.methods,.bottom,.cards{grid-template-columns:1fr}.methods article{min-height:0}.parent{margin:0 18px 55px;padding:25px}.parent h2{font-size:25px}footer{margin:0 18px;padding-left:0;padding-right:0}.quick{line-height:2.3}}