/**
 * 多语言字体样式系统
 * 通过 CSS 变量和类名控制不同语言的字体样式
 */

/* ============================================
   字体分组定义
   ============================================ */

/* Basic 分组 - 用于导航栏等基础文本 */
:root {
  /* 中文（简体） - 方正楷体 */
  --font-basic-zh-CN: 'FZKaiTi GB18030L2', 'STKaiti', 'KaiTi', 'Kaiti SC', 'PingFang SC', 'Microsoft YaHei', serif;

  /* 中文（繁体） - FZKTB */
  --font-basic-zh-TW: 'FZKTB', 'FZKaiTi GB18030L2', 'STKaiti', 'KaiTi', 'Kaiti SC', 'PingFang TC', 'Microsoft JhengHei', serif;

  /* 英文 - Maiola CYR */
  --font-basic-en: 'Maiola CYR', 'Alverata CYR', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;

  /* 英文 - Alverata CYR */
  --font-alverata-en: 'Alverata CYR', 'Maiola CYR', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;

    /* 日文 - SMotoya Sinkai Pro-W3 */
  --font-basic-ja: 'SMotoya Sinkai Pro-W3', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', 'Meiryo', 'MS PGothic', 'Yu Gothic', sans-serif;

  /* 韩文 - FZCW-XZM */
  --font-basic-ko: 'FZCW-XZM', 'FZCW-XCM', 'Malgun Gothic', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Nanum Gothic', sans-serif;

  /* 韩文 - FZCW-XCM */
  --font-basic-ko-XCM: 'FZCW-XCM', 'FZCW-XZM', 'Malgun Gothic', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Nanum Gothic', sans-serif;

  /* 泰文 - Bree THA-Book */
  --font-basic-th: 'Bree THA-Book', 'Leelawadee UI', 'Thonburi', 'Sukhumvit Set', 'Noto Sans Thai', sans-serif;

  /* 越南语 - FTThymesEXT */
  --font-basic-vi: 'FTThymesEXT', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;

  /* 其他语言默认使用英文字体 */
  --font-basic-default: var(--font-basic-en);
}

/* ============================================
   基础字体样式变量（默认中文）
   ============================================ */
:root {
  /* 字体族 - 使用 Basic 分组 */
  --font-family-primary: var(--font-basic-zh-CN);
  --font-family-secondary: var(--font-basic-en);

    /* 通用字号 - 英文稍大 */
    --font-size-title: 52px;
    --font-size-heading: 36px;
    --font-size-subheading: 26px;
    --font-size-body: 16px;
    --font-size-small: 14px;
    --font-size-tiny: 12px;

    /* 特定组件字号 - 英文调整 */
    --font-size-nav: 1vw;
    --font-size-wishlist-btn: 1.4vw;        /* 心愿单按钮文字 */
    --font-size-wishlist-title: 1.4vw;      /* 心愿单展开标题 */
    --font-size-wishlist-label: 1.25vw;
    --font-size-wishlist-footer: 0.83vw;

    /* 新闻区块 - 英文稍大 */
    --font-size-news-item-time: 13px;    /* 英文时间稍小 */
    --font-size-news-item-title: 18px;   /* 英文标题（选中）稍小 */
    --font-size-news-item-title-small: 15px; /* 英文标题（未选中）稍小 */
    --font-size-news-preview-title: 20px; /* 英文预览标题稍小 */
    --font-size-news-preview-desc: 12px;  /* 英文预览描述稍小 */
    --font-size-news-modal-title: 36px;  /* 英文弹窗标题稍大 */
    --font-size-news-modal-body: 16px;

    --font-size-intro-title: 70px;      /* 英文游戏介绍标题稍大 */
    --font-size-intro-desc: 20px;
    --font-size-footer-text: 20px;

    /* Home 页面 - 英文调整 */
    --font-size-home-date-number: 70px;  /* 英文数字稍小 */
    --font-size-home-date-label: 22px;   /* 英文标签稍小 (index.html) */
    --font-size-home-preview-date-label: 40px;   /* 英文标签稍小 (preview.html) */
    --font-size-home-wishlist-title: 28px; /* 英文标题稍小 */
    --font-size-home-button-text: 18px;  /* 英文按钮文字稍小 */
    --font-size-home-coming-soon: 40px;  /* 英文即将揭晓稍小 */

    /* Preview 页面 - 英文调整 */
    --font-size-preview-label: 0.85vw;   /* 英文标签稍小 */
    --font-size-preview-text: 1.6vw;     /* 英文文本稍小 */

  /* 字重 */
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;

    /* 行高 - 英文较紧凑 */
    --line-height-tight: 1.2;
    --line-height-normal: 1.5;
    --line-height-relaxed: 1.7;

    /* 字间距 - 英文较小 */
    --letter-spacing: 0.02em;
    --letter-spacing-tight: 0.01em;
}

