@charset "UTF-8";
:root{--paper:#f6f3ea;--ink:#302b24;--muted:#746f63;--green:#477b3d;--green-dark:#2b5126;--pink:#e68eac;--line:#dedbcf;--wood:#29241f}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Helvetica Neue",Helvetica,"PingFang SC",Tahoma,"Hiragino Sans GB","Heiti SC",Arial,"Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;font-size:16px;line-height:1.8}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block;height:auto}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #d15887;outline-offset:5px}button{cursor:pointer}::selection{background:#f1c4d4;color:#302b24}.wrap{width:min(1180px,calc(100% - 64px));margin-inline:auto}.skip{position:fixed;top:-80px;left:20px;z-index:100;background:white;padding:10px}.skip:focus{top:10px}.site-header{height:84px;background:#faf8f0;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.header-row{height:100%;display:flex;align-items:center;gap:38px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand img{width:43px;height:43px;border-radius:9px}.brand strong{font-size:22px;letter-spacing:1px}.brand small{display:block;font-size:10px;letter-spacing:2px;color:var(--muted);line-height:1.2}.main-nav{display:flex;align-items:center;gap:28px;margin-left:auto;font-size:14px;font-weight:600}.main-nav a{padding-block:12px}.main-nav a:hover,.main-nav a[aria-current=page]{color:var(--green)}.button{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:50px;padding:10px 23px;border:2px solid var(--green-dark);border-radius:4px;background:var(--green);box-shadow:0 4px 0 var(--green-dark);color:#fff;font-size:15px;font-weight:700;line-height:1.5;transition:transform .15s,box-shadow .15s}.button:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--green-dark);background:#538c47}.button:active{transform:translateY(3px);box-shadow:0 1px 0 var(--green-dark)}.button i{font-size:20px;font-weight:400}.button.light{background:#fffdf5;color:var(--ink);border-color:#ccc5b2;box-shadow:0 4px 0 #ccc5b2}.button.light:hover{background:#fff}.button.small{min-height:42px;padding:8px 16px;font-size:13px}.menu-toggle{display:none;background:none;border:1px solid var(--line);width:44px;height:44px;font-size:22px}.hero{background:var(--wood);color:#fff7e8;position:relative;overflow:hidden}.hero:after{content:"";height:10px;position:absolute;bottom:0;left:0;right:0;background:repeating-linear-gradient(90deg,#477b3d 0 24px,#578b43 24px 48px,#375f30 48px 72px)}.hero-inner{position:relative;min-height:580px;display:grid;grid-template-columns:41% 59%;align-items:center;gap:0;padding-block:54px 64px}.hero-copy{position:relative;z-index:2;padding-right:24px}.eyebrow{font-size:13px;font-weight:600;display:flex;align-items:center;gap:9px;color:var(--green);margin:0 0 12px}.eyebrow:before{content:"";width:8px;height:8px;background:currentColor;box-shadow:3px -3px 0 #b7cb8a}.hero .eyebrow{color:#c4d89d}.hero h1{font-size:60px;line-height:1.2;margin:18px 0 12px;letter-spacing:3px}.hero-tagline{font-size:27px;line-height:1.5;margin:0 0 18px;font-weight:600}.hero-tagline span{color:#efabc4}.hero-description{font-size:15px;color:#c8c2b4;max-width:390px;line-height:1.95}.hero-actions{display:flex;gap:15px;margin-top:27px;flex-wrap:wrap}.hero .button.light{color:#e9e2d4;background:transparent;border-color:#746955;box-shadow:0 4px 0 #514837}.hero-guide{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:#bcb5a5;margin-top:24px;padding-block:4px}.hero-guide:hover{color:#fff}.hero-art{margin:0;position:relative;transform:rotate(-1deg);background:#171915;border:6px solid #78634c;box-shadow:10px 10px 0 #171512}.hero-art img{width:100%;height:auto}.hero-art:before{content:"方块世界 · 珍妮时刻";position:absolute;top:-23px;left:20px;background:var(--pink);color:#442a32;border:2px solid #322621;padding:4px 15px;font-size:12px;font-weight:700;transform:rotate(-3deg)}.hero-art figcaption{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#363025;font-size:12px;color:#d9cfb9}.hero-art figcaption i{color:#e998b6;margin-right:6px}.world-strip{border-bottom:1px solid var(--line);background:#ede9dc}.strip-row{display:flex;align-items:center;justify-content:space-between;padding-block:19px;color:#706b5c;font-size:13px}.strip-row span{display:flex;gap:10px;align-items:center}.strip-row i{color:var(--green);font-size:20px}.strip-row b{font-weight:600;color:#463e31}.intro{display:grid;grid-template-columns:38% 1fr;gap:80px;align-items:center;padding-block:70px}.portrait{position:relative;margin:0 18px 0 0;background:#e5e6d6;padding:12px;border:1px solid #d8d9c4;box-shadow:7px 7px 0 #dfdfce}.portrait img{width:100%}.portrait figcaption{position:absolute;bottom:25px;right:-25px;background:#fff9ea;padding:6px 18px;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);font-weight:700;transform:rotate(-3deg);font-size:13px}h2{font-size:30px;line-height:1.45;margin:0 0 20px}h3{line-height:1.5}.body-copy p{color:#6c675d;margin:15px 0;font-size:15px}.intro-topics{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);margin-top:23px;padding-top:20px;gap:16px}.intro-topics strong{display:block;font-size:14px;margin-bottom:4px}.intro-topics span{font-size:12px;color:var(--muted)}.intro-topics i{color:var(--green);margin-right:7px}.gallery-area{background:#eae7dc;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:52px}.section-lead{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:26px}.section-lead h2{margin-bottom:0}.section-lead p{font-size:13px;max-width:390px;color:var(--muted);margin:0 0 4px}.gallery-grid{display:grid;grid-template-columns:1.2fr 2fr;gap:22px;align-items:start}.game-shot{margin:0;background:#fffaf0;border:1px solid #d0cabc;padding:7px;box-shadow:0 3px 0 #d2ccbd}.image-link{display:block;position:relative;overflow:hidden}.image-link:after{content:"\ea13";font-family:remixicon;position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:32px;height:32px;background:#282820c9;color:white;opacity:0;transition:opacity .15s}.image-link:hover:after{opacity:1}.image-link img{width:100%;height:auto}.game-shot figcaption{padding:12px 8px 5px;display:flex;gap:12px;align-items:center;font-size:13px}.game-shot figcaption b{font-size:12px;color:var(--green)}.game-shot figcaption span{color:var(--muted);font-size:12px;margin-left:auto}.gallery-side{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.gallery-side .game-shot figcaption{padding-block:7px 2px}.gallery-note{color:#847d6d;font-size:12px;margin:20px 0 0}.start-area{padding-block:55px}.step-track{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);border:2px solid #d0cbbb;background:#fffcf3;margin:28px 0 22px;box-shadow:0 4px 0 #ded8c9}.step-track li{padding:24px;border-right:1px solid #ded8c9;position:relative}.step-track li:last-child{border:0}.step-index{font-size:12px;font-weight:700;background:#e8ecdd;color:var(--green);display:inline-block;line-height:32px;text-align:center;width:34px;border:1px solid #c9d3b7;margin-bottom:12px}.step-track h3{font-size:16px;margin:0 0 8px}.step-track p{font-size:13px;color:var(--muted);margin:0}.text-link{color:var(--green);font-size:14px;font-weight:700;display:inline-flex;align-items:center;gap:8px;min-height:44px}.text-link:hover{text-decoration:underline}.question-area{display:grid;grid-template-columns:30% 1fr;gap:70px;border-top:1px solid var(--line);padding-block:50px 65px}.question-intro p{font-size:14px;color:var(--muted)}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;padding:19px 36px 19px 0;position:relative;font-size:15px;font-weight:600}summary::-webkit-details-marker{display:none}summary:after{content:"+";position:absolute;right:8px;top:17px;font-size:22px;color:var(--green);font-weight:400}details[open] summary:after{content:"−"}details p{margin:0 25px 19px 0;font-size:14px;color:var(--muted);line-height:1.85}details p a{color:var(--green);text-decoration:underline}.closing{background:#dfe7cf;border-top:4px solid #718d4f;border-bottom:1px solid #bcc9a7}.closing-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:37px}.closing h2{font-size:25px;margin:0 0 7px}.closing p{font-size:13px;color:#647154;margin:0}.site-footer{background:var(--wood);color:#c1b9a9;padding:35px 0 26px;font-size:12px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-bottom:25px}.footer-brand{font-size:18px;color:#efe8dc;display:flex;align-items:center;gap:12px}.footer-brand img{width:34px;height:34px;border-radius:6px}.footer-nav{display:flex;gap:25px}.footer-nav a:hover{color:#fff}.footer-bottom{border-top:1px solid #4a4237;padding-top:20px;display:flex;justify-content:space-between;gap:35px;font-size:11px;color:#9d9587}.footer-bottom p{margin:0;max-width:650px}.back-top{position:fixed;right:20px;bottom:24px;width:44px;height:44px;border:1px solid #bfb9a9;background:#fffaf0;color:var(--green);z-index:20;font-size:22px}.back-top[hidden]{display:none}.image-dialog{padding:12px;background:#29241f;border:1px solid #766e5e;max-width:min(1100px,94vw);color:#fff;max-height:94dvh}.image-dialog::backdrop{background:#14130fe6}.image-dialog img{max-height:76dvh;width:auto;max-width:100%;margin:auto}.dialog-top{display:flex;align-items:center;justify-content:space-between;font-size:13px;margin-bottom:10px;gap:20px}.dialog-top button{background:#4a4237;border:1px solid #827866;color:#fff;min-height:44px;min-width:44px}.download-main{padding-top:27px}.breadcrumb{display:flex;gap:10px;color:var(--muted);font-size:12px;margin-bottom:27px}.breadcrumb a:hover{color:var(--green)}.download-title{display:flex;gap:40px;justify-content:space-between;align-items:center;margin-bottom:30px}.download-title h1{font-size:38px;line-height:1.4;margin:0 0 10px}.download-title p{font-size:14px;color:var(--muted);margin:0;max-width:660px}.download-mark{width:74px;height:74px;border:2px solid #c6ceb6;background:#e3e9d7;display:grid;place-items:center;color:var(--green);box-shadow:4px 4px 0 #c6ceb6;flex-shrink:0;font-size:34px}.download-choices{display:grid;grid-template-columns:1fr 1fr;gap:24px}.download-card{padding:28px 30px 25px;background:#fffdf6;border:2px solid #d2cfbf;box-shadow:0 5px 0 #ded9c9;position:relative}.download-card.android{border-color:#8da178}.download-card .platform-icon{height:50px;width:50px;border:1px solid #bbcda7;background:#e8efdc;display:grid;place-items:center;font-size:28px;color:var(--green)}.download-card.windows .platform-icon{background:#f4e5de;border-color:#dfc2b1;color:#946747}.card-top{display:flex;gap:17px;align-items:center;margin-bottom:18px}.card-top h2{font-size:23px;margin:0}.card-top p{font-size:12px;color:var(--muted);margin:3px 0 0}.download-card>p{font-size:14px;color:var(--muted);margin:0 0 22px}.download-card .button{width:100%;margin-bottom:13px}.download-card .card-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;color:var(--muted)}.download-card .text-link{font-size:12px}.download-tip{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:#786c54;background:#eee8d8;border:1px solid #ddd3be;padding:13px 18px;margin:25px 0 0}.download-tip i{color:#9a8352;font-size:19px}.guide-area{padding-block:52px}.guide-jumps{display:flex;gap:15px;margin:20px 0 30px}.guide-jumps a{font-size:13px;border:1px solid #cac6b6;padding:8px 17px;background:#fffcf2;min-height:44px}.guide-jumps a:hover{border-color:var(--green);color:var(--green)}.guide-layout{display:grid;grid-template-columns:210px 1fr;gap:35px;margin-bottom:36px}.guide-label{border-top:3px solid var(--green);padding-top:17px}.guide-label h3{font-size:20px;margin:0 0 8px}.guide-label p{font-size:13px;color:var(--muted);margin:0}.tutorial-steps{list-style:none;padding:0;margin:0;background:#fffdf6;border:1px solid #d7d2c4}.tutorial-steps li{display:flex;align-items:flex-start;gap:18px;padding:20px 24px;border-bottom:1px solid #e6e0d2}.tutorial-steps li:last-child{border-bottom:0}.tutorial-steps .step-index{flex-shrink:0;margin:2px 0 0}.tutorial-steps h4{font-size:15px;margin:0 0 4px}.tutorial-steps p{font-size:13px;color:var(--muted);margin:0}.tutorial-steps code{font-size:13px;background:#eeeadf;padding:1px 5px;color:#524b3d;overflow-wrap:anywhere}.guide-note{font-size:12px;color:#8b795a;border-left:3px solid #c2ad83;background:#eeeadf;padding:12px 16px;margin:15px 0 0}.package-branches{display:grid;gap:16px}.package-branch{background:#fffdf6;border:1px solid #d7d2c4;padding:21px 24px}.package-branch h4{margin:0 0 8px;font-size:15px;color:var(--green)}.package-branch p,.package-branch ol{font-size:13px;color:var(--muted);margin:6px 0}.package-branch ol{padding-left:20px}.package-branch li{padding-block:4px}.download-faq{padding-top:0}.return-link{display:inline-flex;gap:8px;align-items:center;font-size:13px;color:var(--green);min-height:44px}
@media(min-width:1600px){.hero-inner{min-height:610px}}
@media(max-width:1050px){.main-nav{gap:17px;font-size:13px}.header-row{gap:20px}.brand strong{font-size:20px}.brand small{display:none}.hero h1{font-size:50px}.hero-tagline{font-size:23px}.hero-inner{min-height:530px;grid-template-columns:44% 56%}.intro{gap:45px}.question-area{gap:40px}.strip-row{font-size:12px}.step-track li{padding:20px 16px}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.site-header{height:72px}.header-row{gap:12px}.brand{margin-right:auto}.brand img{width:38px;height:38px}.brand strong{font-size:19px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:72px;left:0;right:0;background:#faf8f0;padding:14px 20px 20px;border-bottom:1px solid var(--line);box-shadow:0 5px 10px #302b2412;flex-wrap:wrap;gap:8px 24px}.main-nav.is-open{display:flex}.main-nav a{min-height:44px}.hero-inner{grid-template-columns:1fr;gap:40px;padding-block:37px 45px;min-height:0}.hero-copy{padding:0}.hero h1{font-size:42px;margin:12px 0}.hero-tagline{font-size:24px;margin-bottom:10px}.hero-description{max-width:580px}.hero-art{transform:none;margin-inline:4px}.hero-actions{margin-top:22px}.hero-guide{margin-top:18px}.hero-art:before{left:auto;right:15px;font-size:11px}.strip-row{gap:12px;flex-wrap:wrap;padding-block:16px}.strip-row span:last-child{display:none}.intro{gap:35px;padding-block:48px;grid-template-columns:34% 1fr}.portrait{margin:0}.portrait figcaption{right:-15px;padding:4px 10px;font-size:11px}.intro-topics{grid-template-columns:1fr;gap:10px}.gallery-grid{gap:17px;grid-template-columns:1fr}.gallery-side{gap:16px}.game-shot figcaption{flex-wrap:wrap;gap:4px 8px}.game-shot figcaption span{margin:0;width:100%}.section-lead{align-items:flex-start;gap:20px}.section-lead p{max-width:310px}.step-track{grid-template-columns:1fr 1fr}.step-track li:nth-child(2){border-right:0}.step-track li:nth-child(-n+2){border-bottom:1px solid #ded8c9}.question-area{grid-template-columns:1fr;gap:10px;padding-block:40px}.question-intro p{margin-bottom:0}.closing h2{font-size:23px}.closing-row{padding-block:30px}.footer-bottom{display:block}.footer-bottom p+p{margin-top:12px}.download-choices{gap:18px}.download-card{padding:22px}.card-top{gap:12px}.card-top h2{font-size:21px}.guide-layout{grid-template-columns:165px 1fr;gap:25px}.download-title h1{font-size:34px}}
@media(max-width:560px){html{scroll-padding-top:88px}.wrap{width:calc(100% - 36px)}.site-header .button.small{font-size:12px;min-height:40px;padding:8px 12px}.brand{gap:8px}.brand img{width:34px;height:34px}.brand strong{font-size:17px}.header-row{gap:9px}.menu-toggle{width:40px;height:40px}.hero h1{font-size:38px}.hero-tagline{font-size:23px}.hero-description{font-size:14px}.hero-inner{gap:36px}.hero-actions .button{font-size:14px;padding-inline:20px;min-height:48px}.hero-art{margin-inline:0;border-width:4px;box-shadow:5px 5px 0 #171512}.hero-art figcaption{padding:9px 10px;font-size:10px}.hero-art figcaption span:last-child{font-size:9px}.strip-row{font-size:11px}.strip-row span{gap:7px}.strip-row i{font-size:17px}.intro{display:flex;flex-direction:column-reverse;gap:28px;padding-block:38px}.portrait{width:78%;align-self:center}.intro-topics{grid-template-columns:1fr 1fr}.intro-topics span{font-size:11px}.body-copy p{font-size:14px}h2{font-size:25px}.section-lead{display:block}.section-lead p{margin-top:12px;font-size:12px;max-width:none}.gallery-area{padding-block:36px}.gallery-grid{grid-template-columns:1fr;gap:16px}.gallery-side{grid-template-columns:1fr;gap:16px}.game-shot{padding:5px}.game-shot figcaption{padding:10px 8px 5px}.game-shot figcaption span{width:auto;margin-left:auto}.gallery-note{font-size:11px;line-height:1.9}.start-area{padding-block:37px}.step-track li{padding:19px 15px}.step-track h3{font-size:15px}.step-track p{font-size:12px}.question-area{padding-block:34px 40px}.question-intro h2{margin-bottom:10px}summary{font-size:14px;padding-block:17px}details p{font-size:13px}.closing-row{display:block;padding-block:29px}.closing h2{font-size:22px}.closing .button{margin-top:20px}.footer-top{align-items:flex-start;flex-direction:column;gap:20px;padding-bottom:22px}.footer-nav{gap:28px}.site-footer{padding-bottom:26px}.back-top{bottom:24px;right:12px;width:38px;height:38px}.download-main{padding-top:22px}.breadcrumb{margin-bottom:24px}.download-title{gap:20px;margin-bottom:26px}.download-title h1{font-size:30px}.download-title p{font-size:13px}.download-mark{width:48px;height:48px;font-size:24px}.download-choices{grid-template-columns:1fr;gap:23px}.download-card{padding:23px}.card-top h2{font-size:23px}.download-tip{padding:13px;font-size:12px}.guide-area{padding-block:38px}.guide-jumps{gap:10px;margin-bottom:24px}.guide-jumps a{font-size:12px;padding-inline:13px}.guide-layout{display:block;margin-bottom:30px}.guide-label{margin-bottom:17px;padding-top:12px}.guide-label h3{font-size:20px;margin-bottom:4px}.guide-label p{font-size:12px}.tutorial-steps li{padding:18px 16px;gap:13px}.tutorial-steps .step-index{width:28px;line-height:28px}.package-branch{padding:19px}.download-faq{padding-top:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}