*{box-sizing:border-box;touch-action:manipulation}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#f3f0e5;color:#263b2e;font-family:"PingFang SC","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}header,main,footer{width:min(1200px,calc(100% - 64px));margin:auto}header{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d8ddcf;gap:16px}.back{font-size:13px}.brand{font-family:monospace;font-size:20px;letter-spacing:2px}.brand b{color:#5a7a3c}.edition,.mini-label,.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700}.edition{border:1px solid #b8c4ad;padding:8px 12px}.hero{display:grid;grid-template-columns:43% 57%;padding:52px 0 42px;align-items:center}.eyebrow{color:#627b49;margin:0 0 16px}h1{font-size:64px;letter-spacing:-3px;line-height:1.2;margin:0}h1 span{display:block;font-size:25px;letter-spacing:1px;margin-top:16px}.intro{color:#71806d;font-size:15px;line-height:1.95;margin:23px 0}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:48px;border:2px solid #29452c;padding:12px 22px;font-weight:650;font-size:14px;cursor:pointer;box-shadow:4px 4px 0 #263b2e}.primary{background:#547d3d;color:#fff}.button:hover{background:#3e652e}.button:active{transform:translate(2px,2px);box-shadow:2px 2px 0 #263b2e}:focus-visible{outline:3px solid #b5792d;outline-offset:5px}.hero-note{font-size:11px;color:#77856e;margin-top:21px;letter-spacing:3px}.scene{height:360px;background:#9fc8b0 url(landscape.svg) center/cover;border:6px solid #fff9e9;outline:1px solid #d1d7c4;box-shadow:10px 10px 0 #dce0d0;position:relative;image-rendering:pixelated}.scene-label{position:absolute;top:20px;left:20px;font:11px monospace;letter-spacing:2px;background:#f8f4e3d9;padding:9px}.scene-caption{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;gap:12px;padding:15px;background:#263b2ee8;color:#f7f4df;font-size:11px}.server{background:#fffdf5;border:1px solid #ced5c1;border-top:5px solid #6b8a48;padding:30px 34px;box-shadow:0 5px 0 #e2e4d6}.server-heading{display:flex;align-items:center;gap:16px}.server-heading .eyebrow{margin-bottom:7px;font-size:10px}h2{font-size:22px;margin:0}.block-icon{display:grid;place-items:center;background:#e0e9cb;width:48px;height:48px;font-size:32px;color:#59783f}.badge{font-size:11px;padding:7px 10px;background:#e9eddd;color:#5a6f49;white-space:nowrap}.server-heading>.badge{margin-left:auto}.address-row{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#eef0e4;border:1px solid #d9dfcb;padding:22px 24px;margin-top:25px}.address-row>div{min-width:0;flex:1}label{display:block;font-size:11px;color:#6d7a61;margin-bottom:8px}input{display:block;width:100%;padding:0;border:0;background:transparent;color:#293f2e;font:700 clamp(18px,2.6vw,30px) monospace;letter-spacing:-.5px}.status{font-size:12px;color:#748067;min-height:20px;line-height:1.7;margin:14px 0 24px}.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;border-top:1px dashed #d3d9c5;padding-top:23px}.facts span{display:block;color:#78816e;font-size:11px;margin-bottom:9px}.facts strong{font-size:14px}.facts .pending{color:#8b8974;font-weight:400}.guide{padding:48px 0 32px}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:23px}.section-title .eyebrow{font-size:10px;margin-bottom:9px}.section-title>span{font-size:12px;color:#849077}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.steps article{padding:26px;background:#e9ecdf;border:1px solid #d5dcc8}.step-number{font:26px monospace;color:#86976e}h3{font-size:18px;margin:20px 0 10px}.steps p,.notice p{font-size:13px;line-height:1.9;color:#6a7860;margin:0 0 20px}.download,.placeholder{display:block;width:100%;font-size:12px;padding:12px 8px;border:1px dashed #bcc7a9;background:#e0e5d4;text-align:center;color:#6f7962;line-height:1.5}.download{border-style:solid;background:#547d3d;color:#fff;font-weight:650}.download:hover{background:#3e652e}.steps small{font-size:10px;color:#78846d;display:block;margin-top:8px;text-align:center}.ready{color:#466037;background:#dce6cb}.bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:48px}.notice{border:1px solid #d2d5c3;padding:28px}.mini-label{color:#879473;font-size:10px;margin:0}.bottom-grid h2{font-size:20px;margin:13px 0}.notice p{max-width:34em}.inventory{background:#2b4032;padding:28px;color:#f2eedb}.inventory .mini-label{color:#b5c49e}.slots{display:flex;gap:7px;margin-top:23px}.slots>span{width:49px;height:49px;border:3px solid #8b977c;box-shadow:inset 3px 3px #18291f;display:grid;place-items:center;background:#42553e;font-size:28px}.slots>span:nth-child(2){border-color:#e8e4ca}.slots svg{width:29px;height:29px;image-rendering:pixelated}.grass{color:#afd174}.heart{color:#ed8a75}.slots .empty{color:#829475;font-size:20px}footer{border-top:1px solid #d8ddcf;padding:23px 0 30px;display:flex;justify-content:space-between;gap:18px;font-size:10px;color:#839078;line-height:1.8}@media(max-width:900px){h1{font-size:48px}h1 span{font-size:20px}.scene{height:340px}.hero{gap:24px;grid-template-columns:42% 1fr}.steps article{padding:20px}.scene-caption>span:last-child{display:none}}@media(max-width:650px){header,main,footer{width:calc(100% - 36px)}header{height:72px}.edition{display:none}.brand{font-size:15px}.hero{grid-template-columns:1fr;padding:32px 0;gap:20px}h1{font-size:48px}.hero-copy{padding:0 4px}.hero-note{display:none}.scene{height:245px;margin-right:7px}.server{padding:22px 18px}.server-heading{gap:10px}.server-heading h2{font-size:18px}.server-heading>.badge{display:none}.block-icon{flex-shrink:0;width:38px;height:38px}.address-row{align-items:stretch;flex-direction:column;padding:17px;gap:18px}.address-row .button{justify-content:center}input{font-size:clamp(16px,5.2vw,25px)}.facts{grid-template-columns:1fr 1fr;row-gap:24px}.section-title>span{display:none}.steps,.bottom-grid{grid-template-columns:1fr}.steps article{padding:23px}.guide{padding-top:36px}.bottom-grid{gap:18px;margin-bottom:32px}footer{flex-direction:column;gap:4px}.slots>span{width:45px;height:45px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
