/* 首屏占满可视区域，连接轮廓之间仍保留暖白间隔。 */
.scene-hero{height:calc(100svh - 56px);min-height:0;max-height:none;aspect-ratio:auto}
.hero-domain{display:block;font-size:12px;font-weight:600;color:#fffdf1;text-shadow:0 1px 4px #173d2e;margin-top:7px;letter-spacing:.09em}
.scene-window picture>img{object-position:center 30%;transform:scale(var(--hero-zoom,1));transform-origin:center}
.versions-section{--seam-depth:40px;--seam-gap:18px;margin:calc(var(--seam-gap) - var(--seam-depth)) 28px 0;padding:calc(var(--seam-depth) + 32px) clamp(28px,4vw,64px) 36px;clip-path:none;border-radius:0;position:relative}
.version-header{max-width:1440px;margin:0 auto 28px}
.edition-list{max-width:1440px;margin:auto;display:grid;gap:22px}
.edition-row{min-height:440px;position:relative;isolation:isolate;overflow:hidden;border-radius:12px;background:#17392a;display:flex;align-items:center}
.edition-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transform:scale(var(--zoom,1));will-change:transform}
.edition-row::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#102e25ed 0%,#102e25b8 38%,#102e2520 68%,transparent);z-index:-1}
.edition-37{justify-content:flex-end}
.edition-37::before{background:linear-gradient(270deg,#102e25ed 0%,#102e25b8 38%,#102e2520 68%,transparent)}
.edition-content{width:54%;padding:35px clamp(26px,4vw,58px);color:#fffdf2}
.edition-label{display:flex;gap:16px;align-items:baseline;margin-bottom:14px}
.edition-label>span{font-size:56px;font-weight:700;line-height:1;color:#e0d9a5;letter-spacing:-2px}
.edition-label>b{font-size:17px;font-weight:500}
.edition-content h3{font-size:31px;line-height:1.3;letter-spacing:-.5px}
.edition-content p{font-size:13px;line-height:1.9;color:#e1e9d8;margin-top:18px;max-width:440px}
.edition-content ul{display:flex;flex-wrap:wrap;gap:8px 15px;list-style:none;margin:19px 0 24px;padding:0;color:#e7dfb0;font-size:11px}
.edition-content li{border-bottom:1px solid #dfdaa04d;padding-bottom:4px}
.edition-link{display:inline-flex;align-items:center;gap:15px;font-size:12px;padding:10px 0;border-bottom:1px solid #f4efcb8c}
.edition-link .icon{width:14px;height:14px}
.edition-link:hover{color:#e7dfb0}
.site-footer .footer-wordmark{font-size:27px;letter-spacing:0}
.motion-enabled .edition-row{clip-path:inset(0 3% round 12px);transform:translateY(24px) scale(.975);transition:clip-path .85s cubic-bezier(.2,.7,.2,1),transform .85s cubic-bezier(.2,.7,.2,1)}
.motion-enabled .edition-row.is-revealed{clip-path:inset(0 round 12px);transform:translateY(0) scale(1)}
@media(min-width:701px) and (max-height:650px){.hero-identity{width:280px;top:6%}.hero-downloads{bottom:24%}.hero-meta{bottom:46px}.hero-domain{font-size:10px;margin-top:3px}.hero-identity>p{font-size:10px}.scroll-cue{bottom:8px}}
@media(max-width:1100px){.edition-content{width:60%;padding:30px}.edition-row{min-height:420px}.edition-content h3{font-size:27px}.edition-label>span{font-size:48px}.version-header>p:last-child{max-width:230px}}
@media(max-width:700px){
 .scene-hero{height:calc(100svh - 32px);min-height:0;max-height:none;aspect-ratio:auto}
 .hero-domain{font-size:10px;margin-top:5px}
 .scene-window picture>img{object-position:center}
 .versions-section{--seam-gap:14px;margin:calc(var(--seam-gap) - var(--seam-depth)) 16px 0;padding:calc(var(--seam-depth) + 23px) 14px 20px}
 .version-header{padding:0 8px;margin-bottom:23px}.version-header h2{font-size:25px}
 .edition-list{gap:16px}.edition-row{display:block;min-height:0;padding-top:190px;border-radius:9px}
 .edition-background{height:310px;object-position:80% center;transform-origin:center top}
 .edition-37 .edition-background{object-position:20% center}
 .edition-row::before,.edition-37::before{background:linear-gradient(0deg,#153b2b 0%,#153b2b 42%,#153b2be6 60%,transparent 90%)}
 .edition-content{width:100%;padding:20px 22px 26px}.edition-label{margin-bottom:12px}.edition-label>span{font-size:44px}.edition-label>b{font-size:16px}
 .edition-content h3{font-size:26px}.edition-content p{font-size:12px;margin-top:14px;line-height:1.85}
 .edition-content ul{font-size:10px;gap:8px 12px;margin:16px 0 19px}.edition-link{font-size:11px}
 .site-footer .footer-wordmark{font-size:25px}
}
@media(max-width:700px) and (max-height:600px){.hero-identity{top:13%;width:175px}.hero-identity>p{font-size:8px}.hero-domain{font-size:9px}.hero-downloads{top:55%;gap:5px}.btn-download-main{min-height:38px;padding:6px 12px}.scroll-cue{bottom:10px}}
@media(prefers-reduced-motion:reduce){.edition-row,.motion-enabled .edition-row{transition:none;transform:none;clip-path:none}.edition-background,.scene-window picture>img{transform:none!important;will-change:auto}}

/* 新闻和攻略紧随首屏，版本区的底边与页脚以白带分隔。 */
.versions-section{margin:36px 28px 0;padding:40px clamp(28px,4vw,64px) 72px}
footer.site-footer{--seam-depth:32px;margin:calc(18px - var(--seam-depth)) 28px 0;padding-top:calc(var(--seam-depth) + 40px);border-radius:0}
@media(max-width:700px){
 .versions-section{margin:28px 16px 0;padding:28px 14px 48px}
 footer.site-footer{--seam-depth:22px;margin:calc(14px - var(--seam-depth)) 16px 0;padding-top:calc(var(--seam-depth) + 28px)}
}

/* 版本介绍使用春日浅色，与深绿页脚形成层次。 */
.versions-section{background:#e8eedf;color:#254936}
.versions-section .eyebrow{color:#546c40}
.version-header>p:last-child{color:#53674a}
.edition-row{background:#f5f7eb}
.edition-row::before{background:linear-gradient(90deg,#f5f7eb 0%,#f5f7ebf5 32%,#f5f7ebd9 46%,#f5f7eb30 67%,transparent 80%)}
.edition-37::before{background:linear-gradient(270deg,#f5f7eb 0%,#f5f7ebf5 32%,#f5f7ebd9 46%,#f5f7eb30 67%,transparent 80%)}
.edition-content{color:#234a34}
.edition-label>span{color:#537b43}
.edition-content p{color:#405741}
.edition-content ul{color:#4e633b}
.edition-content li{border-color:#83996a70}
.edition-link{border-color:#5b785b80}
.edition-link:hover{color:#547b35}
.edition-link .icon{filter:none}
@media(max-width:700px){
 .edition-row::before,.edition-37::before{background:linear-gradient(0deg,#f5f7eb 0%,#f5f7eb 42%,#f5f7ebed 58%,#f5f7eb20 85%,transparent 95%)}
}

/* 顶部快捷导航使用实色浅底，确保森林亮暗背景上的可读性。 */
.hero-nav .nav-links{gap:10px}
.hero-nav .nav-links>a{display:inline-flex;align-items:center;min-height:44px;padding:0 17px;background:#f5f7eb;color:#234a34;font-size:13px;font-weight:650;border:1px solid #dce5cf;border-radius:6px;text-shadow:none;box-shadow:0 2px 8px #173d2e12}
.hero-nav .nav-links>a:hover{background:#e3ecd6;color:#193d28}
@media(max-width:700px){.hero-nav .nav-links>a{display:none}}

.hero-latest .letter-label{display:inline-flex;align-items:center;gap:7px}
.letter-envelope{width:17px;height:17px;flex-shrink:0;transform-origin:center}

/* 桌面双版本采用镜像对齐，手机保留连续阅读方向。 */
@media(min-width:701px){
 .edition-37 .edition-content{text-align:right}
 .edition-37 .edition-label,.edition-37 .edition-content ul{justify-content:flex-end}
 .edition-37 .edition-content p{margin-left:auto}
}
/* 两张版本卡片采用镜像斜切圆角与浅金绿描边。 */
.edition-frame{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2;fill:none;stroke:#a5b386;stroke-opacity:.7;stroke-width:1}
.motion-enabled .edition-row{transition:transform .85s cubic-bezier(.2,.7,.2,1)}
.profession-section{padding:60px clamp(22px,4vw,60px) 70px;background:#fafbf6;color:#254b36}.profession-heading{margin-bottom:30px}.profession-heading h2{font-size:clamp(28px,3vw,42px);line-height:1.3;margin:12px 0 18px}.profession-heading>p:last-child{font-size:14px;color:#71835e}.profession-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.profession-card{overflow:hidden;border-radius:14px;background:#eef2e5;border:1px solid #dce5cf;display:flex;flex-direction:column}.profession-card>img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center 28%}.profession-card>div{padding:26px;display:flex;flex-direction:column;flex:1}.profession-card span{font-size:11px;letter-spacing:.09em;color:#708552}.profession-card h3{font-size:28px;margin:10px 0 16px}.profession-card p{font-size:14px;line-height:1.9;color:#617653;margin:0 0 25px}.profession-card a{margin-top:auto;padding-top:16px;border-top:1px solid #d3ddc5;font-size:13px;font-weight:600}@media(max-width:700px){.profession-grid{grid-template-columns:1fr;gap:24px}.profession-section{padding:36px 18px 44px}.profession-card>div{padding:22px}}
/* 职业区与版本卡片共用内容边界，原角色配简洁底色。 */
.profession-section{margin:0 28px;padding:52px clamp(28px,4vw,64px) 64px}
.profession-heading,.profession-grid{max-width:1440px;margin-left:auto;margin-right:auto}
.profession-card>img{height:320px;aspect-ratio:auto;object-fit:contain;object-position:center;padding:24px;background:#fff;mix-blend-mode:multiply}
.profession-card{background:#f1f4e9}
@media(max-width:700px){.profession-section{margin:0 16px;padding:32px 14px 44px}.profession-card>img{height:280px;padding:22px}}
.profession-card{background:#f5f1e7;border-color:#e2dccb}
.profession-card:nth-child(2){background:#eef0f1;border-color:#dce1df}
.profession-card:nth-child(3){background:#f4f0df;border-color:#e3dec6}
/* 职业卡片的异形轮廓与版本区呼应，中间一张镜像。 */
.profession-card{position:relative;border:0;border-radius:0}
.profession-frame{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#a8ac8e;stroke-opacity:.65;stroke-width:1;pointer-events:none}
/* 重绘场景图使用完整画面，与下方简洁文字区分层。 */
.profession-card>img{height:auto;aspect-ratio:4/3;object-fit:cover;object-position:center;padding:0;background:transparent;mix-blend-mode:normal}
@media(max-width:700px){.profession-card>img{height:auto;padding:0}}
/* 攻略区之后沿用首页模块间距。 */
#guides + .versions-section{margin-top:60px}
@media(max-width:700px){#guides + .versions-section{margin-top:42px}}