/* 首尾版式：品牌与游戏下载成组，页脚使用实际导航替代大字占位。 */
body{padding-bottom:28px}
.hero-identity{position:absolute;left:50%;top:12%;bottom:auto;transform:translateX(-50%);width:440px;text-align:center;z-index:1}
.hero-identity>img{display:block;width:100%;filter:drop-shadow(0 3px 8px #12332470)}
.hero-identity>p{display:inline-flex;align-items:center;background:#153d2dbd;border-radius:3px;padding:3px 10px;font-size:12px;font-weight:600;color:#fffdf0;text-shadow:0 1px 5px #142c1c;letter-spacing:.12em;margin-top:-4px}
.hero-identity>p>span{margin:0 13px;color:#e0d7b1}
.hero-meta{position:absolute;left:44px;right:44px;bottom:63px;display:flex;align-items:center;justify-content:space-between;gap:36px;border-top:1px solid #f8ffde4d;padding-top:14px;color:#fffdf1;text-shadow:0 1px 5px #173b26;font-size:12px;z-index:2}
.hero-latest{display:flex;align-items:center;gap:16px;min-width:0;max-width:65%}
.hero-latest>span{flex-shrink:0;color:#e2e8c4;font-size:11px}
.hero-latest>b{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hero-meta .icon{width:13px;height:13px}
.hero-shortcuts{display:flex;gap:25px;flex-shrink:0}
.hero-shortcuts>a{display:inline-flex;align-items:center;gap:7px}
.hero-meta a:hover{text-decoration:underline;text-underline-offset:4px}
.scroll-cue{bottom:18px;gap:3px;font-size:10px}
.scene-window::after{inset:45% 0 0;background:linear-gradient(transparent,rgba(12,38,25,.58))}

footer.site-footer{display:block;margin:90px 28px 0;padding:58px 48px 24px;border-radius:14px;clip-path:polygon(0 18px,17% 18px,20% 0,100% 0,100% 100%,0 100%);color:#f7faef;background:#173d2e}
.site-footer>div{margin:0}
.footer-main{display:grid;grid-template-columns:1.1fr 1.25fr 1fr;gap:clamp(32px,4vw,72px);align-items:start;max-width:1450px;margin:0 auto!important}
.footer-logo{width:270px;max-width:100%;margin:-17px 0 0 -12px}
.footer-brand>p{font-size:12px;line-height:1.9;color:#c3d2b8;margin:10px 0 20px}
.footer-top{display:inline-flex;align-items:center;gap:8px;font-size:11px;color:#e0e5c9}
.footer-top .icon{width:12px;height:12px}
.footer-navigation{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding-top:8px}
.footer-navigation nav{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.footer-navigation h2{font-size:13px;font-weight:600;color:#d4dda7;margin-bottom:7px;line-height:1.5}
.footer-navigation a{font-size:12px;color:#e3ebdc}
.footer-navigation a:hover,.footer-bottom a:hover,.footer-top:hover{color:#fff;text-decoration:underline;text-underline-offset:5px}
.footer-invite{border-radius:8px;overflow:hidden;background:#284e39;align-self:start}
.footer-invite>img{width:100%;height:137px;object-fit:cover;object-position:center 47%;display:block}
.footer-invite>div{padding:17px 18px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.footer-invite p{font-size:12px;color:#e3ebd7}
.footer-invite .dark-button{background:#e1e7c7;color:#24432e;font-size:11px;padding:10px 14px;gap:8px}
.footer-invite .dark-button:hover{background:#f5f7e3}
.footer-bottom{max-width:1450px;margin:32px auto 0!important;padding-top:20px;border-top:1px solid #aebf8c40;display:flex;align-items:center;gap:22px}
.site-footer .footer-wordmark{font-size:29px;line-height:1;font-weight:700;letter-spacing:.02em;color:#8fa57f;margin:0}
.site-footer .footer-signoff{font-size:10px;color:#b6c7a9;margin:0}
.footer-bottom>div{margin-left:auto;display:flex;gap:22px}
.footer-bottom a{display:inline-flex;align-items:center;gap:7px;font-size:10px;color:#bbccb0}
.footer-bottom .icon{width:11px;height:11px}

@media(min-width:1700px){.scene-window picture>img{object-position:center 25%}}
@media(min-width:701px) and (max-width:1100px){
 .hero-identity{width:360px}
 .hero-meta{left:28px;right:28px;font-size:11px;gap:24px}
 footer.site-footer{padding:48px 30px 22px}
 .footer-main{grid-template-columns:1fr 1.2fr 1fr;gap:28px}
 .footer-logo{width:230px}
 .footer-brand>p{font-size:11px}
 .footer-navigation{gap:20px}
 .footer-invite>img{height:120px}
}
@media(max-width:700px){
 body{padding-bottom:16px}
 .hero-identity{top:11%;bottom:auto;width:260px;max-width:78%;z-index:1}
 .hero-identity>p{font-size:10px;margin-top:-5px;letter-spacing:.05em}
 .hero-identity>p>span{margin:0 8px}
 .hero-meta{display:none}
 .scroll-cue{bottom:27px;gap:6px}
 footer.site-footer{margin:58px 16px 0;padding:43px 24px 22px;border-radius:9px;clip-path:polygon(0 13px,17% 13px,23% 0,100% 0,100% 100%,0 100%)}
 .footer-main{grid-template-columns:1fr;gap:29px}
 .footer-logo{width:240px;margin:-15px auto -5px}
 .footer-brand{text-align:center}
 .footer-brand>p{font-size:11px;margin:8px 0 13px}
 .footer-top{font-size:10px}
 .footer-navigation{padding:23px 0 0;border-top:1px solid #aebf8c40;gap:30px}
 .footer-navigation h2{font-size:12px;margin-bottom:4px}
 .footer-navigation nav{gap:12px}
 .footer-navigation a{font-size:12px}
 .footer-invite>img{height:127px;object-position:center 43%}
 .footer-invite>div{padding:16px;gap:10px}
 .footer-invite p{font-size:11px}
 .footer-bottom{flex-wrap:wrap;justify-content:space-between;gap:14px 10px;margin-top:27px!important;padding-top:20px}
 .site-footer .footer-wordmark{font-size:24px}
 .site-footer .footer-signoff{font-size:9px}
 .footer-bottom>div{margin:0;justify-content:space-between;width:100%}
 .footer-bottom a{font-size:10px}
}
@media(max-width:360px){
 .hero-identity{top:12%;width:220px}
 .hero-identity>p{font-size:9px;margin-top:-3px}
 .scroll-cue{bottom:11px;gap:3px;font-size:9px}
 .footer-invite>div{display:block}
 .footer-invite .dark-button{margin-top:12px}
 .site-footer .footer-signoff{width:100%}
}

/* 精简介绍后，首屏直接衔接版本选择。 */
.versions-section{margin:32px 28px 0}
@media(max-width:700px){.versions-section{margin:24px 16px 0}}

/* 内容收紧：版本入口突出选择，公告与攻略保持连续阅读。 */
.versions-section{padding-top:46px;padding-bottom:48px}
.version-header{display:grid;grid-template-columns:1fr auto;align-items:end;text-align:left;column-gap:30px}
.version-header .eyebrow{grid-column:1/-1;margin-bottom:10px}
.version-header h2{font-size:34px;letter-spacing:-1px}
.version-header>p:last-child{margin:0;font-size:12px;max-width:310px}
.version-grid{margin-top:26px;gap:24px}
.version-grid>a{padding:26px 30px}
.version-num{font-size:64px}
.version-grid h3{font-size:24px}
.version-grid p{margin:15px 0 18px}
.news{margin-top:60px}
.guides{margin-top:60px}
footer.site-footer{margin-top:56px}
@media(max-width:700px){
 .versions-section{padding:36px 22px 38px}
 .version-header{display:block}
 .version-header h2{font-size:27px}
 .version-header>p:last-child{margin-top:13px;font-size:11px}
 .version-grid{margin-top:22px;gap:14px}
 .version-grid>a{padding:23px}
 .version-num{font-size:56px}
 .version-grid h3{font-size:23px}
 .news,.guides{margin-top:42px}
 footer.site-footer{margin-top:40px}
}
/* 页脚底栏：域名居左，品牌短句居右。 */
.site-footer .footer-bottom .footer-signoff{margin-left:auto;width:auto;text-align:right}
/* 页脚导航上下分组，每组标题独占一行、链接横排。 */
.site-footer .footer-navigation{grid-template-columns:1fr;gap:22px}
.site-footer .footer-navigation nav{display:grid;grid-template-columns:repeat(4,max-content);column-gap:clamp(12px,1.4vw,22px);row-gap:14px;align-items:start}
.site-footer .footer-navigation h2{grid-column:1/-1;margin:0}
.site-footer .footer-navigation nav+nav{border-top:1px solid #aebf8c40;padding-top:22px}
.site-footer .footer-navigation a{white-space:nowrap}
@media(min-width:701px) and (max-width:1100px){.site-footer .footer-navigation nav{grid-template-columns:repeat(2,max-content)}}
@media(max-width:700px){.site-footer .footer-navigation nav{column-gap:12px}.site-footer .footer-navigation a{font-size:11px}}
@media(max-width:370px){.site-footer .footer-navigation nav{grid-template-columns:repeat(2,max-content)}}

.site-footer .footer-bottom .footer-wordmark{font-size:20px}
@media(max-width:700px){.site-footer .footer-bottom .footer-wordmark{font-size:17px}}

@media(min-width:1101px){
 .site-footer .footer-main{align-items:center}
 .site-footer .footer-navigation{align-self:center;padding-top:0}
 .site-footer .footer-invite{align-self:center}
}