.support-verification{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.support-verification .hint{margin:0;font-size:14px}.support-verification [hidden]{display:none}#support-turnstile{width:100%;min-height:65px}#turnstile-status[data-state=error]{color:#ff5f5f}
.personal-data-section #personal-data{display:flex;align-items:center;gap:8px}.personal-data-arrow{display:inline-block;transition:transform .2s}.personal-data-section #personal-data[aria-expanded=true] .personal-data-arrow{transform:rotate(90deg)}#personal-data-description{margin:16px 0 0;color:#ffffffa3;font-size:16px;line-height:1.6;max-width:100%;overflow-wrap:break-word}#personal-data-description[hidden]{display:none}
html[lang="zh-CN"] body,html[lang="zh-TW"] body{font-family:SupportKai,KaiTi,serif}
*{box-sizing:border-box}body{margin:0;background:#000;color:#fff;font:20px/1.5 Maiola,Georgia,serif}button,input,textarea{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #db9971;outline-offset:5px}button{color:inherit}a{color:inherit} .hero{height:800px;position:relative;display:grid;place-items:center;isolation:isolate;overflow:hidden;background:linear-gradient(to bottom,transparent 35%,#000 100%),url('assets/hero-desktop.webp') center 30%/cover no-repeat}.hero:after{content:'';position:absolute;inset:0;background:#0004;z-index:-1}.title-mark{position:absolute;width:640px;max-width:80%;height:auto;opacity:.6;z-index:-1}h1{font-size:68px;font-weight:400;line-height:1.2;text-shadow:0 7px 43px #78888766}main{max-width:1200px;margin:20px auto 80px}form{display:flex;flex-direction:column;gap:40px}fieldset{padding:0;border:0;margin:0;min-width:0}legend,.field>label{display:block;color:#ffffff7a;margin-bottom:16px}.platforms{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.platform{position:relative;cursor:pointer}.platform input{position:absolute;opacity:0}.platform span{height:64px;display:flex;align-items:center;justify-content:center;background:url('assets/platform.webp') center/100% 100%;opacity:.35;transition:opacity .2s}.platform img{max-width:136px;max-height:43px}.platform input:checked+span,.platform:hover span{opacity:1}.platform input:focus-visible+span{outline:2px solid #db9971}.field input[type=email]{width:100%;height:64px;border:0;border-bottom:1px solid #cecece;background:transparent;padding:16px 20px;color:white}.description{position:relative;border:1px solid #cecece}textarea{width:100%;height:212px;resize:vertical;min-height:212px;padding:16px 20px 42px;border:0;background:transparent;color:white;display:block}::placeholder{color:#ffffff3d}output{position:absolute;bottom:16px;right:16px;color:#ffffff3d;pointer-events:none}.limit,.error{color:#ff5f5f}#attachments{display:flex;gap:16px;flex-wrap:wrap}#file-list{display:contents}#add-files{width:100%;height:200px;border:1px solid #cecece;background:transparent;font:64px/1 sans-serif;color:#ffffff66}#attachments.has-files #add-files{width:200px}#add-files:hover{background:#ffffff0d}.file{width:200px;height:200px;position:relative;padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.file img{max-width:148px;height:148px;object-fit:contain}.file .file-symbol{width:120px;height:148px;display:grid;place-items:center;border:1px solid #888;border-radius:6px;font:26px sans-serif;color:#aaa;background:linear-gradient(135deg,#fff2,transparent)}.filename{max-width:100%;font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.remove{position:absolute;right:0;top:0;background:#777;border:0;border-radius:50%;width:25px;height:25px;line-height:1;padding:0;color:black}.progress{position:absolute;inset:0;display:grid;place-content:center;text-align:center;background:#000b;font-size:18px}.hint{white-space:pre-line;color:#ffffff3d;margin:16px 0 0}.error{margin:8px 0 0;font-size:16px}.error:empty{display:none}.submit{height:64px;border:0;background:#bd784e url('assets/submit.webp') center/100% 100%;color:#1b100b;font-size:26px}.submit:hover{filter:brightness(1.2)}.submit:disabled{opacity:.45;cursor:default}.text-button{padding:0;width:fit-content;border:0;background:transparent;color:#ffffffa3}.text-button:hover{color:#fff}.demo-note{font-size:14px;color:#ffffff66;margin:0}footer{margin:0 72px;padding:80px 20px 100px;border-top:1px solid #ffffff1f;text-align:center;color:#ffffff3d;font:14px/1.5 Arial,sans-serif}.footer-top{display:flex;justify-content:center;align-items:center;gap:48px;margin-bottom:24px}.socials{display:flex;gap:24px}.socials img{width:24px;height:24px}footer p{margin:4px 0}dialog{width:min(785px,calc(100% - 32px));border:0;background:#080808;color:#fff;padding:48px 60px;text-align:center;box-shadow:0 0 50px #000}dialog::backdrop{background:#0005;backdrop-filter:blur(12px)}dialog h2{font-size:26px;font-weight:400;margin:0 0 24px}dialog p{font-size:14px;color:#aaa;white-space:pre-wrap;max-height:50vh;overflow:auto}.close{position:absolute;right:20px;top:10px;font:32px sans-serif;border:0;background:transparent;color:#aaa}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.platform input{inset:0;width:100%;height:100%;margin:0;z-index:1;cursor:pointer}
.platform input:checked+span{opacity:1;filter:brightness(1.3)}
.platform:has(input:not(:checked)):hover span{opacity:.65}
.submit.is-ready{background:transparent url('../assets/preorder/preorder-edition-bg-collector.png') center/100% 100% no-repeat;color:rgba(255,255,255,.92);opacity:1}
.submit.is-ready:hover{background-image:url('../assets/preorder/preorder-collector-button-hover.png');filter:none}
.submit.is-ready:active{background-image:url('../assets/preorder/preorder-collector-button-press.png')}
.submit:not(.is-ready){background:transparent url('assets/submit.webp') center/100% 100% no-repeat;opacity:1;filter:none;color:rgba(0,0,0,.4)}.submit:disabled{cursor:wait}
@media(max-width:1280px){main{margin-left:32px;margin-right:32px}}@media(max-width:600px){body{font-size:16px}.hero{height:244px;background-position:60% center}h1{font-size:48px;margin:0}.title-mark{display:none}main{margin:24px 16px 32px}form{gap:32px}legend,.field>label{font-size:14px;margin-bottom:12px}.platforms{grid-template-columns:repeat(2,1fr)}.platform:last-child{grid-column:1/-1;width:calc(50% - 8px);justify-self:center}.platform span{height:48px}.platform img{max-width:104px;max-height:32px}textarea{height:220px;min-height:220px;padding:16px 16px 42px}.hint{font-size:14px}#add-files{height:106px;font-size:48px}#attachments{gap:12px}#attachments.has-files #add-files,.file{width:calc((100% - 24px)/3);height:137px}.file img{height:96px;max-width:100%}.file .file-symbol{height:96px;width:79px;font-size:18px}.filename{font-size:12px}.submit{height:40px;font-size:20px}.text-button{font-size:14px}footer{margin:0 16px;padding:64px 0 100px;font-size:12px}.footer-top{flex-direction:column;gap:24px}dialog{padding:48px 24px}dialog h2{font-size:22px}}

/* Language selector ported from the international homepage. */
/* Make the visual gap traversable without dropping the menu hover target. */
.lang-options-menu::after{content:'';position:absolute;left:0;right:0;top:100%;height:24px;pointer-events:auto}
.language-selector {
    position: fixed;
    right: 0;
    bottom: 0;
    width: 448px;
    height: 100vh;
    background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.048));
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
    padding: 200px 48px 64px;
    z-index: 10003;
    pointer-events: none;
}

.lang-content {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 0 48px;
    cursor: pointer;
    transition: all 0.3s ease;
    pointer-events: auto;
}

.lang-content:hover {
    transform: translateY(-2px);
}

.lang-content:hover .lang-icon {
    opacity: 0.9;
}

.lang-icon {
    width: 48px;
    height: 48px;
    opacity: 0.64;
    object-fit: cover;
    transition: opacity 0.3s ease;
}

/* 语言选项菜单 */
.lang-options-menu {
    position: relative;
    margin-bottom: 24px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: all 0.3s ease;
    pointer-events: none;
    max-height: 400px;
    overflow: visible; /* 改为 visible 以显示背景 */
}

/* 背景图片层 - 不受遮罩影响 */
.lang-menu-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('../assets/images/lang-bg.png');
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    pointer-events: none;
    z-index: 0;
}

