*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:#f6f2e9;color:#18383b;font:17px/1.75 -apple-system,BlinkMacSystemFont,"Noto Sans",sans-serif}a{color:#226d69;text-underline-offset:4px}header,main,footer{width:min(1040px,calc(100% - 40px));margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:28px 0;border-bottom:1px solid #d6cdbd}.brand{font-weight:700;letter-spacing:.06em;text-decoration:none}nav{display:flex;gap:20px;flex-wrap:wrap}button{background:none;border:1px solid #a08e72;border-radius:999px;padding:9px 17px;color:inherit;font:inherit;cursor:pointer;min-height:44px}main{padding:64px 0 80px}.eyebrow{font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:#6f6b60}h1{font-size:clamp(38px,6vw,68px);line-height:1.15;letter-spacing:-.035em;margin:18px 0 26px}h2{font-size:26px;line-height:1.35;margin:42px 0 12px}p{max-width:760px}.lead{font-size:22px;line-height:1.65;max-width:780px}.hero{display:grid;grid-template-columns:1.3fr .7fr;gap:54px;align-items:center}.icon{width:100%;max-width:280px;border-radius:28%;box-shadow:0 20px 70px #0a252b26}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:46px 0}.fact{border-top:2px solid #aa8b52;padding:20px 0}.fact strong{font-size:28px;display:block}.notice{border-left:3px solid #aa8b52;padding:12px 20px;background:#eee6d7}.links{display:flex;gap:22px;flex-wrap:wrap;margin-top:28px}footer{border-top:1px solid #d6cdbd;padding:28px 0 48px;color:#777365;font-size:14px}li{margin:8px 0}code{font-size:15px}.lang-en{display:none}html[lang=en] .lang-en{display:initial}html[lang=en] .lang-zh{display:none}html[lang=en] div.lang-en,html[lang=en] section.lang-en{display:block}@media(max-width:680px){header{align-items:flex-start;gap:20px}nav{gap:12px}.hero{grid-template-columns:1fr;gap:30px}.icon{max-width:180px}.facts{grid-template-columns:1fr;gap:0}main{padding-top:40px}.lead{font-size:20px}}

.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:28px}.gallery img{display:block;width:100%;height:auto;border-radius:14px}@media(max-width:680px){header{flex-wrap:wrap}nav{align-items:center}.gallery{grid-template-columns:1fr;max-width:420px}}