/* ============================================
   语言特定样式
   ============================================ */

/* 中文（简体） */
html[lang="zh-CN"],
body.lang-zh-CN {
  /* 字体族 - 使用 Basic 分组 */
  --font-family-primary: var(--font-basic-zh-CN);
  --font-family-secondary: var(--font-basic-en);

  /* 通用字号 */
  --font-size-title: 48px;
  --font-size-heading: 32px;
  --font-size-subheading: 24px;
  --font-size-body: 16px;
  --font-size-small: 14px;
  --font-size-tiny: 12px;

  /* 特定组件字号 */
  --font-size-nav: 1.04vw;
  --font-size-wishlist-btn: 1.67vw;        /* 心愿单按钮文字 */
  --font-size-wishlist-title: 1.67vw;      /* 心愿单展开标题 */
  --font-size-wishlist-label: 1.25vw;
  --font-size-wishlist-footer: 0.83vw;

  /* 新闻区块 */
  --font-size-news-item-time: 14px;
  --font-size-news-item-title: 20px;
  --font-size-news-item-title-small: 16px;
  --font-size-news-preview-title: 26px;
  --font-size-news-preview-desc: 14px;
  --font-size-news-modal-title: 32px;
  --font-size-news-modal-body: 16px;

  --font-size-intro-title: 96px;
  --font-size-intro-desc: 20px;
  --font-size-footer-text: 20px;

  /* 行高 */
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.8;

  /* 字间距 */
  --letter-spacing: 0.05em;
  --letter-spacing-tight: 0.02em;
}

/* 中文（繁体） */
html[lang="zh-TW"],
body.lang-zh-TW {
  /* 字体族 - 使用 Basic 分组 */
  --font-family-primary: var(--font-basic-zh-TW);
  --font-family-secondary: var(--font-basic-en);

    /* 通用字号 */
    --font-size-title: 48px;
    --font-size-heading: 32px;
    --font-size-subheading: 24px;
    --font-size-body: 16px;
    --font-size-small: 14px;
    --font-size-tiny: 12px;

    /* 特定组件字号 */
    --font-size-nav: 1.04vw;
    --font-size-wishlist-btn: 1.67vw;        /* 心愿单按钮文字 */
    --font-size-wishlist-title: 1.67vw;      /* 心愿单展开标题 */
    --font-size-wishlist-label: 1.25vw;
    --font-size-wishlist-footer: 0.83vw;

    /* 新闻区块 */
    --font-size-news-item-time: 14px;
    --font-size-news-item-title: 20px;
    --font-size-news-item-title-small: 16px;
    --font-size-news-preview-title: 26px;
    --font-size-news-preview-desc: 14px;
    --font-size-news-modal-title: 32px;
    --font-size-news-modal-body: 16px;

    --font-size-intro-title: 96px;
    --font-size-intro-desc: 20px;
    --font-size-footer-text: 20px;

    /* 行高 */
    --line-height-normal: 1.5;
    --line-height-relaxed: 1.8;

    /* 字间距 */
    --letter-spacing: 0.05em;
    --letter-spacing-tight: 0.02em;
}