/* 文字内容层 - 应用遮罩实现渐隐 */
.lang-menu-content {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0;
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
    /* 隐藏滚动条 */
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE and Edge */
    padding: 40px 0; /* 添加上下内边距，与背景图留出边距 */
    z-index: 1;
    /* 使用 mask 实现文字渐隐效果 */
    mask-image: linear-gradient(
        to bottom,
        transparent 0px,
        black 100px,
        black calc(100% - 100px),
        transparent 100%
    );
    -webkit-mask-image: linear-gradient(
        to bottom,
        transparent 30px,
        black 80px,
        black calc(100% - 100px),
        transparent 100%
    );
}

/* Webkit 浏览器滚动条样式 - 隐藏 */
.lang-menu-content::-webkit-scrollbar {
    display: none;
}

.lang-options-menu.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}

.lang-option {
    background: transparent;
    padding: 8px 48px;
    cursor: pointer;
    transition: all 0.3s ease;
    border: none;
    outline: none;
}

.lang-option span {
    color: rgba(255, 255, 255, 0.6);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.4);
    transition: all 0.3s ease;
    display: inline-block;
}

.lang-option:hover span {
    color: rgba(255, 255, 255, 1);
    font-weight: 500;
}


.language-selector{width:auto;height:auto;background:none;padding:0;right:96px;bottom:64px;z-index:20}.lang-content{border:0;background:none;padding:0}.lang-options-menu[hidden]{display:none}.lang-options-menu:not([hidden]){opacity:1;visibility:visible;transform:none;pointer-events:auto}.lang-menu-content{min-width:240px;max-height:min(400px,calc(100dvh - 140px));mask-image:none;-webkit-mask-image:none;padding:24px 0}.lang-option{color:#ffffff99;text-align:left;white-space:nowrap;font-size:16px}.lang-option:hover,.lang-option[aria-pressed=true]{color:#fff}.lang-option[aria-pressed=true]{text-decoration:underline;text-underline-offset:5px}@media(max-width:600px){.language-selector{right:20px;bottom:24px}.lang-icon{width:40px;height:40px}.lang-options-menu{margin-bottom:16px}}

/* Footer and privacy dialog reused from homepage. */
.site-footer {
    background: #000000;
    width: 100%;
    padding: 80px 0 120px;
    position: relative;
    scroll-snap-align: start;
    scroll-snap-stop: always;
}

.footer-content {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* 顶部区域 */
.footer-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 280px;
}

/* 左侧链接 */
.footer-links {
    display: flex;
    align-items: center;
    gap: 48px;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.5;
}

.footer-link {
    position: relative;
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
    transition: color 0.3s ease;
    cursor: pointer;
}

.footer-link:hover {
    color: rgba(255, 255, 255, 1);
}

/* 右侧区域 */
.footer-right {
    display: flex;
    align-items: center;
    gap: 24px;
}

/* S-GAME Logo */
.footer-logo {
    display: flex;
    align-items: center;
    opacity: 0.4;
    transition: opacity 0.3s ease;
    text-decoration: none;
}

.footer-logo:hover {
    opacity: 1;
}

.footer-logo img {
    height: 14.79px;
    width: auto;
    object-fit: contain;
}

/* 社交媒体图标 */
.footer-social {
    display: flex;
    align-items: center;
    gap: 16px;
}

.social-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    opacity: 0.4;
    transition: opacity 0.3s ease;
    flex-shrink: 0;
}

