:root{--ink:#20352c;--muted:#66776e;--cream:#fffaf1;--green:#2f7958;--line:#e6e2d6;--soft:#f3f8f4}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif}
.nav,main,footer{width:min(860px,calc(100% - 36px));margin:auto}
.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;text-decoration:none;color:inherit}
.brand img{width:38px;height:38px;object-fit:contain}
a{color:var(--green);text-underline-offset:3px}
main{background:#fff;border:1px solid var(--line);border-radius:28px;padding:clamp(28px,6vw,60px);line-height:1.75}
h1{margin:10px 0 26px;font-size:clamp(34px,5vw,50px);line-height:1.12;letter-spacing:-.02em}
h1 span,h2 span{display:block;margin-top:7px;color:var(--muted);font-size:.48em;font-weight:750;line-height:1.35;letter-spacing:0}
h2{margin:0 0 14px;font-size:clamp(23px,3vw,29px);line-height:1.25}
section{padding-top:34px;margin-top:34px;border-top:1px solid var(--line)}
p,li{color:var(--muted)}
p{margin:0}
.eyebrow{color:var(--green);font-size:13px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.translation{margin-top:10px;color:#52665c}
.bilingual-intro{padding:20px 22px;border-radius:18px;background:var(--soft)}
ul{padding-left:1.25em}
.bilingual-list{display:grid;gap:14px}
.bilingual-list li{padding-left:4px}
.bilingual-list li span{display:block}
.bilingual-list li span[lang="en"]{margin-top:4px;color:#52665c}
.notice{background:#fff1d6;border-radius:15px;padding:15px;color:#765c27}
footer{padding:30px 0 42px;color:var(--muted);font-size:13px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.btn{min-height:44px;padding:10px 15px;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--ink);background:#fff;display:inline-flex;align-items:center;text-align:center;font-weight:750}
@media(max-width:620px){
  .nav{min-height:68px}
  .nav,.nav .btn{font-size:13px}
  .brand img{width:34px;height:34px}
  main{width:calc(100% - 24px);padding:26px 22px;border-radius:22px}
  h1{font-size:34px}
  .bilingual-intro{padding:17px}
  section{padding-top:28px;margin-top:28px}
  footer{width:calc(100% - 28px);display:grid;padding-bottom:32px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.child-friendly main{background:#fffef9}
.child-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.child-cards section{margin:0;padding:22px;border:1px solid var(--line);border-radius:20px;background:var(--soft)}
.child-cards h2{margin-top:8px}.child-icon{font-size:36px}
@media(max-width:620px){.child-cards{grid-template-columns:1fr}.child-cards section{padding:18px}}