/* 英文 */
html[lang="en-US"],
body.lang-en-US {
  /* 字体族 - 使用 Basic 分组 */
  --font-family-primary: var(--font-basic-en);
  --font-family-secondary: var(--font-basic-en);

  /* 特定组件字号 */
  --font-size-wishlist-btn: 1.4vw;        /* 心愿单按钮文字 */
  --font-size-wishlist-title: 1.4vw;      /* 心愿单展开标题 */
}

/* 日文 */
html[lang="ja-JP"],
body.lang-ja-JP {
  /* 字体族 - 使用 Basic 分组 */
  --font-family-primary: var(--font-basic-ja);
  --font-family-secondary: var(--font-basic-en);
  --font-size-title: 46px;
  --font-size-heading: 30px;
  --font-size-subheading: 22px;
  --font-size-body: 15px;
  --font-size-small: 13px;
  --font-size-tiny: 11px;
  --line-height-tight: 1.4;
  --line-height-normal: 1.7;
  --line-height-relaxed: 1.9;
  --letter-spacing: 0.05em;

  /* 特定组件字号 */
  --font-size-wishlist-btn: 1vw;        /* 心愿单按钮文字 */
  --font-size-wishlist-title: 1.5vw;      /* 心愿单展开标题 */
}

/* 韩文 */
html[lang="ko-KR"],
body.lang-ko-KR {
  /* 字体族 - 使用 Basic 分组 */
  --font-family-primary: var(--font-basic-ko);
  --font-family-secondary: var(--font-basic-en);
  --font-size-title: 46px;
  --font-size-heading: 30px;
  --font-size-subheading: 22px;
  --font-size-body: 15px;
  --font-size-small: 13px;
  --font-size-tiny: 11px;
  --line-height-tight: 1.4;
  --line-height-normal: 1.7;
  --line-height-relaxed: 1.9;
  --letter-spacing: 0.03em;

  /* 特定组件字号 */
  --font-size-wishlist-btn: 1.5vw;        /* 心愿单按钮文字 */
  --font-size-wishlist-title: 1.5vw;      /* 心愿单展开标题 */
}

/* 西班牙语 */
html[lang="es-ES"],
body.lang-es-ES {
  /* 字体族 - 使用 Basic 分组（默认英文字体） */
  --font-family-primary: var(--font-basic-default);
  --font-family-secondary: var(--font-basic-en);
  --font-size-title: 52px;
  --font-size-heading: 36px;
  --font-size-subheading: 26px;
  --font-size-body: 16px;
  --font-size-small: 14px;
  --font-size-tiny: 12px;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.7;
  --letter-spacing: 0.02em;

  /* 特定组件字号 */
  --font-size-wishlist-btn: 1vw;        /* 心愿单按钮文字 */
  --font-size-wishlist-title: 1.4vw;      /* 心愿单展开标题 */
}

/* 西班牙语（拉丁美洲） */
html[lang="es-419"],
body.lang-es-419 {
  /* 字体族 - 使用 Basic 分组（默认英文字体） */
  --font-family-primary: var(--font-basic-default);
  --font-family-secondary: var(--font-basic-en);
  --font-size-title: 52px;
  --font-size-heading: 36px;
  --font-size-subheading: 26px;
  --font-size-body: 16px;
  --font-size-small: 14px;
  --font-size-tiny: 12px;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.7;
  --letter-spacing: 0.02em;

  /* 特定组件字号 */
  --font-size-wishlist-btn: 1vw;        /* 心愿单按钮文字 */
  --font-size-wishlist-title: 1.4vw;      /* 心愿单展开标题 */
}

/* 葡萄牙语 */
html[lang="pt-PT"],
body.lang-pt-PT {
  /* 字体族 - 使用 Basic 分组（默认英文字体） */
  --font-family-primary: var(--font-basic-default);
  --font-family-secondary: var(--font-basic-en);
  --font-size-title: 52px;
  --font-size-heading: 36px;
  --font-size-subheading: 26px;
  --font-size-body: 16px;
  --font-size-small: 14px;
  --font-size-tiny: 12px;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.7;
  --letter-spacing: 0.02em;

  /* 特定组件字号 */
  --font-size-wishlist-btn: 1.4vw;        /* 心愿单按钮文字 */
  --font-size-wishlist-title: 1.4vw;      /* 心愿单展开标题 */
}