.social-icon:hover {
    opacity: 1;
}

.social-icon img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}

/* 底部版权信息 */
.footer-bottom {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.footer-copyright {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.copyright-line {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.24);
    text-align: center;
}

/* 响应式设计 */
@media screen and (max-width: 1024px) {
    .site-footer {
        padding: 60px 0 80px;
    }

    .footer-top {
        gap: 100px;
    }

    .footer-links {
        gap: 32px;
        font-size: 18px;
    }

    .footer-right {
        gap: 20px;
    }

    .footer-social {
        gap: 12px;
    }
}

@media screen and (max-width: 768px) {
    .site-footer {
        padding: 40px 0 60px;
    }

    .footer-top {
        flex-direction: column;
        gap: 32px;
        align-items: center;
    }

    .footer-links {
        gap: 24px;
        font-size: 16px;
    }

    .footer-right {
        flex-direction: column;
        gap: 16px;
    }

    .copyright-line {
        font-size: 12px;
    }
}


.news-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 10000;
}

.news-modal.show {
    display: block;
}

.news-modal-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.24);
    backdrop-filter: blur(16.95px);
}

.news-modal-container {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: min(1400px, 90vw);
    height: min(900px, 90vh);
    max-width: 90vw;
    max-height: 90vh;
    background-image: url('../assets/images/popwin.png');
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    padding: 2% 8% 2% 10%;
}

.news-modal-close {
    position: absolute;
    top: 5%;
    right: 3%;
    width: 32px;
    height: 32px;
    cursor: pointer;
    z-index: 10001;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    padding: 0;
    transition: opacity 0.3s ease, transform 0.2s ease;
    opacity: 0.6;
}

