:root{--ink:#123c34;--gold:#ac8d54;--paper:#f5f2e9;--muted:#737a6d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-size:14px}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:5px}header{height:90px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #123c341a;background:#f8f6efed;position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.brand{font-family:KaiTi,STKaiti,serif;font-size:38px;font-weight:bold;letter-spacing:3px;display:flex;align-items:center;gap:10px}.brand span{font-size:12px;background:#a13828;color:#fff5dc;border-radius:40%;padding:6px 4px;writing-mode:vertical-rl;letter-spacing:2px}nav{display:flex;gap:48px}nav a{padding:30px 0}nav a:hover,.text-link:hover{color:var(--gold)}.nav-cta{border:1px solid #aaa68c;padding:12px 20px}.hero{min-height:650px;height:calc(100svh - 90px);max-height:870px;position:relative;isolation:isolate;overflow:hidden}.hero-art{position:absolute;inset:0;z-index:-2;background:url('assets/hero-cultivator.png') center/cover}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#f1f2e8f5 0%,#f1f2e8e0 28%,#f1f2e83d 58%,transparent 80%),linear-gradient(0deg,#f5f2e9,transparent 20%)}.hero-content{position:relative;padding:60px 0 80px 9%;width:65%}.eyebrow{letter-spacing:4px;font-size:12px;color:#777d69;margin:0 0 28px}.hero-title{display:flex;align-items:center;gap:20px}h1{font:900 clamp(100px,11vw,170px)/1.15 KaiTi,STKaiti,serif;letter-spacing:4px;margin:0 0 10px -8px}.seal{background:#9a3829;color:#fff4dd;padding:10px 7px;border-radius:40%;font-family:KaiTi,serif;font-size:20px;box-shadow:0 0 0 2px #9a382959}.hero h2{font:normal 32px KaiTi,STKaiti,serif;letter-spacing:5px;margin:20px 0}.hero-description{line-height:2.1;color:#4f6559;font-size:15px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:30px}.button{background:var(--ink);color:#fff7df;display:inline-flex;align-items:center;justify-content:space-between;gap:45px;padding:18px 30px;border:1px solid #b49a60;box-shadow:inset 0 0 0 4px var(--ink),inset 0 0 0 5px #8a9169;transition:.2s}.button:hover{background:#24594c;transform:translateY(-2px)}.hero-note{font-size:11px;letter-spacing:5px;color:#7b8371;margin-top:30px}.vertical{position:absolute;right:5%;top:70px;writing-mode:vertical-rl;letter-spacing:7px}.scroll{position:absolute;bottom:25px;left:50%;font-size:11px;letter-spacing:3px;display:flex;flex-direction:column;gap:12px;align-items:center}.intro-strip{border-block:1px solid #ab9b6d55;display:flex;justify-content:space-between;align-items:center;padding:20px 9%;font-family:KaiTi,STKaiti,serif;font-size:17px}.intro-strip>span{font-size:14px;color:#9b8e6b;letter-spacing:4px}.intro-strip p{margin:0;letter-spacing:3px}.intro-strip i{font-style:normal;color:#b49a60;margin:0 18px}.section{max-width:1320px;margin:auto;padding:90px 6%}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:40px}.section-heading .eyebrow{margin-bottom:18px}.section-heading h2{font:normal 36px KaiTi,STKaiti,serif;letter-spacing:2px;margin:0}.section-heading h2 span{display:block;font:12px "Microsoft YaHei",sans-serif;letter-spacing:4px;margin-top:14px;color:#8b8e7c}.section-heading>p{color:var(--muted);line-height:1.8}.download-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr;border:1px solid #bbb49a}.download-intro{padding:32px;background:var(--ink);color:#f7f0d9;position:relative;overflow:hidden}.download-intro:after{content:"✧";position:absolute;right:-20px;bottom:-60px;font-size:240px;color:#ffffff0b}.download-intro h3{font:30px/1.6 KaiTi,STKaiti,serif;margin:12px 0}.download-intro p{font-size:11px;color:#d2d8c9}.small-seal{color:#dbbd7a;font-family:KaiTi,serif;border:1px solid #b39863;padding:5px}.platform{padding:36px 25px;border-left:1px solid #bbb49a;text-align:center}.platform-icon{font-size:38px;font-family:serif}.platform h3{font-size:16px;font-weight:500;margin-top:20px}.platform p{font-size:12px;color:var(--muted)}.platform button{margin-top:20px;width:100%;padding:12px;background:transparent;border:1px solid #bdbda9;color:#8b927d;cursor:default}.subnote{font-size:11px;color:#8b8e7c;margin-top:20px;line-height:1.8}.guide-section{background:#e8eadd;border-block:1px solid #ccd1bc}.guide-layout{display:grid;grid-template-columns:300px 1fr;gap:40px}.guide-aside{position:relative;min-height:590px;overflow:hidden;background:#15493e}.guide-cover{position:absolute;inset:0;background:url('assets/guide.jpg') 13% 0/auto 160%;opacity:.85}.guide-aside:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 10%,#103c34 78%)}.guide-aside-copy{position:absolute;bottom:35px;left:30px;right:20px;z-index:1;color:#f7efd7}.guide-aside-copy p{letter-spacing:5px;color:#d6ba7e}.guide-aside-copy h3{font:40px/1.5 KaiTi,STKaiti,serif;margin:16px 0}.guide-aside-copy span{font-size:11px;color:#c9d3bb;line-height:1.8}.resource-row{display:flex;gap:20px;padding-bottom:25px;border-bottom:1px solid #a9b49b}.resource-row>div{flex:1}.resource-row b{font-family:KaiTi,STKaiti,serif;font-size:20px;font-weight:500}.resource-row span{display:block;font-size:11px;color:#6d7867;line-height:1.8;margin-top:8px}details{border-bottom:1px solid #bdc5ae}summary{cursor:pointer;list-style:none;padding:19px 0;display:flex;align-items:center;gap:16px;font-size:15px}summary::-webkit-details-marker{display:none}summary .num{font:italic 17px Georgia,serif;color:#9b8657}summary:after{content:"+";margin-left:auto;color:#8b956f;font-size:20px}details[open] summary:after{content:"−"}details p{margin:0 0 20px 37px;color:#66745f;line-height:1.95;font-size:13px}.guide-hint{font-size:11px;line-height:1.8;color:#6d7867;margin:24px 0 0}.text-link{padding:0;border:0;background:transparent;line-height:1.7;font-size:13px}.tabs{display:flex;gap:35px;border-bottom:1px solid #c9c3ac;margin-bottom:30px}.tabs button{padding:17px 12px;background:none;border:0;border-bottom:3px solid transparent;color:#7c806e;font-size:16px}.tabs button[aria-selected=true]{border-color:var(--ink);color:var(--ink)}.benefit-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.benefit-top h3{font:26px KaiTi,STKaiti,serif;margin:0 0 12px}.benefit-top p{color:var(--muted);font-size:12px;line-height:1.9;margin:0}.table-wrap{overflow:auto;border:1px solid #c9c3ac}table{border-collapse:collapse;width:100%;min-width:600px;text-align:left;font-size:13px}th{background:#e6e8dc;font-weight:500;padding:17px 22px;color:#67745c}td{padding:19px 22px;border-top:1px solid #d9d5c5;line-height:1.8}td:first-child{font:22px KaiTi,STKaiti,serif;color:#1a5448;white-space:nowrap}tbody tr:hover{background:#e9ecdf}.reward-block+ .reward-block{margin-top:32px}.reward-block h4{font:21px KaiTi,STKaiti,serif;margin:20px 0 14px}.reward-block h4 span{margin-left:18px;font:11px "Microsoft YaHei",sans-serif;color:#818571}.closing{text-align:center;padding:75px 20px 85px;background:linear-gradient(#103b34ed,#103b34ed),url('assets/landscape.jpg') center/cover;color:#f3e9cf}.closing .eyebrow{color:#bdc9ad}.closing h2{font:40px KaiTi,STKaiti,serif;letter-spacing:6px;margin:20px 0 35px}.closing .button{background:#d7c79b;color:#173e34;box-shadow:none}footer{display:flex;align-items:center;flex-wrap:wrap;gap:25px;padding:38px 6%}footer p{color:#7b826f;letter-spacing:3px;font-size:12px}footer>a:last-of-type{margin-left:auto;font-size:12px}footer small{flex-basis:100%;text-align:center;color:#989d8c;font-size:10px;border-top:1px solid #d9d6c6;padding-top:25px}dialog{max-width:1000px;width:94vw;height:92vh;padding:0;border:0;background:#edeadc;box-shadow:0 20px 100px #0007}dialog::backdrop{background:#071e18d9;backdrop-filter:blur(7px)}.dialog-bar{position:sticky;top:0;background:#f5f2e9;display:flex;align-items:center;gap:20px;padding:15px 20px;z-index:2}.dialog-bar strong{font-weight:500}.dialog-bar a{font-size:12px;margin-left:auto}.dialog-bar button{background:none;border:0;font-size:24px}dialog img{width:100%;display:block}@media(min-width:1700px){.hero-content{padding-top:100px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media(max-width:850px){header{height:74px;padding:0 5%}.brand{font-size:30px}nav{gap:22px;font-size:12px}.nav-cta{display:none}.hero{height:740px;min-height:0}.hero-content{width:90%;padding:65px 6%}.hero-art{background-position:65% center}.hero:after{background:linear-gradient(90deg,#f1f2e8ed,#f1f2e8a8 60%,#f1f2e81c),linear-gradient(0deg,#f5f2e9,transparent 40%)}h1{font-size:120px}.hero h2{font-size:26px;letter-spacing:2px}.vertical{right:5%;font-size:11px}.hero-description{font-size:13px}.hero-actions{gap:20px;align-items:start;flex-direction:column}.scroll{left:auto;right:6%}.intro-strip{padding:22px 5%}.intro-strip>span{display:none}.intro-strip p{font-size:14px;letter-spacing:0;width:100%;text-align:center}.intro-strip i{margin:0 10px}.section{padding:60px 5%}.section-heading{align-items:start;flex-direction:column;gap:18px;margin-bottom:30px}.section-heading h2{font-size:30px}.section-heading>p{margin:0;font-size:12px}.download-grid{grid-template-columns:1fr 1fr}.download-intro,.platform{padding:28px 20px}.platform:nth-child(3){border-left:0}.platform:nth-child(n+3){border-top:1px solid #bbb49a}.guide-layout{grid-template-columns:1fr;gap:28px}.guide-aside{min-height:230px}.guide-cover{background-size:100% auto;background-position:0 0}.guide-aside:after{background:linear-gradient(90deg,#103c34ea,transparent)}.guide-aside-copy{bottom:22px}.guide-aside-copy h3{font-size:30px;margin:8px 0}.guide-aside-copy p{margin:0}.resource-row{gap:15px}.resource-row span{font-size:10px}.tabs{gap:12px}.tabs button{font-size:14px}.benefit-top{align-items:start}.benefit-top h3{font-size:23px}.benefit-top .text-link{font-size:11px;white-space:nowrap}.closing h2{font-size:28px;letter-spacing:2px}.reward-block h4 span{display:block;margin:10px 0;font-size:10px}footer{gap:15px}footer p{font-size:10px;letter-spacing:1px}.dialog-bar{gap:10px;padding:12px}.dialog-bar strong{font-size:13px}}
/* Prominent original-image actions, anchored to the left of each section. */
.section-heading:has(.poster){display:block}
.poster{display:inline-flex;align-items:center;justify-content:center;gap:10px;margin-top:24px;padding:15px 25px;background:#123c34;color:#fff3d4;border:1px solid #b4995d;box-shadow:inset 0 0 0 3px #123c34,inset 0 0 0 4px #a58e58,0 4px 12px #123c3415;font-size:15px;font-weight:600;letter-spacing:1px;min-height:52px}
.poster:before{content:'▧';font-size:22px;line-height:1;color:#e1c485}
.poster:hover{background:#24594c;color:#fff3d4}
.benefit-top{flex-direction:column;align-items:flex-start;gap:0}
@media(max-width:850px){.poster,.benefit-top .poster{font-size:14px;padding:14px 22px;margin-top:20px}.section-heading:has(.poster){display:block}}
.group-link{display:block;margin-top:20px;width:100%;padding:12px;background:#123c34;border:1px solid #b4995d;color:#fff3d4;transition:background .2s}.group-link:hover{background:#24594c}.community{background:#e9ecdf}

@media(max-width:850px){.hero-title{gap:12px}.hero-title h1{font-size:100px;white-space:nowrap}}

.guide-cover{background-image:url('assets/guide-mountains.png');background-size:cover;background-position:center top;opacity:1}.guide-aside:after{background:linear-gradient(transparent 40%,#103c3433 70%,#103c3499)}@media(max-width:850px){.guide-cover{background-size:cover;background-position:center 30%}.guide-aside:after{background:linear-gradient(90deg,#103c34e6, #103c3444 70%,transparent)}}

header{justify-content:flex-start;gap:72px}@media(max-width:850px){header{gap:32px}}@media(max-width:420px){header{gap:20px}nav{gap:18px}}
/* Higher-contrast benefit tabs; preserve native tab interaction and content. */
.tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:580px;gap:12px;padding-bottom:12px}
.tabs button{background:#ead9ad;color:#123c34;border:1px solid #b08b48;border-bottom-width:3px;border-radius:4px;padding:15px 22px;font-size:16px;font-weight:700;letter-spacing:1px;transition:background .18s,color .18s,box-shadow .18s}
.tabs button[aria-selected=false]:hover{background:#dec385;color:#123c34}
.tabs button[aria-selected=true]{background:#a13c2b;color:#fff1cc;border-color:#782b20;box-shadow:0 4px 12px #a13c2b2b}
.tabs button:focus-visible{outline:3px solid #123c34;outline-offset:4px}
@media(max-width:600px){.tabs{gap:8px}.tabs button{padding:14px 8px;font-size:14px;letter-spacing:0}}
.download-help{display:flex;gap:32px;align-items:center;margin-top:28px;padding:28px;border:1px solid #bbb49a;background:#efeee3}.download-address{flex:1;min-width:0}.download-address h3{margin-top:0;font:24px KaiTi,STKaiti,serif}.download-address p{line-height:1.9;color:#687461}.download-address label{display:block;margin:18px 0 10px;font-size:12px}.copy-row{display:flex;gap:10px}.copy-row input{min-width:0;flex:1;width:100%;font:13px monospace;padding:12px;border:1px solid #b7bea7;background:#faf8ef;color:var(--ink)}.copy-row button{border:1px solid #b4995d;background:var(--ink);color:#fff3d4;padding:12px 18px;white-space:nowrap}.download-qr{margin:0;text-align:center;flex-shrink:0}.download-qr img{display:block;border:7px solid white;background:white}.download-qr figcaption{font-size:11px;margin-top:12px}.download-verification,#copy-status{font-size:11px}.apk-meta{overflow-wrap:anywhere}@media(max-width:600px){.download-help{flex-direction:column;align-items:stretch;padding:20px}.download-qr{align-self:center}.copy-row{flex-wrap:wrap}.copy-row input{flex-basis:100%}.copy-row button{width:100%}}@media(max-width:380px){header{gap:12px;padding-inline:4%}nav{gap:12px}.brand{font-size:26px;gap:5px}}
