/* ==========================================================
   多语言排版(2026-10)
   两套皮肤，均取自站内现有设计令牌：
     · 手机端(默认)：玫红夜空 —— 面 rgba(58,18,40,.55) / 描边 rgba(255,192,159,.32) / 选中蜜桃渐变 / 圆角胶囊
     · PC(≥1024)：深紫直角 —— 面 #150F22 / 描边 #2C2140 / 选中 #2A1046 + #6D3FB5 / 强调粉 #FF3D8A / 圆角 0
   本文件在 <head> 最前面引入(早于各页样式)，与页面样式冲突的地方用 html.app-dark 提权或 !important。
   目录：
     1) 首访语言选择   2) 各语言字体/断行   3) 外文收口(导航/横幅)
     4) 游戏语言角标   5) 分类页语言筛选条 6) 空状态         7) 提示条
     8) 详情页语言行   9) 「我的」入口      10) 顶栏切换按钮  11) 切换面板
   ========================================================== */

/* ---------- 1) 首访语言选择(与 18+ 确认同一套玫红夜空，两者先后出现) ---------- */
html.i18n-gate-lock, html.i18n-gate-lock body { overflow: hidden !important; }
.i18n-gate {
  position: fixed; inset: 0; z-index: 2147483000;
  display: flex; align-items: center; justify-content: center; padding: 20px;
  background:
    radial-gradient(110% 45% at 50% 0%, rgba(255, 90, 160, .22) 0%, transparent 60%),
    radial-gradient(70% 38% at 95% 95%, rgba(130, 35, 65, .22) 0%, transparent 60%),
    linear-gradient(180deg, #1A0610 0%, #2A0F1F 35%, #3A1228 65%, #1A0610 100%);
  overflow-y: auto;
}
.i18n-gate[hidden] { display: none; }
.i18n-gate.is-busy { pointer-events: none; }
.i18n-gate-card {
  width: 100%; max-width: 400px; box-sizing: border-box; margin: auto;
  padding: 26px 18px 18px; border-radius: 22px; text-align: center;
  background: rgba(45, 16, 24, .82); border: 1px solid rgba(255, 192, 159, .32);
  box-shadow: 0 12px 40px rgba(139, 44, 63, .5);
  -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
}
.i18n-gate-globe {
  display: inline-flex; align-items: center; justify-content: center; width: 52px; height: 52px; margin-bottom: 10px;
  border-radius: 50%; color: #FF8FA3; background: rgba(255, 143, 163, .12); border: 1px solid rgba(255, 143, 163, .28);
}
.i18n-gate-title { margin: 0; font-size: 19px; font-weight: 800; color: #FFF0E0; line-height: 1.35; }
.i18n-gate-sub { margin: 6px 0 18px; font-size: 12px; color: #C9A98C; letter-spacing: .02em; }
.i18n-gate-primary {
  width: 100%; min-height: 52px; padding: 10px 16px; box-sizing: border-box; border: 0; border-radius: 14px; cursor: pointer;
  display: flex; align-items: center; justify-content: center; gap: 8px;
  font-size: 16px; font-weight: 800; line-height: 1.3; color: #2D1018;
  background: linear-gradient(135deg, #FAD4C0 0%, #FF8FA3 60%, #C44569 100%);
  box-shadow: 0 6px 18px rgba(255, 107, 138, .35);
  transition: transform .12s ease, filter .12s ease;
}
.i18n-gate-primary[hidden] { display: none; }
.i18n-gate-primary:hover { filter: brightness(1.05); }
.i18n-gate-primary:active { transform: scale(.98); }
.i18n-gate-divider {
  display: flex; align-items: center; gap: 10px; margin: 18px 0 12px;
  font-size: 11px; color: #C9A98C; letter-spacing: .06em; text-transform: uppercase;
}
.i18n-gate-divider[hidden] { display: none; }
.i18n-gate-divider::before, .i18n-gate-divider::after { content: ''; flex: 1; height: 1px; background: rgba(255, 192, 159, .2); }
.i18n-gate-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.i18n-gate-opt {
  min-height: 44px; padding: 8px 6px; border-radius: 12px; cursor: pointer;
  font-size: 14px; font-weight: 700; color: #FFF0E0; line-height: 1.3;
  background: rgba(255, 255, 255, .05); border: 1px solid rgba(255, 192, 159, .2);
  transition: transform .12s ease, background .12s ease, border-color .12s ease;
}
.i18n-gate-opt:hover { background: rgba(255, 192, 159, .1); border-color: rgba(255, 192, 159, .4); }
.i18n-gate-opt:active { transform: scale(.97); }
.i18n-gate-opt.is-picked, .i18n-gate-primary.is-picked { opacity: .7; }
/* 单数个时最后一个占满一行 */
.i18n-gate-opt:last-child:nth-child(odd) { grid-column: 1 / -1; }
/* PC(≥1024)：深紫直角(同 PC 语言切换下拉面板 .is-pop 的令牌)，半透明遮罩盖在页面上，
   对话框 560 宽、语言三列；手机保持玫红夜空两列卡片。 */
@media (min-width: 1024px) {
  .i18n-gate { padding: 40px; background: rgba(8, 4, 16, .78); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
  .i18n-gate-card {
    max-width: 560px; padding: 34px 36px 30px; border-radius: 0;
    background: #150F22; border: 1px solid #2C2140; box-shadow: 0 18px 48px rgba(0, 0, 0, .55);
    -webkit-backdrop-filter: none; backdrop-filter: none;
  }
  .i18n-gate-globe { width: 54px; height: 54px; border-radius: 0; color: #B794F6; background: #1F1233; border-color: #4A3478; }
  .i18n-gate-title { font-size: 23px; color: #F2EEFA; }
  .i18n-gate-sub { margin-bottom: 22px; font-size: 13px; color: #8B7EA5; }
  .i18n-gate-primary { min-height: 48px; border-radius: 0; font-size: 16px; color: #fff; background: #FF3D8A; box-shadow: none; }
  .i18n-gate-primary:hover { filter: none; background: #FF5A9C; }
  .i18n-gate-divider { color: #8B7EA5; }
  .i18n-gate-divider::before, .i18n-gate-divider::after { background: #2C2140; }
  .i18n-gate-grid { grid-template-columns: repeat(3, 1fr); gap: 8px; }
  .i18n-gate-opt { min-height: 46px; font-size: 14.5px; border-radius: 0; color: #F2EEFA; background: #1A1229; border-color: #2C2140; }
  .i18n-gate-opt:hover { background: #1F1233; border-color: #4A3478; }
  .i18n-gate-opt:active { transform: none; }
  .i18n-gate-opt:last-child:nth-child(odd) { grid-column: auto; }
}

/* ---------- 2) 各语言字体/行高/断行 ---------- */
/* 站内大标题用的衬线字体 'Noto Serif SC' 并没有作为网络字体加载，实际落到系统宋体(Songti SC)，
   宋体缺 ö é ă 这类西文带音标字母 → 外文标题里显示成空白(如 Heute ver ffentlicht)。
   给这个字体名补一组「只管西文字母」的本机衬线字体：字母走 Noto Serif / Times，汉字照旧落到宋体；
   数字和标点不在范围内，中文页面的数字外观不变。十几个页面的标题样式都写的这个字体名，这里统一兜住。 */
@font-face {
  font-family: 'Noto Serif SC';
  src: local('Noto Serif'), local('NotoSerif'), local('Times New Roman'), local('TimesNewRomanPSMT'), local('Georgia'), local('DejaVu Serif');
  unicode-range: U+0041-005A, U+0061-007A, U+00C0-024F, U+0300-036F, U+1E00-1EFF;
}
@font-face {
  font-family: 'Noto Serif SC';
  font-weight: 700;
  src: local('Noto Serif Bold'), local('NotoSerif-Bold'), local('Times New Roman Bold'), local('TimesNewRomanPS-BoldMT'), local('Georgia Bold'), local('Georgia-Bold'), local('DejaVu Serif Bold');
  unicode-range: U+0041-005A, U+0061-007A, U+00C0-024F, U+0300-036F, U+1E00-1EFF;
}
/* 泰文：上下叠加的元音/声调符号需要更高行高；词与词之间不空格，绝不能用 break-all 把字拆开 */
html[lang="th"] body {
  font-family: "Noto Sans Thai", "Sukhumvit Set", "Thonburi", "Leelawadee UI", "Tahoma", sans-serif;
  line-height: 1.6;
}
html[lang="th"] body, html[lang="th"] body * { word-break: normal; line-break: auto; }
/* 越南文：组合声调符号多，略加行高 */
html[lang="vi"] body { line-height: 1.55; }
/* 韩文：按词断行，避免一个词被拆到两行 */
html[lang="ko"] body, html[lang="ko"] body * { word-break: keep-all; overflow-wrap: anywhere; }
/* 西文/英文长单词兜底 */
html[lang="en"] body, html[lang="es"] body, html[lang="vi"] body, html[lang="id"] body,
html[lang="pt"] body, html[lang="de"] body, html[lang="fr"] body { overflow-wrap: anywhere; }
/* 德文复合词很长：允许按音节断行 */
html[lang="de"] body { -webkit-hyphens: auto; hyphens: auto; }
/* 日文：中日文字体回落，避免日文汉字落到简中字形 */
html[lang="ja"] body { font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic", "Meiryo", sans-serif; }

/* ---------- 3) 外文收口：原本按 2~4 个汉字宽设计的控件 ---------- */
/* 2026-10-25 巡检(德文最长)补的几处 —— */
/* 分类页「筛选」面板的分类按钮(4 列，原样式 flex 居中 + nowrap，外文两头都被截)：允许两行 */
html:not([lang^="zh"]) .filter-chip {
  height: auto !important; min-height: 3rem; padding: 4px 6px !important; box-sizing: border-box;
  white-space: normal !important; line-height: 1.2; text-align: center; font-size: .92rem;
  overflow-wrap: anywhere; -webkit-hyphens: auto; hyphens: auto;
}
/* PC 首页右栏排行榜表头(「热游排行榜 / 今日上架 / 完整榜单 ›」)：上面的 overflow-wrap:anywhere 会让 flex 子项被压到比单词还窄，
   1024px 下葡文 Rankings 断成 Ranking + s。tab 不换行；外文收窄间距；放不下时只让「完整榜单 ›」省略号截断 */
html .home-rank .hr-tab { white-space: nowrap; }
html.app-dark:not([lang^="zh"]) body .home-rank .hr-head { gap: 14px !important; }
html.app-dark body .home-rank .hr-more { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
/* 语言切换面板：语言自称名完整显示(Bahasa Indonesia 不再截成 Bahasa Indone…) */
html .i18n-sheet .i18n-opt-main { white-space: normal; overflow-wrap: anywhere; }   /* 原规则在本文件后面(11)，需更高优先级 */
/* 搜索页语言条件：已选语言 + 「全部解除」自动换行，不再藏在横向滚动区尾部看不到 */
/* search.css 在本文件之后加载，选择器前加 html 提高优先级 */
html .search-lang { align-items: flex-start; }
html .search-lang-label { line-height: 26px; }
html .search-lang-chips { flex-wrap: wrap; overflow: visible; }
/* 搜索页语言多选：手机两列、格子随内容增高(三列时长语言名溢出格子)；PC 弹窗里仍三列 */
@media (max-width: 1023px) {
  html:not(.pc-modal) .search-lang-opts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.search-lang-opt { height: auto !important; min-height: 36px; padding-top: 6px !important; padding-bottom: 6px !important; line-height: 1.25; }
/* 个人中心邀请横幅(卡片固定高 163px)：外文标题允许换行(原 nowrap 冲出卡片)；
   小标签收成单行省略，标题字号略收，内容总高装进卡片(德文原先 189px，上下被裁) */
html:not([lang^="zh"]) .invite-card-title { white-space: normal !important; font-size: 16px; line-height: 1.2; margin-top: 6px; }
html:not([lang^="zh"]) .invite-tag {
  display: inline-block; max-width: 100%; box-sizing: border-box; padding: 3px 9px;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; letter-spacing: 0; font-size: 10px; vertical-align: top;
}
html:not([lang^="zh"]) .invite-tag::before { display: inline-block; margin-right: 6px; vertical-align: middle; }
/* 漫画栏目被语言筛空：提示放进了网格列表里(home-comic.js)，横跨整行居中 */
.game-list > .hc-tip { grid-column: 1 / -1; width: 100%; }
/* 漫画详情解锁卡片标题：左锁图标、右买断按钮，外文一行放不下 → 允许两行 */
html:not([lang^="zh"]) .cm-unlock-title { white-space: normal !important; line-height: 1.35; }

/* 手机底栏：每格约 75px，单行省略 */
html:not([lang^="zh"]) .bottom-nav .nav-label {
  font-size: 10px; line-height: 1.2; max-width: 100%;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; text-align: center;
}
/* 手机首页欢迎横幅：标题右侧有下载键，外文一行放不下 → 最多两行，字号略收 */
/* 首页欢迎横幅：右侧下载键是绝对定位，宽度随语言变(Download / Herunterladen …)。
   标题右侧按按钮实际宽度留空(--em-dl-w 由首页脚本量出来)，不再被按钮压住。 */
html.app-dark .em-hero .em-htitle { max-width: calc(100% - var(--em-dl-w, 30%)) !important; }
@media (max-width: 1023px) {
  html:not([lang^="zh"]) .em-htitle {
    white-space: normal !important; text-overflow: clip !important;
    display: -webkit-box !important; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden !important;
    font-size: 13px !important; line-height: 1.3 !important;
  }
}
@media (max-width: 1023px) {
  /* 分类页左侧类目栏只有 ~61px：外文类目名按词换行、长词按音节断开(不再「Simplifi / ed」乱断)，字号略收 */
  html:not([lang^="zh"]) .tag-nav .tag-link {
    font-size: 11px !important; line-height: 1.25 !important;
    word-break: normal !important; overflow-wrap: break-word !important; -webkit-hyphens: auto; hyphens: auto;
  }
  /* 卡片封面左上的类目角标：外文可能很长，限宽省略，别压到右上角的档位角标 */
  html:not([lang^="zh"]) .game-card .card-badge {
    display: block !important; max-width: 58% !important; box-sizing: border-box;
    white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important;
  }
}
@media (min-width: 1024px) {
  /* PC 左侧栏 72px 宽：外文标签允许两行(如 Quick Play / クイックプレイ)，不再截成「クイックプ…」 */
  html.app-dark:not([lang^="zh"]) .bottom-nav .nav-label {
    font-size: 10.5px !important; line-height: 1.15 !important; max-width: 68px; text-align: center;
    white-space: normal !important; overflow: hidden; text-overflow: clip;
    display: -webkit-box !important; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
    overflow-wrap: normal; word-break: normal;
  }
  /* PC 筛选行标签(平台/评级/语言)：外文长短不一，给个最小宽让三排胶囊左缘对齐 */
  html.app-dark:not([lang^="zh"]) .platform-filter::before,
  html.app-dark:not([lang^="zh"]) .mark-filter::before,
  html.app-dark:not([lang^="zh"]) .glang-filter::before,
  html.app-dark:not([lang^="zh"]) .sort-filter::before,
  html.app-dark:not([lang^="zh"]) .cm-style-filter::before { min-width: 4.6em; }
}

/* ---------- 4) 游戏语言角标(分类页卡片 / 搜索结果) ---------- */
.glang-badges { display: inline-flex; gap: 3px; flex-wrap: wrap; vertical-align: middle; }
.glang-badge {
  display: inline-flex; align-items: center; height: 16px; padding: 0 5px; box-sizing: border-box;
  border-radius: 999px; font-size: 9.5px; font-weight: 700; font-style: normal; line-height: 1; letter-spacing: .03em;
  color: rgba(255, 240, 224, .78); border: 1px solid rgba(255, 240, 224, .28); background: rgba(26, 6, 16, .35);
}
.glang-badge.is-hit { color: #3A1228; border-color: transparent; background: #FFC09F; }
.card-langs.glang-badges { display: flex; flex-wrap: nowrap; overflow: hidden; margin-top: 5px; }
.card-langs .glang-badge { flex: none; }
.search-result-info .glang-badges { margin-top: 4px; }
@media (min-width: 1024px) {
  /* PC 宫格按「3 行正好铺满视口、封面弹性吸收剩余高度」设计(game-center_pc.css)，
     多一行角标会让有角标/没角标的卡封面高矮不一 → 角标浮在封面左下角，文字区高度保持原设计 */
  html.app-dark .game-card .card-content { position: relative !important; }
  html.app-dark .game-card .card-langs.glang-badges {
    position: absolute; left: 6px; right: 6px; bottom: 100%; margin: 0 0 6px; z-index: 2; pointer-events: none;
  }
  html.app-dark .game-card .glang-badge {
    height: 17px; border-radius: 0; color: #E8DEF8; border-color: rgba(255, 255, 255, .14); background: rgba(11, 8, 18, .78);
    -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);
  }
  html.app-dark .game-card .glang-badge.is-hit { color: #fff; border-color: #6D3FB5; background: #6D3FB5; }
}

/* ---------- 5) 分类页语言筛选条：结构/胶囊沿用平台·评级两排(.plat-chip)，这里只补数量和图标 ---------- */
.glang-filter .glang-chip-ico { flex: none; opacity: .85; }
.glang-filter .glang-chip-n { margin-left: 1px; font-size: .85em; font-weight: 500; opacity: .62; font-variant-numeric: tabular-nums; }
.glang-filter .plat-chip.active .glang-chip-n { opacity: .75; }

/* 已选条件条(对标 DLsite「English × · Cancel all」)：分类页列表上方 */
.gc-active { flex: none; display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 0 0 10px; }
.gc-active[hidden] { display: none; }
.gc-active-label { font-size: 12px; color: #C9A98C; margin-right: 2px; }
.gc-active-item {
  display: inline-flex; align-items: center; gap: 4px; height: 26px; padding: 0 6px 0 10px; border-radius: 999px; cursor: pointer;
  font-size: 12px; font-weight: 700; color: #FFE7D6; background: rgba(255, 143, 163, .16); border: 1px solid rgba(255, 143, 163, .45);
}
.gc-active-x { display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px; border-radius: 50%; font-size: 13px; line-height: 1; background: rgba(255, 255, 255, .12); }
.gc-active-item:hover .gc-active-x { background: rgba(255, 255, 255, .28); }
.gc-active-clear { border: 0; background: none; padding: 0 4px; font-size: 12px; color: #C9A98C; cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }
@media (min-width: 1024px) {
  html.app-dark .gc-active { margin: 0 0 12px; }
  html.app-dark .gc-active-label { color: #8B7EA5; font-weight: 600; min-width: 4.6em; }
  html.app-dark .gc-active-item { border-radius: 0; height: 26px; color: #D7C9F5; background: #2A1046; border-color: #6D3FB5; }
  html.app-dark .gc-active-x { border-radius: 0; background: transparent; }
  html.app-dark .gc-active-item:hover { background: #3A1A60; }
  html.app-dark .gc-active-clear { color: #8B7EA5; }
  html.app-dark .gc-active-clear:hover { color: #F2EEFA; }
}

/* ---------- 6) 空状态：「暂无 X 语游戏 → 切到有游戏的语言」 ---------- */
.glang-empty {
  grid-column: 1 / -1;   /* 分类页列表是网格，空状态要占满整行 */
  margin: 8px 0 16px; padding: 28px 20px 22px; box-sizing: border-box; text-align: center;
  border-radius: 18px; background: rgba(58, 18, 40, .55); border: 1px solid rgba(255, 192, 159, .25);
  color: #E8B7A8;
}
.glang-empty-icon {
  display: inline-flex; align-items: center; justify-content: center; width: 54px; height: 54px; margin-bottom: 12px;
  border-radius: 50%; color: #FF8FA3; background: rgba(255, 143, 163, .12); border: 1px solid rgba(255, 143, 163, .25);
}
.glang-empty-icon svg { width: 28px; height: 28px; }
.glang-empty-title { font-size: 16px; font-weight: 800; line-height: 1.4; color: #FFF0E0; margin: 0 0 6px; }
.glang-empty-sub { font-size: 13px; line-height: 1.6; color: #C9A98C; margin: 0 auto 16px; max-width: 30em; }
.glang-empty-opts { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.glang-empty-opt {
  display: inline-flex; align-items: center; gap: 5px; padding: 7px 14px; border-radius: 999px; cursor: pointer;
  font-size: 13px; font-weight: 700; line-height: 1.3; text-decoration: none; white-space: nowrap;
  color: #FFF0E0; border: 1px solid rgba(255, 192, 159, .35); background: rgba(255, 255, 255, .05);
  transition: background .15s ease, border-color .15s ease;
}
.glang-empty-opt:hover { background: rgba(255, 192, 159, .12); border-color: rgba(255, 192, 159, .55); }
.glang-empty-opt .glang-chip-n { font-weight: 500; opacity: .6; font-variant-numeric: tabular-nums; }
/* 首页「去分类页看看」是唯一主操作：实心渐变 */
a.glang-empty-opt {
  padding: 9px 22px; color: #2D1018; border-color: transparent;
  background: linear-gradient(135deg, #FAD4C0 0%, #FF8FA3 60%, #C44569 100%); box-shadow: 0 4px 12px rgba(255, 107, 138, .3);
}
a.glang-empty-opt:hover { background: linear-gradient(135deg, #FAD4C0 0%, #FF8FA3 60%, #C44569 100%); filter: brightness(1.05); }
.glang-empty-links { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 6px 18px; margin-top: 16px; }
.glang-empty-more {
  padding: 2px 0; font-size: 12px; line-height: 1.4; color: #C9A98C; cursor: pointer;
  background: none; border: 0; text-decoration: none; border-bottom: 1px dashed rgba(201, 169, 140, .5);
}
.glang-empty-more:hover { color: #FFF0E0; border-bottom-color: currentColor; }
@media (min-width: 1024px) {
  html.app-dark .glang-empty { border-radius: 0; background: #150F22; border-color: #241B36; color: #B6A8CC; padding: 40px 24px 32px; }
  html.app-dark .glang-empty-icon { color: #B794F6; background: #2A1046; border-color: #6D3FB5; }
  html.app-dark .glang-empty-title { color: #F2EEFA; }
  html.app-dark .glang-empty-sub { color: #8B7EA5; }
  html.app-dark .glang-empty-opt { border-radius: 0; color: #D7C9F5; border-color: #2C2140; background: #1A1229; }
  html.app-dark .glang-empty-opt:hover { background: #2A1046; border-color: #6D3FB5; color: #F2EEFA; }
  html.app-dark a.glang-empty-opt { color: #fff; border-color: transparent; background: #FF3D8A; box-shadow: none; }
  html.app-dark a.glang-empty-opt:hover { background: #FF5A9C; filter: none; }
  html.app-dark .glang-empty-more { color: #8B7EA5; border-bottom-color: rgba(139, 126, 165, .5); }
  html.app-dark .glang-empty-more:hover { color: #F2EEFA; }
}

/* ---------- 7) 提示条：首页「只显示支持 X 的游戏 · 显示全部语言」/ 详情页不支持警告 ---------- */
.glang-notice {
  display: flex; align-items: center; gap: 8px; margin: 4px 0 12px; padding: 8px 12px; box-sizing: border-box;
  border-radius: 12px; font-size: 12px; line-height: 1.5;
  color: #E8B7A8; background: rgba(58, 18, 40, .55); border: 1px solid rgba(255, 192, 159, .22);
}
.glang-notice-ico { flex: none; display: inline-flex; color: #FF8FA3; }
.glang-notice-ico svg { width: 14px; height: 14px; }
.glang-notice-text { flex: 1 1 auto; min-width: 0; }
.glang-notice-act {
  flex: none; margin-left: auto; padding: 0; border: 0; background: none; cursor: pointer; white-space: nowrap;
  font-size: 12px; font-weight: 700; color: #FF8FA3;
}
.glang-notice-act::after { content: ' ›'; }
.glang-notice-act:hover { color: #FFC09F; }
/* 警告：暖橙 */
.glang-notice--warn { align-items: flex-start; color: #FFE7D6; background: rgba(255, 176, 136, .12); border-color: rgba(255, 176, 136, .35); }
.glang-notice--warn .glang-notice-ico { color: #FFB088; margin-top: 2px; }
.gd-lang-warn { margin: 10px 0 0; }
@media (min-width: 1024px) {
  html.app-dark .home-glang .glang-notice { border-radius: 0; color: #B6A8CC; background: #150F22; border-color: #241B36; padding: 9px 14px; }
  html.app-dark .home-glang .glang-notice-ico { color: #B794F6; }
  html.app-dark .home-glang .glang-notice-act { color: #FF3D8A; }
  html.app-dark .home-glang .glang-notice-act:hover { color: #FF7AB0; }
}

/* ---------- 8) 游戏详情：语言行(玫红资料卡上) ---------- */
.gd-lang-line { display: flex; flex-wrap: wrap; align-items: center; gap: 5px 6px; margin-top: 7px; font-size: 12px; line-height: 1.4; }
.gd-lang-ico { display: inline-flex; color: rgba(255, 240, 224, .8); }
.gd-lang-label { color: rgba(255, 240, 224, .82); margin-right: 2px; }
.gd-lang-chip {
  display: inline-flex; align-items: center; padding: 2px 8px; border-radius: 999px; font-size: 11px; line-height: 1.4;
  color: rgba(255, 240, 224, .9); border: 1px solid rgba(255, 240, 224, .32); background: rgba(58, 18, 40, .16);
}
.gd-lang-chip.is-hit { color: #8B2C3F; font-weight: 700; border-color: transparent; background: #FFF0E0; }
/* inline-block 而不是 flex：flex 会把「机器翻译 · 」和「查看原文」拆成两个块，窄屏时各自折行、圆点落单 */
.mt-flag {
  display: inline-block; text-align: left; padding: 0; margin-left: 2px; cursor: pointer;
  font-size: 11px; color: rgba(255, 240, 224, .78); border: 0; background: none;
  text-decoration: underline; text-decoration-style: dotted; text-underline-offset: 3px;
}

/* 付款弹窗「当前语言没有可用支付方式 → 切换到 X」按钮 */
.pay-switch-btn {
  display: flex; align-items: center; justify-content: center; width: 100%; box-sizing: border-box;
  margin: 10px 0 0; padding: 10px 14px; border: 0; border-radius: 999px; cursor: pointer;
  font-size: 14px; font-weight: 800; color: #2D1018; background: linear-gradient(135deg, #FAD4C0 0%, #FF8FA3 60%, #C44569 100%);
  box-shadow: 0 4px 14px rgba(196, 69, 105, .35);
}
.pay-switch-btn:disabled { opacity: .6; }
/* 没有可用支付方式时「确认支付」置灰不可点(comic-buy.js setBtn)，引导用户点上面的「切换到 X 付款」 */
.is-pay-off { opacity: .4 !important; filter: grayscale(.6); pointer-events: none !important; cursor: not-allowed; }
/* 买断弹窗(漫画/写真/ASMR)的「推荐」支付方式角标，和会员、游戏档位弹窗一致 */
.pay-rec-tag { flex-shrink: 0; margin: 0 8px 0 auto; font-size: 10px; line-height: 1.4; padding: 2px 8px; border-radius: 6px; background: rgba(74, 200, 120, .18); color: #3aa860; white-space: nowrap; }
html.app-dark .pay-rec-tag { color: #7ee29b; }

/* ---------- 9) 「我的」页 / 设置页的语言入口 ---------- */
.action-btn.lang-btn { color: #fff; display: inline-flex; align-items: center; justify-content: center; }
.feature-icon-wrapper--svg { color: #FF8FA3; }
.feature-icon-wrapper--svg svg.feature-icon { width: 26px; height: 26px; }

/* ---------- 10) 顶栏切换按钮：外观跟随旁边的搜索框 ---------- */
.i18n-switch {
  flex: none; display: inline-flex; align-items: center; gap: 5px; height: 38px; padding: 0 10px 0 11px; box-sizing: border-box;
  border-radius: 14px; border: 1px solid rgba(255, 192, 159, .32); background: rgba(74, 42, 64, .72);
  color: #FFE7D6; font-size: 13px; font-weight: 700; line-height: 1; cursor: pointer; white-space: nowrap;
  transition: border-color .15s ease, background .15s ease, transform .12s ease;
}
.i18n-switch:active { transform: scale(.96); }
.i18n-switch[aria-expanded="true"] { border-color: rgba(255, 143, 163, .7); }
.i18n-switch-ico { flex: none; color: #FF8FA3; }
.i18n-switch-text { display: inline-flex; align-items: center; letter-spacing: .02em; }
.i18n-switch-cur::before { content: ''; display: inline-block; width: 1px; height: 11px; margin: 0 6px; vertical-align: -1px; background: currentColor; opacity: .35; }
.i18n-switch-caret { flex: none; opacity: .6; transition: transform .18s ease; }
.i18n-switch[aria-expanded="true"] .i18n-switch-caret { transform: rotate(180deg); }
html:not(.app-dark) .i18n-switch { color: #3A1228; border-color: rgba(58, 18, 40, .2); background: rgba(255, 255, 255, .7); }
/* 手机顶栏寸土寸金：去掉下拉箭头；有币种时语言、币种上下两行叠放(DLsite 手机站同款：图标 + 「日本語-JPY」窄标签)，把宽度还给搜索框 */
@media (max-width: 1023px) {
  .i18n-switch { gap: 4px; padding: 0 9px; }
  .i18n-switch-caret { display: none; }
  .i18n-switch-text { flex-direction: column; align-items: flex-start; line-height: 1.05; }
  .i18n-switch-cur { font-size: 9.5px; font-weight: 600; opacity: .75; letter-spacing: .02em; }
  .i18n-switch-cur::before { display: none; }
}
@media (min-width: 1024px) {
  html.app-dark .i18n-switch { border-radius: 0; height: 38px; padding: 0 12px; background: #221838; border-color: #3B2C5C; color: #E8DEF8; }
  html.app-dark .i18n-switch:hover, html.app-dark .i18n-switch[aria-expanded="true"] { border-color: #6D3FB5; background: #2A1046; color: #F2EEFA; }
  html.app-dark .i18n-switch-ico { color: #B794F6; }
  html.app-dark .i18n-switch:active { transform: none; }
}

/* ---------- 11) 切换面板：手机底部弹层 / PC 下拉面板(.is-pop) ---------- */
.i18n-sheet { position: fixed; inset: 0; z-index: 2147482000; }
.i18n-sheet[hidden] { display: none; }
.i18n-sheet.is-busy { pointer-events: none; }
.i18n-sheet-mask { position: absolute; inset: 0; background: rgba(26, 6, 16, .6); opacity: 0; transition: opacity .18s ease; }
.i18n-sheet.is-open .i18n-sheet-mask { opacity: 1; }
.i18n-sheet-panel {
  position: absolute; left: 50%; bottom: 0; width: 100%; max-width: 500px; box-sizing: border-box;
  max-height: 82vh; display: flex; flex-direction: column;
  padding: 8px 16px calc(16px + env(safe-area-inset-bottom));
  border-radius: 20px 20px 0 0; border-top: 1px solid rgba(255, 192, 159, .3);
  background: linear-gradient(180deg, #3A1228 0%, #2A0F1F 40%, #22091A 100%); color: #FFF0E0;
  box-shadow: 0 -10px 30px rgba(0, 0, 0, .35);
  transform: translate(-50%, 100%); transition: transform .22s cubic-bezier(.2, .8, .2, 1);
}
.i18n-sheet.is-open .i18n-sheet-panel { transform: translate(-50%, 0); }
.i18n-sheet-grab { flex: none; width: 36px; height: 4px; margin: 0 auto 10px; border-radius: 2px; background: rgba(255, 240, 224, .22); }
.i18n-sheet-head { flex: none; display: flex; align-items: center; gap: 8px; margin-bottom: 12px; }
.i18n-sheet-head b { font-size: 16px; font-weight: 800; }
.i18n-sheet-en { font-size: 11px; color: #C9A98C; letter-spacing: .04em; }
.i18n-sheet-x {
  margin-left: auto; width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; padding: 0;
  border: 0; border-radius: 50%; background: rgba(255, 255, 255, .06); color: #E8B7A8; cursor: pointer;
}
.i18n-sheet-x:hover { background: rgba(255, 255, 255, .12); color: #FFF0E0; }
.i18n-sheet-body { overflow-y: auto; overscroll-behavior: contain; margin: 0 -2px; padding: 0 2px 2px; }
.i18n-sheet-sub { display: flex; align-items: baseline; gap: 6px; margin: 16px 0 8px; font-size: 12px; font-weight: 700; color: #C9A98C; }
.i18n-sheet-sub:first-child { margin-top: 0; }
.i18n-sheet-sub small { font-weight: 500; opacity: .7; }
.i18n-sheet-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.i18n-sheet-opt {
  position: relative; display: flex; flex-direction: column; justify-content: center; gap: 2px;
  min-height: 52px; padding: 7px 30px 7px 12px; box-sizing: border-box; text-align: left; cursor: pointer;
  border-radius: 12px; border: 1px solid rgba(255, 192, 159, .18); background: rgba(255, 255, 255, .05); color: #FFF0E0;
  transition: background .15s ease, border-color .15s ease;
}
.i18n-sheet-opt:hover { background: rgba(255, 192, 159, .1); border-color: rgba(255, 192, 159, .35); }
.i18n-opt-main { font-size: 14px; font-weight: 700; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.i18n-opt-sub { font-size: 11px; line-height: 1.3; color: #C9A98C; }
.i18n-opt-check { position: absolute; right: 10px; top: 50%; margin-top: -8px; color: #FF8FA3; opacity: 0; }
.i18n-sheet-opt.is-on { background: rgba(255, 143, 163, .14); border-color: rgba(255, 143, 163, .6); }
.i18n-sheet-opt.is-on .i18n-opt-main { color: #FFD9C7; }
.i18n-sheet-opt.is-on .i18n-opt-check { opacity: 1; }
/* 币种项：代码为主、符号小字；三列 */
.i18n-sheet-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.i18n-sheet-grid--cur { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.i18n-sheet-opt { min-width: 0; }
.i18n-sheet-grid--cur .i18n-sheet-opt { min-height: 48px; padding: 6px 22px 6px 10px; }
.i18n-sheet-grid--cur .i18n-opt-sub { font-size: 10.5px; }
.i18n-sheet-grid--cur .i18n-opt-main small { font-size: 11px; font-weight: 600; opacity: .6; margin-left: 2px; }
.i18n-sheet-grid--cur .i18n-opt-sub { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.i18n-sheet-grid--cur .i18n-opt-check { right: 7px; }
/* 底部「应用」条(语言 + 币种两组时出现，对标 DLsite 的 Save) */
.i18n-sheet-foot {
  flex: none; display: flex; align-items: center; gap: 12px; margin: 12px -16px 0; padding: 12px 16px 0;
  border-top: 1px solid rgba(255, 192, 159, .18);
}
.i18n-sheet-sum { flex: 1 1 auto; min-width: 0; font-size: 13px; font-weight: 700; color: #FFD9C7; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.i18n-sheet-apply {
  flex: none; min-width: 112px; height: 42px; padding: 0 20px; border: 0; border-radius: 999px; cursor: pointer;
  font-size: 15px; font-weight: 800; color: #2D1018;
  background: linear-gradient(135deg, #FAD4C0 0%, #FF8FA3 60%, #C44569 100%); box-shadow: 0 4px 12px rgba(255, 107, 138, .3);
}
.i18n-sheet-apply:disabled { opacity: .4; box-shadow: none; cursor: default; }
.i18n-sheet-apply.is-busy { opacity: .7; }
/* 保存中：打勾位换成转圈 */
.i18n-sheet-opt.is-busy .i18n-opt-check { opacity: 0; }
.i18n-sheet-opt.is-busy::after {
  content: ''; position: absolute; right: 10px; top: 50%; width: 14px; height: 14px; margin-top: -7px; box-sizing: border-box;
  border-radius: 50%; border: 2px solid rgba(255, 143, 163, .3); border-top-color: #FF8FA3; animation: i18n-spin .7s linear infinite;
}
@keyframes i18n-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
  .i18n-sheet-panel, .i18n-sheet-mask, .i18n-switch-caret { transition: none; }
}

/* PC 下拉面板：挂在按钮下方(top/right 由脚本按按钮位置算)，无遮罩，点外面关闭 */
.i18n-sheet.is-pop .i18n-sheet-mask { background: transparent; }
.i18n-sheet.is-pop .i18n-sheet-panel {
  left: auto; bottom: auto; width: 380px; max-width: calc(100vw - 16px); max-height: min(560px, calc(100vh - 90px));
  padding: 14px 14px 14px; border-radius: 0; border: 1px solid #2C2140; background: #150F22; color: #F2EEFA;
  box-shadow: 0 18px 48px rgba(0, 0, 0, .55);
  transform: translateY(-6px); opacity: 0; transition: transform .16s ease, opacity .16s ease;
}
.i18n-sheet.is-pop.is-open .i18n-sheet-panel { transform: none; opacity: 1; }
.i18n-sheet.is-pop .i18n-sheet-grab { display: none; }
.i18n-sheet.is-pop .i18n-sheet-head { margin-bottom: 10px; }
.i18n-sheet.is-pop .i18n-sheet-head b { font-size: 14px; }
.i18n-sheet.is-pop .i18n-sheet-en, .i18n-sheet.is-pop .i18n-sheet-sub { color: #8B7EA5; }
.i18n-sheet.is-pop .i18n-sheet-x { width: 28px; height: 28px; border-radius: 0; background: transparent; color: #8B7EA5; }
.i18n-sheet.is-pop .i18n-sheet-x:hover { background: #1F1233; color: #F2EEFA; }
.i18n-sheet.is-pop .i18n-sheet-grid { gap: 6px; }
.i18n-sheet.is-pop .i18n-sheet-opt { min-height: 46px; border-radius: 0; border-color: #2C2140; background: #1A1229; color: #F2EEFA; }
.i18n-sheet.is-pop .i18n-sheet-opt:hover { background: #1F1233; border-color: #4A3478; }
.i18n-sheet.is-pop .i18n-opt-main { font-size: 13px; }
.i18n-sheet.is-pop .i18n-opt-sub { color: #8B7EA5; }
.i18n-sheet.is-pop .i18n-opt-check { color: #B794F6; }
.i18n-sheet.is-pop .i18n-sheet-opt.is-on { background: #2A1046; border-color: #6D3FB5; }
.i18n-sheet.is-pop .i18n-sheet-opt.is-on .i18n-opt-main { color: #D7C9F5; }
.i18n-sheet.is-pop .i18n-sheet-opt.is-busy::after { border-color: rgba(183, 148, 246, .3); border-top-color: #B794F6; }
.i18n-sheet.is-pop .i18n-sheet-foot { margin: 12px -14px 0; padding: 12px 14px 0; border-top-color: #2C2140; }
.i18n-sheet.is-pop .i18n-sheet-sum { color: #D7C9F5; }
.i18n-sheet.is-pop .i18n-sheet-apply { height: 36px; border-radius: 0; color: #fff; background: #FF3D8A; box-shadow: none; font-size: 14px; }
.i18n-sheet.is-pop .i18n-sheet-apply:hover:not(:disabled) { background: #FF5A9C; }
.i18n-sheet.is-pop { --i18n-pop-w: 440px; }
.i18n-sheet.is-pop .i18n-sheet-panel { width: var(--i18n-pop-w); }

/* 游戏详情「今日剩余 x 次下载 · 升级会员」条(窄屏外文)：外文按钮文案长且不换行，原来说明文字被挤到 ~120px，
   法/葡/德又允许任意处断词，单词被拆得七零八落。改为放不下时按钮换到第二行靠右，说明文字按整词换行 */
html:not([lang^="zh"]):not(.pc-modal) body .quota-free { flex-wrap: wrap; row-gap: 8px; }
html:not([lang^="zh"]):not(.pc-modal) body .quota-free .quota-text { flex: 1 1 170px; overflow-wrap: normal; word-break: normal; }
html:not([lang^="zh"]):not(.pc-modal) body .quota-free .quota-upgrade { margin-left: auto; }
html:not([lang^="zh"]) body .quota-member .quota-text { overflow-wrap: normal; word-break: normal; }

/* 会员权益对比表(vip/instruction)：6 列平分 375px 时首列只有 ~60px，「Téléchargements quotidiens」被拆成「Télécharge / ments」。
   外文窄屏加宽首列，并改成按音节加连字符断行(hyphens 依赖 html lang)，不在单词中间硬断 */
@media (max-width: 520px) { html:not([lang^="zh"]) body .tcompare { grid-template-columns: 1.55fr repeat(5, 1fr); } }
html:not([lang^="zh"]) body .tcompare > div { overflow-wrap: normal; word-break: normal; -webkit-hyphens: auto; hyphens: auto; }
html:not([lang^="zh"]) body .tcompare > div.tc-name { padding-left: .45rem; padding-right: .25rem; }

/* 个人中心 VIP 卡(user-center .ucv-card)：外文下标题被左图标 + 右「订阅」按钮夹到 ~89px，长单词被拆。
   放不下时按钮换到下一行靠右，标题按音节断行；底部 4 格权益在窄屏外文下排成 2×2(「téléchargements/jour」中间没有空格可换行) */
html:not([lang^="zh"]) body .ucv-card-top { flex-wrap: wrap; row-gap: 10px; }
html:not([lang^="zh"]) body .ucv-card-main { flex: 1 1 150px; min-width: 0; }
html:not([lang^="zh"]) body .ucv-card-title, html:not([lang^="zh"]) body .ucv-card-desc, html:not([lang^="zh"]) body .ucv-benefit {
    overflow-wrap: normal; word-break: normal; -webkit-hyphens: auto; hyphens: auto; min-width: 0;
}
html:not([lang^="zh"]) body .ucv-card-btn { margin-left: auto; }
@media (max-width: 400px) {
    html:not([lang^="zh"]) body .ucv-benefits { flex-wrap: wrap; row-gap: 10px; }
    html:not([lang^="zh"]) body .ucv-benefit { flex: 1 1 45%; }
}

/* ===== 外文窄屏(320~375px)排版收紧 2026-11-03 ===== */
/* 详情页(游戏/漫画/写真/ASMR)标签栏：原来 gap 32px + 右侧「问题反馈」，外文下标签被挤到 20~50px，
   「Détails / Avis」被逐字拆开。改为标签不换行、整栏可横向滑动 */
html:not([lang^="zh"]):not(.pc-modal) body .tab-bar { gap: 20px; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; }
html:not([lang^="zh"]):not(.pc-modal) body .tab-bar::-webkit-scrollbar { display: none; }
html:not([lang^="zh"]):not(.pc-modal) body .tab-item,
html:not([lang^="zh"]):not(.pc-modal) body .tab-feedback-link { flex: none; white-space: nowrap; overflow-wrap: normal; word-break: normal; }
html:not([lang^="zh"]):not(.pc-modal) body .tab-feedback-link { margin-left: auto; }
/* 首页资讯栏：分类标签和日期被压到 ~60px 拆成「Annonce/s」「2025/04/ 21」；「查看全部」按钮折行 */
html:not([lang^="zh"]) body .activity-module .header .more { white-space: nowrap; flex: none; }
html:not([lang^="zh"]) body .activity_up { flex-wrap: wrap; gap: 4px 8px; }
html:not([lang^="zh"]) body .activity_up .type, html:not([lang^="zh"]) body .activity_up .time { white-space: nowrap; overflow-wrap: normal; word-break: normal; }
/* 每日任务：进度胶囊挤压任务名、奖励胶囊折行、圆环里「今日已完成」贴边 —— 放不下就换行，胶囊本身不折 */
html:not([lang^="zh"]) body .dtask-head { flex-wrap: wrap; align-items: flex-start; gap: 4px 8px; }
html:not([lang^="zh"]) body .dtask-title { flex: 1 1 auto; min-width: 0; }
html:not([lang^="zh"]) body .dtask-progress, html:not([lang^="zh"]) body .dtask-reward { white-space: nowrap; flex: none; }
html:not([lang^="zh"]) body .dtask-foot { flex-wrap: wrap; gap: 10px; }
html:not([lang^="zh"]) body .dtask-btn { margin-left: auto; }
html:not([lang^="zh"]) body .daily-ring { width: 76px; height: 76px; }
html:not([lang^="zh"]) body .daily-ring .dr-label { font-size: 9px; line-height: 1.15; text-align: center; padding: 0 5px; }
/* 写点评弹层的四项评分：外文「推荐 / 不推荐」按钮组约 280px 且不收缩，左侧标签被挤到 0 宽、逐字竖排。
   放不下时按钮组换到下一行靠右 */
html body .review-rec-row { flex-wrap: wrap; row-gap: 8px; }
html body .rec-label { flex: 1 1 150px; }
html body .rec-seg { margin-left: auto; max-width: 100%; }
html:not([lang^="zh"]) body .rec-opt { padding: 6px 12px; }

/* ===== 付款弹窗里的「付款账户」(泰国 Thai QR 先填后下单，box-i18n.js T.payerForm) =====
   手机：暗色玫红皮(同付款弹窗)；PC(弹窗 iframe html.pc-modal / ≥1024px 顶层会员弹窗)：项目统一的紫色直角皮 */
.pay-payer { margin: 12px 0 4px; text-align: left; }
.pay-payer-tip { padding: 8px 10px; border-radius: 10px; font-size: 12px; line-height: 1.55; background: rgba(255, 176, 136, .12); color: #FFD3BD; }
.pay-payer-f { display: block; margin-top: 10px; }
.pay-payer-f span { display: block; margin-bottom: 5px; font-size: 12px; color: #C9A98C; }
.pay-payer-f input, .pay-payer-f select, .pay-payer-f .box-sel {
  display: block; width: 100%; height: 40px; box-sizing: border-box; padding: 0 10px; border-radius: 10px;
  border: 1px solid rgba(255, 192, 159, .3); background: rgba(0, 0, 0, .25); color: #F6E7DD; font-size: 14px;
  -webkit-appearance: none; appearance: none; outline: none;
}
.pay-payer-f select, .pay-payer-f .box-sel { background-image: linear-gradient(45deg, transparent 50%, #C9A98C 50%), linear-gradient(135deg, #C9A98C 50%, transparent 50%);
  background-position: calc(100% - 16px) 17px, calc(100% - 11px) 17px; background-size: 5px 5px; background-repeat: no-repeat; padding-right: 28px; }
.pay-payer-f input::placeholder { color: rgba(201, 169, 140, .7); }
.pay-payer-f input:focus, .pay-payer-f select:focus, .pay-payer-f .box-sel:focus { border-color: #FF8FA3; }
.pay-payer-f .box-sel.is-empty { color: rgba(201, 169, 140, .7); }
.pay-payer-f select option { color: #222; background: #fff; }
html.pc-modal .pay-payer-tip { border-radius: 0; background: rgba(255, 61, 138, .08); border-left: 3px solid #FF3D8A; color: #E9DDF7; }
html.pc-modal .pay-payer-f span { color: #B6A8CC; font-size: 12.5px; font-weight: 600; }
html.pc-modal .pay-payer-f input, html.pc-modal .pay-payer-f select, html.pc-modal .pay-payer-f .box-sel { border-radius: 0; border-color: #453466; background-color: #2C2148; color: #F2EEFA; caret-color: #FF3D8A; }
html.pc-modal .pay-payer-f input::placeholder { color: #9C8FB8; }
html.pc-modal .pay-payer-f input:focus, html.pc-modal .pay-payer-f select:focus, html.pc-modal .pay-payer-f .box-sel:focus { border-color: #7C3AED; }
html.pc-modal .pay-payer-f .box-sel.is-empty { color: #9C8FB8; }
html.pc-modal .pay-payer-f select option { color: #F2EEFA; background: #2C2148; }
@media (min-width: 1024px) {
  html .pay-payer-tip { border-radius: 0; background: rgba(255, 61, 138, .08); border-left: 3px solid #FF3D8A; color: #E9DDF7; }
  html .pay-payer-f span { color: #B6A8CC; font-size: 12.5px; font-weight: 600; }
  html .pay-payer-f input, html .pay-payer-f select, html .pay-payer-f .box-sel { border-radius: 0; border-color: #453466; background-color: #2C2148; color: #F2EEFA; caret-color: #FF3D8A; }
  html .pay-payer-f input::placeholder { color: #9C8FB8; }
  html .pay-payer-f input:focus, html .pay-payer-f select:focus, html .pay-payer-f .box-sel:focus { border-color: #7C3AED; }
  html .pay-payer-f .box-sel.is-empty { color: #9C8FB8; }
  html .pay-payer-f select option { color: #F2EEFA; background: #2C2148; }
}

/* ===== 站内下拉(box-i18n.js T.select)：替代系统原生下拉，面板复用语言/币种切换面板 .i18n-sheet 的样式 =====
   触发按钮沿用原 select 的 class(各页已有的外观照旧)，这里只补按钮共性；选项单列 */
.box-sel { font: inherit; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; }
.box-sel-sheet .i18n-sheet-grid.box-sel-list { grid-template-columns: 1fr; gap: 6px; }
.box-sel-sheet .i18n-sheet-opt { min-height: 46px; }
.box-sel-sheet .i18n-opt-main { white-space: normal; }
/* 找回密码·密保问题(login.html)：按钮沿用 .mobile-mibao-select 的外观(暗色皮用 !important 的 background 简写，
   箭头不能画在背景上)，用伪元素补下拉箭头 */
.box-sel.mobile-mibao-select { display: block; position: relative; padding-right: 30px; color: inherit; }
.box-sel.mobile-mibao-select::after {
  content: ''; position: absolute; right: 13px; top: 50%; width: 6px; height: 6px; margin-top: -5px;
  border-right: 1.6px solid currentColor; border-bottom: 1.6px solid currentColor; transform: rotate(45deg); opacity: .7;
}
.box-sel.mobile-mibao-select.is-empty { opacity: .75; }

/* 我的游戏 / 我的漫画 / 我的写真·ASMR 的 tab 条(.nav-bar)：外文词较长(Purchased、Freischalten、Herunterladen…)，
   全局 overflow-wrap:anywhere 会在窄屏把一个词拆成两行。外文收紧间距、词内不断开，放不下时横向滑动(同详情页 .tab-bar) */
html:not([lang^="zh"]):not(.pc-modal) body .nav-bar { gap: 14px; padding: 0 12px; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; }
html:not([lang^="zh"]):not(.pc-modal) body .nav-bar::-webkit-scrollbar { display: none; }
html:not([lang^="zh"]):not(.pc-modal) body .nav-bar .my_game_page_item { flex: 1 0 auto; font-size: 15px; white-space: nowrap; overflow-wrap: normal; word-break: keep-all; -webkit-hyphens: none; hyphens: none; }