/* 引入开源字体（优化版：谷歌优先 → CF次之 → 国内镜像兜底 + font-display:swap防阻塞） */
/* 核心思路：海外优先谷歌，CF作为全球化备用，国内镜像仅作最后的降级方案 */

/* Inter字体：谷歌主源 → Cloudflare → 国内loli镜像 顺序降级 */
@font-face {
    font-family: 'Inter';
    font-weight: 400;
    font-style: normal;
    src:
        /* 1. 谷歌主源（海外优先，直接指向字体文件） */
        url('https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZ9hiA.woff2') format('woff2'),
        /* 2. Cloudflare备用（全球化CDN） */
        url('https://fonts.cdnfonts.com/css/inter') format('woff2'),
        /* 3. 国内loli镜像（最后兜底） */
        url('https://fonts.loli.net/css2?family=Inter:wght@400') format('woff2');
    font-display: swap; /* 防止任何场景下的加载阻塞 */
}
@font-face {
    font-family: 'Inter';
    font-weight: 600;
    font-style: normal;
    src:
        url('https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuFuYAZ9hiA.woff2') format('woff2'),
        url('https://fonts.cdnfonts.com/css/inter') format('woff2'),
        url('https://fonts.loli.net/css2?family=Inter:wght@600') format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'Inter';
    font-weight: 700;
    font-style: normal;
    src:
        url('https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuFuYAZ9hiA.woff2') format('woff2'),
        url('https://fonts.cdnfonts.com/css/inter') format('woff2'),
        url('https://fonts.loli.net/css2?family=Inter:wght@700') format('woff2');
    font-display: swap;
}

/* 日语：Noto Sans JP（谷歌 → CF 顺序） */
@font-face {
    font-family: 'Noto Sans JP';
    font-weight: 400;
    font-style: normal;
    src:
        url('https://fonts.gstatic.com/s/notosansjp/v52/-F62fjtqLzI2JPCgQBnw7HFYwV9A0b6uCuA.woff2') format('woff2'),
        url('https://fonts.cdnfonts.com/css/noto-sans-jp') format('woff2'),
        url('https://fonts.loli.net/css2?family=Noto+Sans+JP:wght@400') format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'Noto Sans JP';
    font-weight: 600;
    font-style: normal;
    src:
        url('https://fonts.gstatic.com/s/notosansjp/v52/-F63fjtqLzI2JPCgQBnw7HFYwV9A0b6uCuYF9D1.woff2') format('woff2'),
        url('https://fonts.cdnfonts.com/css/noto-sans-jp') format('woff2'),
        url('https://fonts.loli.net/css2?family=Noto+Sans+JP:wght@600') format('woff2');
    font-display: swap;
}

/* 韩语：Noto Sans KR（谷歌 → CF 顺序） */
@font-face {
    font-family: 'Noto Sans KR';
    font-weight: 400;
    font-style: normal;
    src:
        url('https://fonts.gstatic.com/s/notosanskr/v36/PbykFmXiEBPT4ITbgNA5Cgm203Tq4832U.woff2') format('woff2'),
        url('https://fonts.cdnfonts.com/css/noto-sans-kr') format('woff2'),
        url('https://fonts.loli.net/css2?family=Noto+Sans+KR:wght@400') format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'Noto Sans KR';
    font-weight: 600;
    font-style: normal;
    src:
        url('https://fonts.gstatic.com/s/notosanskr/v36/PbykFmXiEBPT4ITbgNA5Cgm203Tq4832U.woff2') format('woff2'),
        url('https://fonts.cdnfonts.com/css/noto-sans-kr') format('woff2'),
        url('https://fonts.loli.net/css2?family=Noto+Sans+KR:wght@600') format('woff2');
    font-display: swap;
}

/* 阿拉伯语：Noto Naskh Arabic（谷歌 → CF 顺序） */
@font-face {
    font-family: 'Noto Naskh Arabic';
    font-weight: 400;
    font-style: normal;
    src:
        url('https://fonts.gstatic.com/s/notonaskharabic/v18/Q4IZVwL3uK3pt5t0BH1E1xHGC4C4LhY1vK.woff2') format('woff2'),
        url('https://fonts.cdnfonts.com/css/noto-naskh-arabic') format('woff2'),
        url('https://fonts.loli.net/css2?family=Noto+Naskh+Arabic:wght@400') format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'Noto Naskh Arabic';
    font-weight: 600;
    font-style: normal;
    src:
        url('https://fonts.gstatic.com/s/notonaskharabic/v18/Q4IZVwL3uK3pt5t0BH1E1xHGC4C4LhY1vK.woff2') format('woff2'),
        url('https://fonts.cdnfonts.com/css/noto-naskh-arabic') format('woff2'),
        url('https://fonts.loli.net/css2?family=Noto+Naskh+Arabic:wght@600') format('woff2');
    font-display: swap;
}

/* 原响应式根字体大小逻辑保留 */
html {
    font-size: 14px;
}

