*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:#fafbf6;color:#203d31;font-family:'Chakra Petch',-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}img{max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.12}button:focus-visible,a:focus-visible{outline:3px solid #6a9053;outline-offset:5px}[hidden]{display:none!important}.icon{width:18px;height:18px;flex-shrink:0;object-fit:contain}.invert{filter:invert(1)}.skip-link{position:absolute;top:-100px;left:20px;background:#fff;padding:12px;z-index:20}.skip-link:focus{top:10px}.loading{padding:100px 35px}.scene-hero{position:relative;height:min(810px,calc(100svh - 44px));min-height:620px;margin:24px 24px 0}.scene-window{position:absolute;inset:0;overflow:hidden;border-radius:10px;clip-path:polygon(0 0,43.7% 0,45.4% 4.8%,54.6% 4.8%,56.3% 0,100% 0,100% 95%,93% 95%,90.8% 100%,9.2% 100%,7% 95%,0 95%)}.scene-window picture,.scene-window picture>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 55%}.hero-nav{position:absolute;inset:22px 26px auto;display:flex;justify-content:space-between;align-items:center;z-index:2}.icon-button{width:47px;height:47px;background:#fff;display:grid;place-items:center;clip-path:polygon(0 0,76% 0,100% 24%,100% 100%,24% 100%,0 76%);border-radius:3px}.icon-button .icon{width:21px;height:21px}.nav-links{display:flex;align-items:center;gap:27px;color:#244b39;font-size:12px;font-weight:600}.dark-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:15px 23px;background:#214d39;color:white;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);border-radius:3px;font-size:12px;font-weight:600}.dark-button:hover{background:#356344}.dark-button .icon{width:15px;height:15px}.notch-brand{position:absolute;top:-9px;left:50%;transform:translateX(-50%);width:94px;height:46px;display:grid;place-items:center;z-index:3}.notch-brand>img{width:83px;height:45px;object-fit:contain;filter:grayscale(1) brightness(.36)}.scroll-cue{position:absolute;bottom:39px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:#fff;text-shadow:0 1px 4px #20302b;font-size:11px}.scroll-cue .icon{width:21px;height:21px}.section-wrap{max-width:1240px;padding:0 30px;margin-left:auto;margin-right:auto}.eyebrow{font-size:12px;font-weight:600;line-height:1.5;margin-bottom:18px}.story{padding-top:66px;text-align:center}.story>h2{font-size:clamp(38px,4.8vw,66px);font-weight:850;letter-spacing:-2px;line-height:1.2}.story>h2>span{color:#7c9268}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;text-align:left;margin-top:60px}.feature-card{position:relative;display:block;padding-bottom:8px;min-width:0}.feature-art{width:100%;aspect-ratio:4/3;object-fit:contain;display:block}.feature-copy{position:relative;background:#edf2e7;margin-top:-14px;padding:28px 24px 30px;clip-path:polygon(0 0,67% 0,75% 17px,100% 17px,100% calc(100% - 12px),65% calc(100% - 12px),59% 100%,40% 100%,34% calc(100% - 12px),0 calc(100% - 12px));min-height:222px}.feature-copy h3{font-size:29px;font-weight:800;letter-spacing:-.8px;line-height:1.16;margin-bottom:16px}.feature-copy p{font-size:13px;line-height:1.75;max-width:31em}.feature-copy>span{display:flex;align-items:center;gap:8px;font-size:11px;margin-top:15px}.feature-copy .icon{width:12px;height:12px}.feature-card:hover .feature-copy{background:#e2ebd8}.play{margin-top:110px;margin-bottom:105px}.play-heading{padding-left:15%;position:relative;z-index:2}.play h2{font-size:clamp(37px,4.5vw,60px);font-weight:850;letter-spacing:-2px;line-height:1.17}.play-layout{display:grid;grid-template-columns:1.45fr 1fr;gap:65px;align-items:center;margin-top:20px}.play-visual{position:relative;min-width:0;background:#f0f4e9;clip-path:polygon(0 0,15% 0,21% 7%,78% 7%,84% 0,100% 0,100% 94%,64% 94%,58% 100%,0 100%);padding:32px 20px 70px}.play-visual>img{width:100%;aspect-ratio:4/3;display:block;object-fit:contain;mix-blend-mode:multiply}.play-tabs{position:absolute;bottom:25px;left:0;right:0;display:flex;justify-content:center;gap:26px}.play-tabs button{padding:7px 12px;background:none;color:#63735d;border-bottom:2px solid transparent;font-size:13px;font-weight:600}.play-tabs [aria-selected=true]{color:#29513b;border-color:#29513b}.play-copy{padding-top:25px}.play-copy h3{font-size:36px;letter-spacing:-1px;line-height:1.2;font-weight:800}.play-copy p{max-width:320px;font-size:14px;line-height:1.85;margin:26px 0 27px}.line-link{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:600}.line-link .icon{width:14px;height:14px}.line-link:hover{text-decoration:underline;text-underline-offset:4px}.versions-section{background:#173d2e;color:#fff;margin:0 24px;padding:72px max(35px,calc((100vw - 1180px)/2)) 82px;clip-path:polygon(0 0,16% 0,19% 26px,82% 26px,85% 0,100% 0,100% calc(100% - 25px),84% calc(100% - 25px),81% 100%,20% 100%,17% calc(100% - 25px),0 calc(100% - 25px));border-radius:10px}.version-header{text-align:center}.version-header h2{font-size:54px;font-weight:800;letter-spacing:-1.8px;line-height:1.2}.version-header>p:last-child{font-size:13px;color:#c1cfb6;margin-top:22px}.version-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:48px}.version-grid>a{background:#254f3b;padding:38px;clip-path:polygon(0 0,36% 0,41% 14px,100% 14px,100% 100%,62% 100%,57% calc(100% - 14px),0 calc(100% - 14px));position:relative}.version-num{font-family:'Chakra Petch',sans-serif;font-size:86px;font-weight:700;line-height:1;letter-spacing:-4px;color:#d4dfa9}.version-grid h3{display:inline-block;font-size:28px;margin-left:15px}.version-grid p{color:#c9d5bf;font-size:13px;margin:20px 0 24px}.version-grid .line-link{font-size:11px}.news{margin-top:110px}.section-header{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:35px}.section-header .eyebrow{margin-bottom:14px}.section-header h2{font-size:43px;letter-spacing:-1.5px;font-weight:800}.section-header>.line-link{margin-bottom:7px;white-space:nowrap}.news-tabs{display:flex;gap:30px;border-bottom:1px solid #dce5d4}.news-tabs>button{border-bottom:2px solid transparent;background:none;padding:12px 4px;color:#64765e;font-size:13px}.news-tabs .selected{color:#203d31;border-color:#203d31;font-weight:650}.news-list{display:grid;grid-template-columns:1fr 1fr;column-gap:45px}.news-item{display:grid;grid-template-columns:34px minmax(0,1fr) auto 15px;gap:14px;align-items:center;padding:25px 0;border-bottom:1px solid #dce5d4;min-width:0}.news-kind{font-size:10px;font-weight:600;color:#65765e}.news-item h3{font-size:14px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:550}.news-item time{font-size:11px;color:#68785f}.news-item .icon{width:14px;height:14px}.guides{margin-top:95px}.guides-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.guide-image{position:relative;aspect-ratio:1.3;overflow:hidden;clip-path:polygon(0 0,100% 0,100% 91%,85% 91%,78% 100%,0 100%);border-radius:5px;background:#e8efdf}.guide-image>img{width:100%;height:100%;object-fit:cover;display:block}.guide-image>span{position:absolute;top:12px;left:12px;background:#fff;padding:4px 9px;font-size:10px;clip-path:polygon(0 0,calc(100% - 5px) 0,100% 5px,100% 100%,0 100%)}.guide-item h3{font-size:17px;line-height:1.45;font-weight:650;margin:18px 0 12px}.guide-item p{font-size:12px;color:#5d7059;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.guide-more{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:600;margin-top:18px}.guide-more .icon{width:12px;height:12px}.download-section{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center;margin-top:110px;margin-bottom:90px}.download-art>img{width:100%;aspect-ratio:1.2;object-fit:contain;display:block}.download-copy h2{font-size:63px;line-height:1.14;letter-spacing:-2px;font-weight:850}.download-copy>p:not(.eyebrow){font-size:13px;color:#5d7059;margin:24px 0 26px}.download-copy>.line-link{display:flex;font-size:11px;margin-top:22px}footer{margin:0 24px;background:#173d2e;color:#fff;padding:40px 45px 28px;display:flex;align-items:center;gap:32px;position:relative;overflow:hidden;flex-wrap:wrap;clip-path:polygon(0 20px,17% 20px,20% 0,100% 0,100% 100%,0 100%);border-radius:8px 8px 0 0}footer>div{margin-right:auto}footer b{font-size:17px;display:block}footer>div>span{font-size:11px;color:#bbcbb0;display:block;margin-top:9px}footer>a{font-size:11px;color:#d4dec9}.footer-mark{display:block;width:100%;font-size:clamp(80px,19vw,270px);font-weight:700;line-height:.9;letter-spacing:-10px;color:#39604a;margin-top:35px;text-align:center;user-select:none}.dialog-open{overflow:hidden}dialog{color:#203d31;border:0;padding:0;background:#fafbf6;box-shadow:0 20px 80px #0003}dialog::backdrop{background:#132c228a;backdrop-filter:blur(5px)}dialog .close-dialog{position:absolute;right:18px;top:18px;background:#eaf0e0;width:40px;height:40px}.close-dialog .icon{width:16px;height:16px}.menu-dialog{width:400px;max-width:calc(100% - 40px);height:calc(100svh - 48px);max-height:760px;margin:24px 0 0 24px;padding:38px 38px 35px;border-radius:6px}.menu-dialog>span{font-size:13px;display:block;margin-bottom:65px}.menu-dialog nav{display:flex;flex-direction:column;gap:15px;align-items:flex-start}.menu-dialog nav>a{font-size:30px;font-weight:800;line-height:1.4;padding:2px 7px}.menu-dialog nav>a:hover{background:#29543d;color:white;clip-path:polygon(0 0,95% 0,100% 100%,0 100%)}.menu-wiki{display:flex;align-items:center;gap:10px;font-size:12px;margin-top:38px}.menu-wiki .icon{width:13px;height:13px}
@media(min-width:1700px){.section-wrap{max-width:1440px}.scene-hero{max-width:1900px;margin-left:auto;margin-right:auto}.scene-hero{height:860px}.versions-section{padding-left:max(60px,calc((100vw - 1400px)/2));padding-right:max(60px,calc((100vw - 1400px)/2))}}
@media(max-width:1100px){.scene-hero{min-height:530px;height:72vw;max-height:720px}.feature-copy{padding:25px 18px 28px}.feature-copy h3{font-size:25px}.feature-copy p{font-size:12px}.play-layout{gap:35px}.play-copy h3{font-size:30px}.news-list{grid-template-columns:1fr}.news-item h3{font-size:15px}.guides-grid{grid-template-columns:1fr 1fr;gap:35px}.guide-image{aspect-ratio:1.6}.download-copy h2{font-size:52px}.version-grid h3{font-size:24px}.version-num{font-size:70px}.version-grid>a{padding:32px}}
@media(max-width:700px){html{scroll-padding-top:20px}.scene-hero{margin:14px 14px 0;height:auto;aspect-ratio:9/16;min-height:0;max-height:none}.scene-window{clip-path:polygon(0 0,29% 0,35% 5%,65% 5%,71% 0,100% 0,100% 96%,88% 96%,80% 100%,20% 100%,12% 96%,0 96%);border-radius:7px}.scene-window picture>img{object-fit:cover;object-position:center}.notch-brand{top:-6px;width:86px;height:40px}.notch-brand>img{width:68px;height:37px}.hero-nav{inset:14px 14px auto}.icon-button{width:41px;height:41px}.nav-links>a{display:none}.nav-links .dark-button{width:42px;height:42px;padding:0}.nav-links .dark-button>span{display:none}.scroll-cue{bottom:35px;font-size:10px;gap:8px}.scroll-cue .icon{width:20px;height:20px}.section-wrap{padding-left:24px;padding-right:24px}.story{padding-top:52px}.eyebrow{font-size:10px;margin-bottom:16px}.story>h2{font-size:34px;letter-spacing:-1.5px;line-height:1.23}.feature-grid{grid-template-columns:1fr;gap:34px;margin:35px auto 0;max-width:400px}.feature-art{aspect-ratio:1.3}.feature-copy{padding:25px 22px 30px;margin-top:-14px;min-height:190px}.feature-copy h3{font-size:29px}.feature-copy p{font-size:13px;max-width:32em}.feature-copy>span{font-size:11px}.play{margin-top:75px;margin-bottom:65px}.play-heading{padding:0}.play h2{font-size:36px;letter-spacing:-1px}.play-layout{grid-template-columns:1fr;gap:24px;margin-top:25px}.play-visual{padding:28px 15px 67px}.play-tabs{bottom:23px}.play-tabs button{font-size:12px}.play-copy{padding-top:0}.play-copy h3{font-size:30px;line-height:1.2}.play-copy p{max-width:none;margin:18px 0 20px;font-size:13px}.versions-section{margin:0 14px;padding:63px 22px 62px;clip-path:polygon(0 0,19% 0,26% 18px,78% 18px,85% 0,100% 0,100% calc(100% - 17px),83% calc(100% - 17px),76% 100%,24% 100%,17% calc(100% - 17px),0 calc(100% - 17px));border-radius:7px}.version-header h2{font-size:37px;letter-spacing:-1px}.version-header>p:last-child{font-size:12px}.version-grid{grid-template-columns:1fr;gap:20px;margin-top:30px}.version-grid>a{padding:30px}.version-num{font-size:75px}.version-grid h3{font-size:26px}.version-grid p{font-size:12px;margin:16px 0 20px}.news{margin-top:65px}.section-header{align-items:flex-start;gap:12px;margin-bottom:23px}.section-header h2{font-size:30px;letter-spacing:-1px}.section-header>.line-link{font-size:10px;margin-top:34px;gap:4px}.line-link .icon{width:12px;height:12px}.news-tabs{gap:27px}.news-tabs>button{font-size:12px}.news-item{grid-template-columns:29px minmax(0,1fr) auto;gap:8px;padding:21px 0}.news-item>.icon{display:none}.news-item h3{font-size:12px}.news-item time{font-size:9px}.news-kind{font-size:9px}.guides{margin-top:65px}.guides .section-header{flex-wrap:wrap;gap:10px}.guides .section-header>.line-link{margin-top:0}.guides-grid{gap:30px 17px}.guide-image{aspect-ratio:1.05}.guide-image>span{top:8px;left:8px;font-size:9px;padding:3px 7px}.guide-item h3{font-size:14px;margin:12px 0 8px;line-height:1.5}.guide-item p{font-size:11px}.guide-more{font-size:10px;margin-top:13px;gap:6px}.download-section{grid-template-columns:1fr;gap:24px;margin-top:70px;margin-bottom:60px}.download-art>img{aspect-ratio:1.3}.download-copy{padding:0 10px}.download-copy h2{font-size:48px}.download-copy>p:not(.eyebrow){font-size:12px;margin:20px 0 24px}.download-copy .dark-button{font-size:12px;padding:15px 25px}.download-copy>.line-link{font-size:10px}footer{margin:0 14px;padding:38px 24px 24px;gap:18px;border-radius:5px 5px 0 0}footer>div{width:100%;margin:0}footer b{font-size:16px}footer>div>span{font-size:10px}footer>a{font-size:10px}.footer-mark{font-size:21vw;letter-spacing:-4px;margin-top:15px}.menu-dialog{margin:14px;height:calc(100svh - 28px);width:calc(100% - 28px);max-width:400px;padding:33px 27px}.menu-dialog>span{margin-bottom:60px}.menu-dialog nav>a{font-size:29px}.menu-dialog nav{gap:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* 森境品牌：首屏保留留白与圆角，三端下载沿用统一的深色切角样式。 */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.scene-hero{margin:28px 28px 0;max-width:none;height:min(810px,calc(100svh - 56px));min-height:620px}
.scene-window{border-radius:14px}
.notch-brand{top:-7px;width:56px;height:46px}
.notch-brand>img{width:42px;height:42px;filter:none;object-fit:contain}
.scene-window::after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(12,32,29,.36));pointer-events:none}
.hero-downloads{position:absolute;bottom:max(140px,22%);left:50%;transform:translateX(-50%);display:flex;gap:16px;z-index:4;scroll-margin-top:40vh}
.download-dropdown{position:relative;min-width:206px}
.btn-download-main{width:100%;min-height:54px;display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 20px;border:0;border-radius:4px;background:#214d39;color:#fff;font-size:13px;font-weight:550;white-space:nowrap;clip-path:polygon(0 0,calc(100% - 11px) 0,100% 11px,100% 100%,8px 100%,0 calc(100% - 8px));transition:background .18s}
.btn-download-main:hover,.is-open .btn-download-main{background:#356344}
.btn-download-main:focus-visible{outline:0;box-shadow:inset 0 0 0 3px #cadb9d}
.btn-download-main>.icon{filter:invert(1);width:18px;height:18px}
.btn-download-main>.download-chevron{width:11px;height:11px;margin-left:5px;transition:transform .18s}
.is-open .download-chevron{transform:rotate(180deg)}
.download-choices{position:absolute;top:100%;left:0;right:0;padding-top:5px;isolation:isolate}
.download-choices::before{content:"";position:absolute;inset:5px 0 0;background:#214c38;border:1px solid #ffffff18;border-radius:4px;z-index:-1;box-shadow:0 8px 20px #0002}
.download-choices>a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:45px;padding:11px 18px;font-size:13px;color:#fff}
.download-choices>a+a{border-top:1px solid #ffffff26}
.download-choices>a .icon{width:14px;height:14px;filter:invert(1)}
.download-choices>a:hover,.download-choices>a:focus-visible{background:#ffffff12;border-radius:3px}
.scroll-cue{bottom:34px}
.footer-logo{display:block;width:300px;filter:none;background:none;padding:0}
.menu-logo{display:block;width:280px}

@media(min-width:701px) and (max-width:1100px){.scene-hero{min-height:530px;height:72vw;max-height:720px}.hero-downloads{gap:16px}.download-dropdown{min-width:190px}.btn-download-main{padding-left:13px;padding-right:13px;font-size:13px}}
@media(max-width:700px){
 .scene-hero{margin:16px 16px 0;height:auto;aspect-ratio:9/16;min-height:0;max-height:none}
 .scene-window{border-radius:9px}
 .notch-brand{top:-6px;width:48px;height:38px}.notch-brand>img{width:34px;height:34px}
 .hero-downloads{top:max(calc(100% - 264px),60%);bottom:auto;width:min(226px,calc(100% - 44px));flex-direction:column;gap:8px}
 .scene-hero:has(.is-open) .scroll-cue{visibility:hidden}
 .download-dropdown{min-width:0;width:100%}
 .btn-download-main{min-height:44px;padding:9px 16px;font-size:13px;justify-content:flex-start;gap:13px}
 .btn-download-main>.download-chevron{margin-left:auto}
 .download-choices{position:relative;top:auto;padding-top:4px}.download-choices::before{top:4px}
 .download-choices>a{min-height:44px;padding:10px 16px;font-size:12px}
 .scroll-cue{bottom:27px;gap:6px}
 .footer-logo{width:260px}.menu-logo{width:280px}
}
@media(prefers-reduced-motion:reduce){.download-chevron,.btn-download-main{transition:none}}

@media(max-width:360px){.scene-hero:has(.is-open){margin-bottom:64px}.scroll-cue{bottom:11px;gap:3px;font-size:9px}.scroll-cue .icon{width:16px;height:16px}}

/* 两层森境字标保留足够显示尺寸，副标题可读。 */
.menu-dialog>span{margin-bottom:32px}

/* 森境配色：暖白留白、松绿结构、苔绿层次与少量暖金。 */
:root{--forest-paper:#fafbf6;--forest-ink:#203d31;--forest-pine:#214d39;--forest-moss:#edf2e7;--forest-gold:#c4aa69}
.icon-button,.skip-link,.guide-image>span{background:var(--forest-paper)}
.notch-brand>img{mix-blend-mode:normal}
.nav-links>a{color:#fffdf3;text-shadow:0 1px 5px #153622,0 0 12px #153622}
.eyebrow{color:#667d4e;letter-spacing:.08em}
.versions-section .eyebrow,.download-choices .eyebrow{color:#ccdaaf}
.feature-art,.download-art>img{mix-blend-mode:multiply}
.feature-copy p,.play-copy p{color:#566c50}
.feature-copy>span,.guide-more,.line-link{color:#315b3d}
.version-grid .line-link{color:#edf2df}
.version-grid>a{transition:background .18s}
.version-grid>a:hover{background:#305d43}
.version-num{color:#d6dca8}
.news-kind{color:#496a3e}
.news-item:hover h3,.guide-item:hover h3{color:#547b38}
.news-tabs .selected{border-color:#78924e}
.menu-wiki{color:#476b3b}
.guide-image>img[src*="forest-guide-assassin"],.guide-image>img[src*="forest-guide-swordsman"]{object-position:center 20%}
.btn-download-main{box-shadow:inset 0 1px 0 #ffffff22}
.download-choices>a:hover,.download-choices>a:focus-visible{background:#486e473d}
@media(prefers-reduced-motion:reduce){.version-grid>a{transition:none}}

.news-item h3{font-size:17px}
@media(max-width:700px){.news-item h3{font-size:14px}}