.news-modal-close:hover {
    opacity: 1;
    transform: scale(1.1);
}

.news-modal-close img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.news-modal-content {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

#privacyModal .news-modal-header {
    padding-top: 60px;
    padding-bottom: 0;
    text-align: center;
    flex-shrink: 0;
    border-bottom: none;
    margin-bottom: 40px;
}

#privacyModal .news-modal-header h1 {
    font-size: 32px;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 0;
}

#privacyModal .news-modal-body {
    flex: 1;
    padding: 0;
    gap: 0;
    overflow-y: hidden;
}

/* 隐藏隐私政策弹框的默认滚动条 */
#privacyModal .news-modal-body::-webkit-scrollbar {
    display: none;
}

#privacyModal .news-modal-body {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* 自定义滚动条容器 */
.news-modal-scrollbar {
    position: absolute;
    right: 3%;
    width: 8px;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
    z-index: 10002;
}

.news-modal-scrollbar.show {
    opacity: 1;
}

/* 滚动条滑块 */
.news-modal-scrollbar-thumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 4px;
    transition: background 0.3s ease;
}

.news-modal-scrollbar:hover .news-modal-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.6);
}

.news-modal-subtitle-wrapper {
    text-align: center;
}

.news-modal-subtitle {
    font-size: clamp(16px, 1.4vw, 20px);
    font-weight: 400;
    line-height: 1.5;
    color: rgba(0, 0, 0, 0.64);
    margin: 0;
}

.news-modal-video-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.news-modal-video {
    width: 100%;
    max-width: 800px;
    aspect-ratio: 16/9;
    border: none;
}

.news-modal-text {
    white-space: pre-line; /* n7 起正文含
 段落分隔，textContent 渲染需保留换行 */
    font-size: clamp(14px, 1.1vw, 16px);
    font-weight: 400;
    line-height: 1.6;
    color: rgba(0, 0, 0, 0.64);
    text-align: left;
    max-width: 800px;
    margin: 0 auto;
}

.news-preorder-link {
    color: #000;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.news-preorder-link:hover {
    color: #c23a3a;
}

/* 仅 n8 系统配置清单：分节标题加粗、加黑并放大，不使用背景。 */
.news-modal-text.news-modal-text--system-requirements {
    white-space: normal;
}

.news-modal-text--system-requirements .news-system-requirements-section + .news-system-requirements-section {
    margin-top: 28px;
}

.news-modal-text--system-requirements .news-system-requirements-heading {
    margin: 0 0 8px;
    color: #000;
    font: inherit;
    font-size: clamp(20px, 1.5vw, 24px);
    font-weight: 800;
    line-height: 1.45;
}

.news-modal-text--system-requirements .news-system-requirements-details {
    white-space: pre-line;
}

.news-modal-iframe {
    width: 100%;
    height: 100%;
    border: none;
    background: transparent;
}

/* 自定义新闻弹框内iframe的滚动条样式 */

.site-footer{margin:0;border:0;text-align:initial;font-family:inherit}.site-footer .footer-top{margin-bottom:0}.news-modal-title{text-shadow:none;line-height:1.5;margin:0}#privacyModal .news-modal-body{min-height:0}#privacyModal .news-modal-iframe{height:100%;width:100%}

/* China support: desktop 3 columns, mobile 2 columns. */
.support-china .platforms{grid-template-columns:repeat(3,minmax(0,1fr))}
.support-china .platform:last-child{grid-column:auto;width:auto;justify-self:stretch}
@media(max-width:600px){.support-china .platforms{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.support-china .platform img{max-width:85%;max-height:28px}}

/* Match the international homepage's English heading typeface. */
html[lang="en-US"] .hero h1{font-family:var(--font-alverata-en);max-width:calc(100% - 32px);text-align:center}

/* Responsive support hero: these image-set URLs match the HTML preload hints. */
.title-art{position:absolute;inset:0;display:grid;place-items:center;z-index:-1}.title-art .title-mark{z-index:auto}
.hero{background-image:linear-gradient(to bottom,transparent 35%,#000 100%),image-set(url('assets/hero-desktop.webp') 1x,url('assets/hero-desktop-2x.webp') 2x)}
@media(max-width:600px){.hero{background-image:linear-gradient(to bottom,transparent 35%,#000 100%),image-set(url('assets/hero-mobile.webp') 1x,url('assets/hero-mobile-2x.webp') 2x)}}