/* 葡萄牙语（巴西） */
html[lang="pt-BR"],
body.lang-pt-BR {
  /* 字体族 - 使用 Basic 分组（默认英文字体） */
  --font-family-primary: var(--font-basic-default);
  --font-family-secondary: var(--font-basic-en);
  --font-size-title: 52px;
  --font-size-heading: 36px;
  --font-size-subheading: 26px;
  --font-size-body: 16px;
  --font-size-small: 14px;
  --font-size-tiny: 12px;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.7;
  --letter-spacing: 0.02em;

  /* 特定组件字号 */
  --font-size-wishlist-btn: 1.4vw;        /* 心愿单按钮文字 */
  --font-size-wishlist-title: 1.4vw;      /* 心愿单展开标题 */
}

/* 法语 */
html[lang="fr-FR"],
body.lang-fr-FR {
  /* 字体族 - 使用 Basic 分组（默认英文字体） */
  --font-family-primary: var(--font-basic-default);
  --font-family-secondary: var(--font-basic-en);
  --font-size-title: 52px;
  --font-size-heading: 36px;
  --font-size-subheading: 26px;
  --font-size-body: 16px;
  --font-size-small: 14px;
  --font-size-tiny: 12px;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.7;
  --letter-spacing: 0.02em;

  /* 特定组件字号 */
  --font-size-wishlist-btn: 1.4vw;        /* 心愿单按钮文字 */
  --font-size-wishlist-title: 1.4vw;      /* 心愿单展开标题 */
}

/* 德语 */
html[lang="de-DE"],
body.lang-de-DE {
  /* 字体族 - 使用 Basic 分组（默认英文字体） */
  --font-family-primary: var(--font-basic-default);
  --font-family-secondary: var(--font-basic-en);
  --font-size-title: 50px;
  --font-size-heading: 34px;
  --font-size-subheading: 25px;
  --font-size-body: 16px;
  --font-size-small: 14px;
  --font-size-tiny: 12px;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.7;
  --letter-spacing: 0.01em;

  /* 特定组件字号 */
  --font-size-wishlist-btn: 1.3vw;        /* 心愿单按钮文字 - 德语较长 */
  --font-size-wishlist-title: 1.3vw;      /* 心愿单展开标题 - 德语较长 */
}

/* 意大利语 */
html[lang="it-IT"],
body.lang-it-IT {
  /* 字体族 - 使用 Basic 分组（默认英文字体） */
  --font-family-primary: var(--font-basic-default);
  --font-family-secondary: var(--font-basic-en);
  --font-size-title: 52px;
  --font-size-heading: 36px;
  --font-size-subheading: 26px;
  --font-size-body: 16px;
  --font-size-small: 14px;
  --font-size-tiny: 12px;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.7;
  --letter-spacing: 0.02em;

  /* 特定组件字号 */
  --font-size-wishlist-btn: 1.4vw;        /* 心愿单按钮文字 */
  --font-size-wishlist-title: 1.4vw;      /* 心愿单展开标题 */
}

/* 俄语 */
html[lang="ru-RU"],
body.lang-ru-RU {
  /* 字体族 - 使用 Basic 分组（默认英文字体） */
  --font-family-primary: var(--font-basic-default);
  --font-family-secondary: var(--font-basic-en);
  --font-size-title: 52px;
  --font-size-heading: 36px;
  --font-size-subheading: 26px;
  --font-size-body: 16px;
  --font-size-small: 14px;
  --font-size-tiny: 12px;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.7;
  --letter-spacing: 0.02em;

  /* 特定组件字号 */
  --font-size-wishlist-btn: 1.4vw;        /* 心愿单按钮文字 */
  --font-size-wishlist-title: 1.4vw;      /* 心愿单展开标题 */
}