@media (min-width: 576px) {
    html {
        font-size: 15px;
    }
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

@media (min-width: 1200px) {
    html {
        font-size: 17px;
    }
}

/* 超宽屏（2500px+） */
@media (min-width: 2500px) {
    html {
        font-size: 20px;
    }
}

/* 极宽屏（3500px+） */
@media (min-width: 3500px) {
    html {
        font-size: 22px;
    }
}

/* 页面主体内容通用样式 */
.page-container > *:not(.fullwidth-block) {
    padding-top: 1.5rem;
    width: 100%;
    padding-right: var(--bs-gutter-x, 0.75rem);
    padding-left: var(--bs-gutter-x, 0.75rem);
    margin-right: auto;
    margin-left: auto;
}

/* 主体内容响应式最大宽度 */
@media (min-width: 576px) {
    .page-container > *:not(.fullwidth-block) {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .page-container > *:not(.fullwidth-block) {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .page-container > *:not(.fullwidth-block) {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .page-container > *:not(.fullwidth-block) {
        max-width: 1140px;
    }
}

@media (min-width: 1400px) {
    .page-container > *:not(.fullwidth-block) {
        max-width: 1320px;
    }
}

@media (min-width: 2500px) {
    .page-container > *:not(.fullwidth-block) {
        max-width: 1600px;
    }
}

/* 全屏海报外层容器 */
.page-container > .fullwidth-block {
    width: 100%;
    max-width: none;
    margin: 0 auto;
    padding: 0;
}

/* 海报内层容器 */
.fullwidth-block .poster-container {
    width: 100%;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
}

/* 字体大小体系：保留原有等比数列逻辑 */
.text--5 {
    font-size: 0.5rem;
    line-height: 1.8;
}

.text--4 {
    font-size: 0.6rem;
    line-height: 1.7;
}

.text--3 {
    font-size: 0.7rem;
    line-height: 1.6;
}

.text--2 {
    font-size: 0.8rem;
    line-height: 1.55;
}

.text--1 {
    font-size: 0.9rem;
    line-height: 1.5;
}

.text-0 {
    font-size: 1rem;
    line-height: 1.6;
}

.text-1 {
    font-size: 1.25rem;
    line-height: 1.5;
}

.text-2 {
    font-size: 1.5rem;
    line-height: 1.45;
}

.text-3 {
    font-size: 1.8rem;
    line-height: 1.4;
}

.text-4 {
    font-size: 2.5rem;
    line-height: 1.3;
}

.text-5 {
    font-size: 4rem;
    line-height: 1.2;
}

/* 超宽屏text-5强化 */
@media (min-width: 2500px) {
    .text-5 {
        font-size: 5rem;
        line-height: 1.1;
    }
}

/* 极宽屏text-5强化 */
@media (min-width: 3500px) {
    .text-5 {
        font-size: 5.5rem;
        line-height: 1.05;
    }
}

/* 基础字体样式 - 所有文本默认继承 */
html {
    font-family: "Inter", "Arial", "Helvetica", sans-serif;
    color: #333;
    line-height: 1.6;
}

/* 15种语言专属样式 - 与lang_code对应 */
/* 英语（en） */
.lang-en {
    font-family: "Inter", "Arial", "Helvetica", sans-serif;
}

/* 德语（de） */
.lang-de {
    font-family: "Inter", "Arial", "Helvetica", sans-serif;
}

/* 法语（fr） */
.lang-fr {
    font-family: "Inter", "Arial", "Helvetica", sans-serif;
}

/* 西班牙语（es） */
.lang-es {
    font-family: "Inter", "Arial", "Helvetica", sans-serif;
}

/* 俄语（ru） */
.lang-ru {
    font-family: "Inter", "Arial", "Helvetica", sans-serif;
}

/* 意大利语（it） */
.lang-it {
    font-family: "Inter", "Arial", "Helvetica", sans-serif;
}

/* 阿拉伯语（ar） */
.lang-ar {
    font-family: "Noto Naskh Arabic", "Arial", sans-serif;
    direction: rtl;
    text-align: right;
}

.lang-ar .text-base,
.lang-ar h3 {
    line-height: 1.8;
}

.lang-ar .numeric {
    direction: ltr;
    display: inline-block;
}

/* 葡萄牙语（pt） */
.lang-pt {
    font-family: "Inter", "Arial", "Helvetica", sans-serif;
}

/* 日语（ja） */
.lang-ja {
    font-family: "Noto Sans JP", "Inter", sans-serif;
}

.lang-ja .text-base,
.lang-ja h3 {
    line-height: 1.7;
}

/* 韩语（ko） */
.lang-ko {
    font-family: "Noto Sans KR", "Inter", sans-serif;
}

.lang-ko .text-base,
.lang-ko h3 {
    line-height: 1.7;
}

/* 荷兰语（nl） */
.lang-nl {
    font-family: "Inter", "Arial", "Helvetica", sans-serif;
}

/* 波兰语（pl） */
.lang-pl {
    font-family: "Inter", "Arial", "Helvetica", sans-serif;
}

/* 土耳其语（tr） */
.lang-tr {
    font-family: "Inter", "Arial", "Helvetica", sans-serif;
}

/* 捷克语（cs） */
.lang-cs {
    font-family: "Inter", "Arial", "Helvetica", sans-serif;
}

/* 罗马尼亚语（ro） */
.lang-ro {
    font-family: "Inter", "Arial", "Helvetica", sans-serif;
}


/*定义占位符链接的默认样式*/
/* 基础样式：默认状态（未访问） */
.zx-link {
  color: black; /* 默认黑色 */
  text-decoration: none; /* 去除下划线 */
  /* 可选：增加过渡效果，提升交互体验 */
  transition: color 0.2s ease;
}

/* 已访问状态（避免访问后变色） */
.zx-link:visited {
  color: black;
}

/* 鼠标悬停状态（保持黑色，或可微调） */
.zx-link:hover {
  color: red; /* 悬停时为黑色 */
  text-decoration: none; /* 确保无下划线 */
}

/* 点击瞬间状态（激活状态） */
.zx-link:active {
  color: blue;
}
