/* 装饰边框及标题分割线均来自 ImageGen 透明 PNG；CSS 只负责铺设、定位及交互。 */
.hero-poster::before,.game-card::before,.news-card::before,.back-top::before {
    content:""; position:absolute; top:0; right:0; bottom:0; left:0; z-index:4;
    pointer-events:none; background:url(https://img.5211game.com/5211/NewHomeIndex4/images/home-card-frame.png) center/100% 100% no-repeat;
    opacity:.75; transition:opacity .3s;
}
.news-card { position:relative; }
.hero-poster:hover::before,.game-card:hover::before,.news-card:hover::before { opacity:1; }
.button,.header-download,.news-retry { position:relative; }
.button::before,.header-download::before,.news-retry::before,.news-category::before {
    content:""; position:absolute; top:0; right:0; bottom:0; left:0; z-index:4;
    pointer-events:none; background:url(https://img.5211game.com/5211/NewHomeIndex4/images/home-button-frame.png) center/100% 100% no-repeat;
}
.header::after,.footer::before {
    content:""; position:absolute; left:0; right:0; height:12px; pointer-events:none;
    background:url(https://img.5211game.com/5211/NewHomeIndex4/images/home-section-rule.png) center/100% 100% no-repeat; opacity:.5;
}
.header::after { bottom:-6px; }
.footer { position:relative; }
.footer::before { top:-6px; }
.site-nav a::after {
    height:10px; bottom:-4px; background:transparent url(https://img.5211game.com/5211/NewHomeIndex4/images/home-section-rule.png) center/280px 9px no-repeat;
}
.section-heading .eyebrow::before,.news-intro .eyebrow::before {
    width:24px; height:10px; background:transparent url(https://img.5211game.com/5211/NewHomeIndex4/images/home-section-rule.png) center/140px 8px no-repeat;
}
.section-heading h2::after {
    content:""; display:block; width:190px; height:12px; margin-top:12px;
    background:url(https://img.5211game.com/5211/NewHomeIndex4/images/home-section-rule.png) center/100% 100% no-repeat;
}
.news-section::before { top:-6px; height:12px; background:transparent url(https://img.5211game.com/5211/NewHomeIndex4/images/home-section-rule.png) center/100% 100% no-repeat; }
.news-intro h2 { padding-bottom:18px; background:url(https://img.5211game.com/5211/NewHomeIndex4/images/home-section-rule.png) left bottom/160px 10px no-repeat; }
.news-intro h2 i { bottom:18px; }
.news-tabs { background:url(https://img.5211game.com/5211/NewHomeIndex4/images/home-section-rule.png) center bottom/100% 10px no-repeat; }
.news-tab { padding-bottom:17px; }
.news-tab[aria-pressed="true"]::after {
    content:""; position:absolute; height:10px; left:0; right:0; bottom:0; pointer-events:none;
    background:url(https://img.5211game.com/5211/NewHomeIndex4/images/home-section-rule.png) center/280px 9px no-repeat;
}
.footer-bd { background:url(https://img.5211game.com/5211/NewHomeIndex4/images/home-section-rule.png) center top/100% 10px no-repeat; }
.news-cover { border-radius:0; aspect-ratio:421 / 215; background:none; }
.news-cover::after { content:none; }
.news-cover img { width:100%; height:100%; object-fit:contain; }
.news-card:hover .news-cover img { transform:none; }
.news-body { padding:8px 0 0; }
.news-body h3 { line-height:1.5; height:3em; }
.news-meta { padding:0; gap:10px; margin-top:2px; justify-content:flex-end; }
.news-meta .news-category { position:relative; left:auto; bottom:auto; margin-right:auto; max-width:45%; flex:0 1 auto; }
.news-date { font-size:13px; line-height:1.5; color:#a8b4c3; text-align:right; flex:0 0 auto; }
.footer-bt a,.footer-bt>span { background:transparent; }
/* 图片和底色裁入边框内侧。固定裁切容器与内部缩放图片分离，悬停也不会露边。 */
.hero-poster,.game-card,.news-card { background:transparent; border-radius:0; }
.poster-surface,.game-surface { position:absolute; top:0; right:0; bottom:0; left:0; overflow:hidden; }
.poster-surface,.game-surface,.hero-poster::after,.game-card::after,.news-card::after {
    clip-path:polygon(8% 4.8%,92% 4.8%,97% 10%,97% 90%,92% 95.2%,8% 95.2%,3% 90%,3% 10%);
}
.poster-surface { z-index:0; }
.game-surface { z-index:-2; }
.game-surface .game-art { z-index:0; }
.news-card { isolation:isolate; }
.news-card::after { content:""; position:absolute; top:0; right:0; bottom:0; left:0; z-index:-1; background:linear-gradient(145deg,#141d29,#0f1721); }
.news-surface { min-height:100%; padding:22px 8%; background:none; }
.news-status { background:none; padding:34px 0; }
/* 按钮底色单独裁切，艺术边框仍使用原始 ImageGen 素材。 */
.button,.header-download,.news-retry,.news-category { isolation:isolate; }
.button-primary,.button-outline,.header-download,.news-category,
.button-primary:hover,.button-outline:hover { background:transparent; box-shadow:none; }
.button::after,.header-download::after,.news-category::after {
    content:""; position:absolute; top:0; right:0; bottom:0; left:0; z-index:-1; pointer-events:none;
    clip-path:polygon(10% 13%,90% 13%,96% 30%,96% 70%,90% 87%,10% 87%,4% 70%,4% 30%);
}
.button-primary::after,.header-download::after { background:linear-gradient(115deg,#ffb44d,#fa9028); }
.button-outline::after { background:rgba(11,16,25,.7); }
.news-category::after { background:rgba(30,23,17,.86); }
.button-primary:hover::after,.button-outline:hover::after { background:#ffbd65; }
.button-primary::before { filter:drop-shadow(0 0 12px rgba(251,146,40,.28)); }
.action-btn { max-width:560px; margin-left:auto; margin-right:auto; gap:20px; }
.download-option { flex:1; min-width:0; }
.download-option .button { width:100%; min-width:0; }
.download-option .button svg { width:23px; height:23px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.version { width:100%; max-width:none; margin-top:9px; min-height:42px; font-size:12px; line-height:1.75; text-align:center; color:#bdc5ce; overflow-wrap:anywhere; }
.version p { margin:0; }
.hero-secondary .load-register { min-width:0; }
@media(max-width:640px) {
    .section-heading h2::after { width:145px; margin-top:10px; }
    .news-intro h2 { padding-bottom:0; background:none; }
    .news-body { padding:8px 0 0; }
    .news-body h3 { height:auto; min-height:1.5em; max-height:3em; }
    .action-btn { gap:10px; }
    .download-option .button { padding:0 12px; font-size:13px; gap:7px; }
    .download-option .button svg { width:17px; height:17px; flex-shrink:0; }
    .version { font-size:10px; min-height:36px; line-height:1.8; margin-top:7px; }
}
@media(prefers-reduced-motion:reduce) {
    .hero-poster::before,.game-card::before,.news-card::before,.back-top::before { transition:none; }
}