/* 越南语 */
html[lang="vi-VN"],
body.lang-vi-VN {
  /* 字体族 - 使用 FTThymesEXT */
  --font-family-primary: var(--font-basic-vi);
  --font-family-secondary: var(--font-basic-en);
  --font-size-title: 52px;
  --font-size-heading: 36px;
  --font-size-subheading: 26px;
  --font-size-body: 16px;
  --font-size-small: 14px;
  --font-size-tiny: 12px;
  --line-height-normal: 1.6;
  --line-height-relaxed: 1.8;
  --letter-spacing: 0.02em;

  /* 特定组件字号 */
  --font-size-nav: 0.8vw;

  --font-size-wishlist-btn: 1.4vw;        /* 心愿单按钮文字 */
  --font-size-wishlist-title: 1.4vw;      /* 心愿单展开标题 */
}

/* 泰语 */
html[lang="th-TH"],
body.lang-th-TH {
  /* 字体族 - 使用 Basic 分组 */
  --font-family-primary: var(--font-basic-th);
  --font-family-secondary: var(--font-basic-en);
  --font-size-title: 50px;
  --font-size-heading: 34px;
  --font-size-subheading: 24px;
  --font-size-body: 16px;
  --font-size-small: 14px;
  --font-size-tiny: 12px;
  --font-weight-bold: 600;
  --line-height-tight: 1.4;
  --line-height-normal: 1.8;
  --line-height-relaxed: 2.0;
  --letter-spacing: 0.03em;

  /* 特定组件字号 */
  --font-size-wishlist-btn: 1.5vw;        /* 心愿单按钮文字 */
  --font-size-wishlist-title: 1.5vw;      /* 心愿单展开标题 */
}

/* ============================================
   工具类 - 应用字体样式
   ============================================ */

/* 字体族 */
.i18n-font {
  font-family: var(--font-family-primary);
}

/* 字号类 */
.i18n-text-title {
  font-size: var(--font-size-title);
  line-height: var(--line-height-tight);
  letter-spacing: var(--letter-spacing);
}

.i18n-text-heading {
  font-size: var(--font-size-heading);
  line-height: var(--line-height-tight);
  letter-spacing: var(--letter-spacing);
}

.i18n-text-subheading {
  font-size: var(--font-size-subheading);
  line-height: var(--line-height-normal);
  letter-spacing: var(--letter-spacing);
}

.i18n-text-body {
  font-size: var(--font-size-body);
  line-height: var(--line-height-normal);
  letter-spacing: var(--letter-spacing);
}

.i18n-text-small {
  font-size: var(--font-size-small);
  line-height: var(--line-height-normal);
  letter-spacing: var(--letter-spacing);
}

.i18n-text-tiny {
  font-size: var(--font-size-tiny);
  line-height: var(--line-height-normal);
  letter-spacing: var(--letter-spacing);
}

/* 字重类 */
.i18n-weight-light {
  font-weight: var(--font-weight-light);
}

.i18n-weight-normal {
  font-weight: var(--font-weight-normal);
}

.i18n-weight-medium {
  font-weight: var(--font-weight-medium);
}

.i18n-weight-bold {
  font-weight: var(--font-weight-bold);
}

/* 行高类 */
.i18n-leading-tight {
  line-height: var(--line-height-tight);
}

.i18n-leading-normal {
  line-height: var(--line-height-normal);
}

.i18n-leading-relaxed {
  line-height: var(--line-height-relaxed);
}

/* ============================================
   自动应用到标准 HTML 元素
   ============================================ */
body {
  font-family: var(--font-family-primary);
  letter-spacing: var(--letter-spacing);
}

h1 {
  font-size: var(--font-size-title);
  line-height: var(--line-height-tight);
}

h2 {
  font-size: var(--font-size-heading);
  line-height: var(--line-height-tight);
}

h3 {
  font-size: var(--font-size-subheading);
  line-height: var(--line-height-normal);
}

p {
  font-size: var(--font-size-body);
  line-height: var(--line-height-normal);
}

small {
  font-size: var(--font-size-small);
}