/* 详情页 PC —— 仅本页引入。
   两种情境：
   1) 独立详情页(≥1024px)：与其它页一致，居中手机版(见下方 @media 段)。
   2) 在 PC 详情对话框(iframe)里：父弹窗给 <html> 注入 pc-modal 类(见 pc-detail-modal.js)，
      此时做成「适合宽屏的两栏」(左主列 / 右购买盒)。pc-modal 只在弹窗里出现，
      独立详情页/手机端天然无此类，故这些规则不 media-gate 也安全。

   2026-07-25 换皮：弹窗内部(html.pc-modal)整体切「近黑紫扁平直角」新语言(neon-purple-spec 1B)：
   卡片/面板 #261C42 边 #3B2C5C、标题 #F2EEFA、正文 #B6A8CC、chip 实心 #3D1F63、
   描边 tag #453466、评分金 #FFB020、主 CTA 实心 #FF3D8A、次 CTA #2E2150+边 #6D3FB5、
   绿条 #10251C/#1E4A38/#4ADE80；border-radius 一律 0、去所有光晕阴影、渐变改纯色。
   本文件在 game-detail_anime.css 之后加载，同特异度(html.类 …)靠后即可平级压过 anime 的 !important。 */

/* ===== 独立详情页(非弹窗) ===== */
@media (min-width: 1024px) {
  html.app-dark body[data-id] { padding-left: 0 !important; }
  /* 详情页无侧栏（内容整屏居中），把 v2_pc 给 VIP 弹层的 left:200 改回 0 与内容对齐。 */
  html.app-dark .vipm { left: 0 !important; }
}

/* ===== 在 PC 详情对话框里(html.pc-modal)：1B「1520×860 固定两栏、弹窗内不滚动」(2026-07-25 重排) =====
   外壳 1520×860 由 modal_pc.css L 档负责；iframe 内部：顶部 50px 固定顶栏当标题栏，
   其下 grid 两栏：左 ~59%(封面 340 轮播 → 详情/点评/反馈 tab 行 → 简介/FAQ) |
   右 ~41%(信息头 + 额度/解锁条 + 两个 64px 大 CTA)，右栏左缘 1px #3B2C5C 分隔线。
   html/body/main-container 全部定高 + overflow:hidden，弹窗内整体不滚动；
   左栏第 4 行(tab-content：简介/FAQ/点评列表)是唯一 minmax(0,1fr) 弹性行，
   内容超高时仅该区内部滚动兜底，栏骨架(封面/tab 行/CTA/信息头)恒一屏可见。 */

/* 关键根因：详情页 body 被 public.css 锁 max-width:500(v2_pc 的 body 解锁是 @media≥1024，iframe<1024 不触发)。
   不解锁则 main-container 再宽也被 500 夹住、两侧留白。此处(不 media-gate)强制解锁 body/html。
   overflow:hidden 同时压掉模板 inline <style> 的 html,body{overflow:visible!important}
   (本组特异度 0,1,1 > 0,0,1)，让 iframe 文档整体退出滚动。 */
html.pc-modal,
html.pc-modal body {
  max-width: none !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding-left: 0 !important;
  overflow: hidden !important;
}
/* .main-container.main-container 双类提权，稳压任何 .main-container 单类规则，铺满对话框。
   DOM 顺序是 hero → details → tab-bar → divider → tab-content(×4)，与视觉两栏无关，
   全部用 grid 显式定位归位：列 = 左 59fr / 右 41fr(1520 下 ≈ 897/623，92vw 缩档等比)；
   行 = 封面 auto / tab 行 auto / 分隔线 auto / tab 内容 minmax(0,1fr)。 */
html.pc-modal .main-container.main-container {
  max-width: none !important;
  width: 100% !important;
  height: 100vh !important;
  height: 100dvh !important;
  margin: 0 !important;
  /* 顶部 64px = 固定顶栏 .hero-navigation-header 高度(1A 标题栏加高档)；底部下载通栏已隐藏，不再留 130px */
  padding: 64px 0 0 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  display: grid !important;
  grid-template-columns: minmax(0, 59fr) minmax(0, 41fr) !important;
  grid-template-rows: auto auto auto minmax(0, 1fr) !important;
  gap: 0 !important;
  align-items: stretch !important;
}

/* —— 左栏(第 1 列)：封面轮播 → tab 行 → 分隔线 → tab 内容 —— */
html.pc-modal .game-hero-section {
  grid-column: 1 !important;
  grid-row: 1 !important;
  width: 100% !important;
  padding: 18px 24px 0 !important;
  box-sizing: border-box !important;
}
/* 2026-07-27 用户要求封面缩小、tab 内容区放大突出主内容:340 高全宽 → 250 高等比限宽
   (图是 object-fit:cover,只压高会加重裁切切掉封面宣传字,按原 ~2.5:1 裁切比等比缩),左对齐;
   省出的竖向空间由 grid 第 4 行 minmax(0,1fr) 的 tab 内容自动吃掉 */
html.pc-modal .hero-media-container {
  width: min(100%, 625px) !important;
  height: 250px !important;
  aspect-ratio: auto !important;
}
html.pc-modal .tab-bar {
  grid-column: 1 !important;
  grid-row: 2 !important;
  width: auto !important;
}
html.pc-modal .divider {
  grid-column: 1 !important;
  grid-row: 3 !important;
  margin: 0 24px !important;
}
/* 四个 tab-content 同占第 4 行(非 active 的 display:none 不生成盒子，天然不打架)。
   这是弹窗内唯一允许滚动的兜底区(简介展开/FAQ 多条/点评列表长时)。 */
html.pc-modal .tab-content {
  grid-column: 1 !important;
  grid-row: 4 !important;
  width: 100% !important;
  min-height: 0 !important;
  box-sizing: border-box !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
}

/* —— 右栏(第 2 列，跨全部行)：信息头 + 额度/解锁条 + 两个大 CTA —— */
html.pc-modal .details-section {
  grid-column: 2 !important;
  grid-row: 1 / -1 !important;
  align-self: stretch !important;
  width: 100% !important;
  min-height: 0 !important;
  box-sizing: border-box !important;
  border-left: 1px solid #3B2C5C !important;   /* 1B 两栏分隔线 */
  overflow-y: auto !important;                 /* 兜底；常规内容 ~450px 远小于栏高，不出滚动 */
}
html.pc-modal .details-content { margin: 0 !important; width: 100% !important; box-sizing: border-box !important; }
/* 右栏两个大 CTA 竖排通栏(1B：立即下载 / 免安装去玩 各占一行 64px) */
html.pc-modal .demo-action-row { flex-direction: column !important; }
html.pc-modal .demo-action-row .demo-btn { width: 100% !important; }

/* 固定顶栏：跨满对话框宽度(原 max-width:500 居中)，充当 1A 统一标题栏。
   设计稿 1A：左=「▎游戏详情 GAME DETAIL」标题组(纯 CSS 伪元素，不动模板)，
   右=收藏★ + 关闭×；搜索键与「下载APP」键在弹窗版式里没有 → 隐藏。
   手机端 DOM 序(× 在左、动作组在右)用 flex order 纯视觉换位。 */
html.pc-modal .hero-navigation-header {
  max-width: none !important;
  left: 0 !important;
  right: 0 !important;
  transform: none !important;
  width: 100% !important;
  height: 64px !important;
  padding: 0 20px 0 24px !important;
  justify-content: flex-start !important;
  gap: 10px !important;
}
html.pc-modal .hero-navigation-header::before {
  content: "游戏详情";
  order: 1;
  padding-left: 12px;
  border-left: 3px solid #FF3D8A;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.2;
  color: #F2EEFA;
}
html.pc-modal .hero-navigation-header::after {
  content: "GAME DETAIL";
  order: 2;
  margin-right: auto;      /* 把右侧按钮组推到最右 */
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 3px;
  color: #5A4D73;
}
html.pc-modal .hero-header-actions { order: 3 !important; gap: 10px !important; }
html.pc-modal .hero-back-button { order: 4 !important; }
/* 弹窗版式没有的顶栏键：搜索、下载APP(下载动作由右栏大 CTA 承担) */
html.pc-modal .hero-search-button,
html.pc-modal .hero-download-app-button { display: none !important; }
/* 收藏★/关闭× 统一 40px 直角方键 */
html.pc-modal .hero-favorite-button {
  width: 40px !important;
  height: 40px !important;
}
html.pc-modal .hero-back-button {
  width: 40px !important;
  height: 40px !important;
}

/* 1B 弹窗版式里没有的模块：热门推荐、底部「下载APP」通栏(顶栏右上已有同功能入口)。
   仅弹窗内隐藏；独立详情页/手机端(无 pc-modal 类)不受影响。 */
html.pc-modal .guess-like-section,
html.pc-modal .download-section { display: none !important; }

/* 弹窗内「返回箭头」→「关闭 ×」：它在弹窗里点击=关闭对话框(见 pc-detail-modal.js)，图标应为 ×。
   新皮下顶栏是实色面板，× 键做成 1C 统一关闭键：#3D1F63 直角方块 + 白 ×。 */
html.pc-modal .hero-back-button {
  position: relative !important;
  background: #3D1F63 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html.pc-modal .hero-back-button > img { visibility: hidden !important; }
html.pc-modal .hero-back-button::after {
  content: "×";
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  line-height: 1;
  color: #fff;
  pointer-events: none;
}

/* ============================================================
   弹窗内新皮：近黑紫扁平直角 (neon-purple-spec 1B) 2026-07-25
   仅 html.pc-modal(PC 详情对话框 iframe)生效，手机端/独立详情页零改动。
   ============================================================ */

/* ① 字体:与推荐页 PC 同栈(不引入外部字体);限 .main-container 内，不碰 layui 弹层的图标字 */
html.pc-modal .main-container,
html.pc-modal .main-container * {
  font-family: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif !important;
}

/* ② 页面底：anime 的多层粉光 radial + 深酒红渐变 → 纯色近黑紫；去浮动装饰贴纸 */
html.pc-modal body {
  background: #1C1330 !important;
  color: #F2EEFA !important;
}
html.pc-modal .main-container::before {
  content: none !important;
  background-image: none !important;
  animation: none !important;
}

/* ③ 固定顶栏：玻璃拟态 → 实色面板 #221838 + 下描边；圆形玻璃键 → 直角方键 */
html.pc-modal .hero-navigation-header {
  background: #221838 !important;
  border-bottom: 1px solid #3B2C5C !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
html.pc-modal .hero-search-button,
html.pc-modal .hero-favorite-button {
  background: #2E234C !important;
  border: 1px solid #4A3568 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
/* 黑色 SVG 图标转纯白(去 anime 蜜桃 tint) */
html.pc-modal .hero-back-button img,
html.pc-modal .hero-search-button img,
html.pc-modal .hero-favorite-button img {
  filter: brightness(0) invert(1) !important;
  opacity: 0.92 !important;
}
html.pc-modal .hero-favorite-button[data-collected="1"] img {
  filter: none !important;
  opacity: 1 !important;
}
html.pc-modal .hero-download-app-button {
  background: #FF3D8A !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  font-weight: 700 !important;
}

/* ④ 右栏拆壳:去 base 白卡余量，右栏统一 24px 内距(1B)，
   信息头/额度条/按钮各自浮在弹窗底色上，统一 14px 纵向节奏 */
html.pc-modal .details-section { padding: 24px !important; }
html.pc-modal .details-content { padding: 0 !important; gap: 14px !important; }

/* 信息头：1B 右栏顶部不是卡 —— 88px 直角图标(VIP 角标) + 大标题直接浮在面板底上 */
html.pc-modal .game-info-card {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  gap: 16px !important;
}
html.pc-modal .game-icon-wrap {
  background: #2C2148 !important;
  border-radius: 0 !important;
  width: 88px !important;
  height: 88px !important;
  min-width: 88px !important;
  min-height: 88px !important;
}
html.pc-modal .game-icon {
  width: 88px !important;
  height: 88px !important;
  border: 1px solid #3B2C5C !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
/* 1B 信息头行序：标题(24/900) → 分类 chip/评分/平台行 → 描边 tag 行
   (DOM 里 meta-row 在标题前，flex order 纯视觉换序，不动模板) */
html.pc-modal .game-text-details { min-width: 0 !important; }
html.pc-modal .game-text-details .game-title { order: 1 !important; }
html.pc-modal .game-text-details .game-meta-row { order: 2 !important; }
html.pc-modal .game-text-details .game-tags { order: 3 !important; }
html.pc-modal .vip-badge {
  background: #E01B5A !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html.pc-modal .game-title {
  font-size: 24px !important;
  font-weight: 900 !important;
  line-height: 1.3 !important;
  color: #F7F3FF !important;
  text-shadow: none !important;
}
/* 分类 chip：实心强调块 */
html.pc-modal .game-cat-chip {
  background: #3D1F63 !important;
  color: #D7C9F5 !important;
  border: 0 !important;
  border-radius: 0 !important;
}
/* 评分：金 #FFB020，去星光晕 */
html.pc-modal .game-rating { color: #FFB020 !important; }
html.pc-modal .game-rating-star {
  color: #FFB020 !important;
  filter: none !important;
}
/* 游戏标签：描边 tag */
html.pc-modal .game-tags .tag {
  background: transparent !important;
  color: #9A8FB5 !important;
  border: 1px solid #453466 !important;
  border-radius: 0 !important;
}

/* ⑤ 额度/特权条：free=普通卡；member=会员卡底 #2E2150 + 左 3px 粉边 */
html.pc-modal .quota-bar { margin-top: 0 !important; }
html.pc-modal .quota-free,
html.pc-modal .quota-member {
  border-radius: 0 !important;
  padding: 13px 14px !important;
  font-size: 13px !important;
  box-shadow: none !important;
  color: #B6A8CC !important;
}
html.pc-modal .quota-free {
  background: #261C42 !important;
  border: 1px solid #3B2C5C !important;
}
html.pc-modal .quota-member {
  background: #2E2150 !important;
  border: 1px solid #4A3568 !important;
  border-left: 3px solid #FF3D8A !important;
}
html.pc-modal .quota-text { color: #B6A8CC !important; }
html.pc-modal .quota-text b {
  color: #FF3D8A !important;
  text-shadow: none !important;
}
html.pc-modal .quota-ico {
  color: #A855F7 !important;
  filter: none !important;
}
/* 设计稿 1A：会员特权条收成单行。服务端文案是固定结构
   「标题<br>下载 <b>x/y</b> 次 · 试玩 <b>x/y</b> 次」(GameController ~L762)：
   藏掉 <br> 后前后文本节点合并成一句自然中文「会员特权·今日还可下载 x/y 次 · 试玩 x/y 次」；
   ⚠️ 别试 br 当 flex 项做左右分栏——Chrome 里 flex 容器中的 <br> 不可样式化且强制乱序折行(已实测)。
   手机端两行排版不受影响(无 pc-modal)。 */
/* 不写 display(免费态靠 body.member-mode 缺省隐藏它)，只收对齐 */
html.pc-modal .quota-member { align-items: center !important; }
html.pc-modal .quota-member .quota-ico { display: none !important; }
html.pc-modal .quota-free .quota-text,
html.pc-modal .quota-member .quota-text {
  display: flex !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  align-items: baseline !important;
  gap: 5px !important;
  white-space: nowrap !important;
}
html.pc-modal .quota-free .quota-text br,
html.pc-modal .quota-member .quota-text br { display: none !important; }
html.pc-modal .quota-member .quota-text { color: #F2EEFA !important; font-weight: 700 !important; }
html.pc-modal .quota-member .quota-text b {
  font-size: 15px !important;
  font-weight: 800 !important;
}
/* 「下载 2/3」粉、「试玩 3/3」紫(设计稿双色数字)；只有一个 b(某项不限)时保持粉 */
html.pc-modal .quota-member .quota-text b:last-of-type:not(:first-of-type) { color: #A855F7 !important; }
/* 今日已解锁绿条 */
html.pc-modal .quota-unlock {
  background: #10251C !important;
  border: 1px solid #1E4A38 !important;
  border-radius: 0 !important;
  color: #4ADE80 !important;
}
html.pc-modal .quota-unlock-ico { filter: none !important; }
html.pc-modal .quota-unlock-text b {
  color: #4ADE80 !important;
  text-shadow: none !important;
}
/* 升级会员 pill → 实心粉直角小块 */
html.pc-modal .quota-upgrade,
html.pc-modal a.quota-upgrade {
  background: #FF3D8A !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 0 !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

/* ⑥ 两个大 CTA：立即下载=实心 #FF3D8A；免安装去玩=#2E2150 底+边 #6D3FB5 */
html.pc-modal .demo-action-row { margin-top: 0 !important; gap: 12px !important; }
html.pc-modal .demo-btn {
  border-radius: 0 !important;
  box-shadow: none !important;
  min-height: 64px !important;      /* 1B：两个 64px 大 CTA */
  box-sizing: border-box !important;
  padding: 10px !important;
}
html.pc-modal .demo-btn-download {
  background: #FF3D8A !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: none !important;
}
html.pc-modal .demo-btn-download .demo-btn-main,
html.pc-modal .demo-btn-download .demo-btn-sub { color: #fff !important; }
html.pc-modal .demo-btn-download .demo-btn-sub { opacity: .85 !important; }
html.pc-modal .demo-btn-virtual {
  background: #2E2150 !important;
  border: 1px solid #6D3FB5 !important;
  box-shadow: none !important;
}
html.pc-modal .demo-btn-virtual:not(.is-disabled) .demo-btn-main { color: #D7C9F5 !important; }
html.pc-modal .demo-btn-virtual:not(.is-disabled) .demo-btn-sub { color: #9A8FB5 !important; }
html.pc-modal .demo-btn-virtual.is-disabled {
  background: #261C42 !important;
  border: 1px solid #3B2C5C !important;
}
html.pc-modal .demo-btn-virtual.is-disabled .demo-btn-main,
html.pc-modal .demo-btn-virtual.is-disabled .demo-btn-sub { color: #9C8FB8 !important; }

/* ⑥b 参数表(设计稿 1A：CTA 下方 2×3 表格——安装包大小/最近更新、语言/版本、下载量/厂商)。
   模板里 .gd-specs 带 hidden 属性(手机端/独立详情页不渲染此模块)，
   仅弹窗内用 !important 压过 hidden 的 UA display:none 点亮。 */
html.pc-modal .gd-specs {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border: 1px solid #3B2C5C;
  background: #221838;
}
html.pc-modal .gd-spec {
  padding: 13px 16px 14px;
  min-width: 0;
}
html.pc-modal .gd-spec:nth-child(odd) { border-right: 1px solid #3B2C5C; }
html.pc-modal .gd-spec:not(:nth-last-child(-n+2)) { border-bottom: 1px solid #3B2C5C; }
html.pc-modal .gd-spec-label {
  display: block;
  margin-bottom: 6px;
  font-size: 12px;
  color: #8B7EA5;
}
html.pc-modal .gd-spec-value {
  display: block;
  font-size: 15px;
  font-weight: 600;
  color: #F2EEFA;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* ⑥c 右栏底部点评摘要(设计稿 1A：贴栏底,上描边分隔;有点评时 JS 拉第 1 条填充后点亮)。
   margin-top:auto 依赖 .details-content 撑满右栏高(见下)。点整条跳「绅士点评」tab。 */
html.pc-modal .details-content { min-height: 100% !important; }
html.pc-modal .gd-review-snip {
  display: flex !important;
  align-items: center;
  gap: 12px;
  margin-top: auto !important;
  padding-top: 16px;
  border-top: 1px solid #342A54;
  cursor: pointer;
}
html.pc-modal .gd-review-snip[hidden] { display: none !important; }
html.pc-modal .gd-snip-avatar {
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  object-fit: cover;
  background: #3B2C5C;
  border: 1px solid #3B2C5C;
}
html.pc-modal .gd-snip-body { flex: 1 1 auto; min-width: 0; }
html.pc-modal .gd-snip-text {
  font-size: 13px;
  color: #E5DFF2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
html.pc-modal .gd-snip-sub {
  margin-top: 5px;
  font-size: 12px;
  color: #9C8FB8;
}
html.pc-modal .gd-snip-more {
  flex: 0 0 auto;
  font-size: 12.5px;
  color: #A855F7;
  white-space: nowrap;
}
html.pc-modal .gd-review-snip:hover .gd-snip-more { color: #FF3D8A; }

/* ⑦ 左列：轮播收成直角卡；tab 行/tab 内容与轮播卡同贴 24px 左缘(1B 左栏内距) */
html.pc-modal .hero-media-container {
  border-radius: 0 !important;
  border: 1px solid #3B2C5C !important;
  box-shadow: none !important;
}
/* tab 栏(详情/绅士点评/问题反馈)：与上方 hero 轮播卡拉开间距,别贴着图底 */
html.pc-modal .tab-bar {
  padding: 0 2px !important;
  margin: 14px 24px 0 !important;
  border-bottom: 1px solid #3B2C5C !important;
  background: transparent !important;
  border-radius: 0 !important;
}
html.pc-modal .tab-item { color: #9A8FB5 !important; }
html.pc-modal .tab-item.active {
  color: #F2EEFA !important;
  font-weight: 800 !important;
  text-shadow: none !important;
}
html.pc-modal .tab-item.active::after {
  background: #FF3D8A !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
html.pc-modal .divider { background-color: #342A54 !important; }
html.pc-modal .tab-content { padding: 20px 24px 24px !important; }

/* ⑧ 区块标题(游戏简介/常见问题等)：粉圆点 → 8px 紫方块 + 15/700/#F2EEFA(1B) */
html.pc-modal .section-title,
html.pc-modal .guess-like-title {
  position: relative !important;
  padding-left: 16px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #F2EEFA !important;
  text-shadow: none !important;
}
html.pc-modal .section-title::before,
html.pc-modal .guess-like-title::before {
  content: "";
  position: absolute;
  left: 1px;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  border-radius: 0;
  background: #A855F7;
  box-shadow: none;
}

/* ⑨ 简介/展开/FAQ：正文 #B6A8CC；FAQ 宽主列改两列小卡 #2C2148 边 #3B2C5C(纯 CSS grid) */
html.pc-modal .intro-text {
  color: #B6A8CC !important;
  font-size: 14px !important;
  line-height: 1.8 !important;
}
html.pc-modal .expand-btn,
html.pc-modal .expand-link {
  color: #FF3D8A !important;
  text-shadow: none !important;
}
html.pc-modal .expand-btn:hover,
html.pc-modal .expand-link:hover { color: #A855F7 !important; }
html.pc-modal .faq-list {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}
html.pc-modal .faq-item {
  background: #2C2148 !important;
  border: 1px solid #3B2C5C !important;
  border-radius: 0 !important;
}
html.pc-modal .faq-q { color: #F2EEFA !important; }
html.pc-modal .faq-q::before { color: #A855F7 !important; }
html.pc-modal .faq-a { color: #B6A8CC !important; }

/* ⑩ 资讯列表：行分隔 #342A54，tag 改实心直角色块(活动深粉/公告紫/其余强调紫底) */
html.pc-modal .news-item { border-bottom-color: #342A54 !important; }
html.pc-modal .news-link:hover { background: #332552 !important; }
html.pc-modal .news-title { color: #F2EEFA !important; }
html.pc-modal .news-time { color: #9C8FB8 !important; }
html.pc-modal .news-tag {
  border-radius: 0 !important;
  background: #3D1F63 !important;
  color: #D7C9F5 !important;
  border: 0 !important;
}
html.pc-modal .news-tag.huodong { background: #E01B5A !important; color: #fff !important; }
html.pc-modal .news-tag.gonggao { background: #7C3AED !important; color: #fff !important; }
html.pc-modal .more-btn {
  background: #261C42 !important;
  color: #9A8FB5 !important;
  border: 1px solid #3B2C5C !important;
  border-radius: 0 !important;
}

/* ⑪ 热门推荐:布局保留(手机 2 列大卡 → PC 弹窗 4 列小卡,1100 宽档左主列 ~700px 单卡 ~165px)，
   只换皮:直角、去粉辉光、hover=紫描边提示 */
html.pc-modal .guess-like-grid {
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 12px 10px !important;
}
html.pc-modal .guess-like-item {
  background: #261C42 !important;
  border: 1px solid #3B2C5C !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html.pc-modal .guess-like-item:hover {
  box-shadow: none !important;
  border-color: #6D3FB5 !important;
}
html.pc-modal .guess-like-thumb {
  border-radius: 0 !important;
  background-color: #2C2148 !important;
}
html.pc-modal .guess-like-name {
  font-size: 12.5px !important;
  padding: 8px 9px 9px !important;
  border-radius: 0 !important;
  color: #F2EEFA !important;
  /* 名字浮在封面图上,保留纯功能性压暗蒙版可读性投影(非装饰光晕) */
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8) !important;
}
html.pc-modal .guess-like-more {
  color: #FF3D8A !important;
  text-shadow: none !important;
}
html.pc-modal .guess-like-more:hover { color: #A855F7 !important; }

/* ⑫ 点评：引导条/评分聚合/列表统一新皮 */
html.pc-modal .review-guide {
  background: #261C42 !important;
  border: 1px solid #3B2C5C !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html.pc-modal .review-guide-text { text-shadow: none !important; }
html.pc-modal .review-guide-text b { color: #FF3D8A !important; text-shadow: none !important; }
html.pc-modal .review-guide-btn {
  background: #FF3D8A !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html.pc-modal .review-guide-btn.is-reviewed {
  background: #261C42 !important;
  color: #8B7EA5 !important;
  border: 1px solid #453466 !important;
  box-shadow: none !important;
}
html.pc-modal .rating-summary {
  background: #261C42 !important;
  border: 1px solid #3B2C5C !important;
  border-radius: 0 !important;
}
html.pc-modal .rs-score strong { color: #FFB020 !important; text-shadow: none !important; }
html.pc-modal .rs-score span,
html.pc-modal .rs-count,
html.pc-modal .rs-bar-row { color: #9A8FB5 !important; }
html.pc-modal .rs-bar-star { color: #FFB020 !important; }
html.pc-modal .rs-bar-track { background: #342A54 !important; border-radius: 0 !important; }
html.pc-modal .rs-bar-fill { background: #A855F7 !important; border-radius: 0 !important; }
html.pc-modal .review-stars .rv-s { color: #4A3568 !important; }
html.pc-modal .review-stars .rv-s.on { color: #FFB020 !important; }
html.pc-modal .review-item { border-bottom: 1px solid #342A54 !important; }
html.pc-modal .review-avatar {
  border: 1px solid #3B2C5C !important;
  box-shadow: none !important;
}
html.pc-modal .review-name { color: #D7C9F5 !important; text-shadow: none !important; }
html.pc-modal .review-times { color: #9C8FB8 !important; }
html.pc-modal .review-text { color: #B6A8CC !important; text-shadow: none !important; }
html.pc-modal .review-reply {
  background: #2C2148 !important;
  border: 1px solid #3B2C5C !important;
  border-radius: 0 !important;
  color: #B6A8CC !important;
}
html.pc-modal .review-reply-name { color: #D7C9F5 !important; }
html.pc-modal .review-time { color: #9C8FB8 !important; }
html.pc-modal .review-like { color: #9A8FB5 !important; }
html.pc-modal .review-like.liked { color: #FF3D8A !important; text-shadow: none !important; }
html.pc-modal .review-more { color: #FF3D8A !important; text-shadow: none !important; }
html.pc-modal .rec-tag.rec-yes { color: #4ADE80 !important; background: #10251C !important; border-radius: 0 !important; }
html.pc-modal .rec-tag.rec-no { color: #9A8FB5 !important; background: #3D1F63 !important; border-radius: 0 !important; }

/* ⑬ 购买卡(部分游戏的付费购买 tab)：白透玻璃 → 直角扁平卡 + 实心粉购买键 */
html.pc-modal .purchase-card {
  background: #261C42 !important;
  border: 1px solid #3B2C5C !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html.pc-modal .price-info .current-price { color: #FF3D8A !important; }
html.pc-modal .price-info .original-price { color: #8B7EA5 !important; }
html.pc-modal .btn-buy {
  background: #FF3D8A !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* ⑭ 底部下载条(如 JS 显示)：随新皮实色面板 */
html.pc-modal .download-section {
  background: #221838 !important;
  border-top: 1px solid #3B2C5C !important;
  box-shadow: none !important;
}

/* ===== 写点评弹层 .review-sheet：PC 下屏幕居中弹出(而非从底部升起) =====
   手机版是底部上滑 sheet(bottom:0 + translateY)；PC 下改为居中对话框(淡入+微缩放)。
   隐藏态 visibility:hidden 防止拦截点击。弹窗内(html.pc-modal)与独立详情页(≥1024)都覆盖。 */
html.pc-modal .review-sheet {
  left: 50% !important;
  top: 50% !important;
  bottom: auto !important;
  transform: translate(-50%, -50%) scale(.96) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  border-radius: 0 !important;
  transition: transform .24s ease, opacity .24s ease, visibility .24s !important;
  /* 新皮：直角紫面板 + 强描边，去柔光。2026-07-27 用户反馈整体太深:
     面板 #221838→#221838、内部块 #2C2148→#2C2148、描边同步抬亮,拉开与页面底的层次 */
  background: #221838 !important;
  border: 1px solid #4A3568 !important;
  box-shadow: none !important;
}
html.pc-modal .review-sheet.show {
  transform: translate(-50%, -50%) scale(1) !important;
  opacity: 1 !important;
  visibility: visible !important;
}
/* 弹层内部件同步新皮 */
html.pc-modal .review-sheet-grip { background: #4A3568 !important; }
html.pc-modal .review-sheet-head { color: #F2EEFA !important; }
html.pc-modal .review-sheet-close { color: #F2EEFA !important; background: transparent !important; }
html.pc-modal .review-sheet-input {
  background: #2C2148 !important;
  color: #F2EEFA !important;
  border: 1px solid #453466 !important;
  border-radius: 0 !important;
  caret-color: #FF3D8A !important;
}
html.pc-modal .review-sheet-input:focus {
  border-color: #9F6BFF !important;
  box-shadow: none !important;
  background: #2C2148 !important;
}
html.pc-modal .review-sheet-input::placeholder { color: #9C8FB8 !important; }
html.pc-modal .review-counter { color: #9C8FB8 !important; }
html.pc-modal .review-submit {
  background: #FF3D8A !important;
  color: #fff !important;
  font-weight: 700 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html.pc-modal .review-submit:disabled {
  background: #2C2148 !important;
  color: #8B7EA5 !important;
  border: 1px solid #453466 !important;
  box-shadow: none !important;
}
/* —— 2026-07-27 用户要求弹层免滚动完成全部操作:500 窄版竖排(body 限高 66vh 滚动)
   → 880 宽版两栏 grid:左=星级hero+推荐倾向,右=写点评(文本域 flex 拉满栏高),
   发布键仍通栏在底。正常桌面高度下内容 ~430px 远低于限高,滚动条自然消失;
   限高保留 calc(92vh-180px) 仅作超矮窗兜底。grip 是手机上滑把手,PC 隐藏。 —— */
html.pc-modal .review-sheet {
  width: 880px !important;
  max-width: calc(100vw - 48px) !important;
  padding: 8px 26px 22px !important;
}
html.pc-modal .review-sheet-grip { display: none !important; }
html.pc-modal .review-sheet-head { padding-top: 8px !important; }
html.pc-modal .review-sheet-body {
  max-height: calc(92vh - 180px) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  column-gap: 30px !important;
}
html.pc-modal .review-sheet-body > .rv-star-hero {
  grid-column: 1; grid-row: 1;
  margin: 6px 0 16px !important;
  padding: 16px 12px 14px !important;
}
html.pc-modal .review-sheet-body > .rv-sec { margin-bottom: 0 !important; }
html.pc-modal .review-sheet-body > .rv-sec:has(.review-rec-list) { grid-column: 1; grid-row: 2; }
html.pc-modal .review-sheet-body > .rv-sec:has(.review-sheet-input) {
  grid-column: 2; grid-row: 1 / 3;
  display: flex !important; flex-direction: column !important;
  margin-top: 6px !important;
}
html.pc-modal .review-sheet-body > .rv-sec:has(.review-sheet-input) .review-sheet-input {
  flex: 1 1 auto !important;
  min-height: 200px !important;
}

/* 星级 hero 卡：压掉 anime 深酒红渐变+粉柔光,换亮一档的紫块(此前漏覆盖,是弹层里最黑的一块) */
html.pc-modal .rv-star-hero {
  background: #2A1F4A !important;
  border: 1px solid #453466 !important;
  border-radius: 0 !important;
}
html.pc-modal .rv-star-hero::before { display: none !important; }
html.pc-modal .review-star-tip { color: #B4A8CC !important; }
/* 星级选择器：未点亮暗紫、点亮评分金，去辉光 */
html.pc-modal .review-star-picker .rv-star { color: #55427E !important; }
html.pc-modal .review-star-picker .rv-star.on { color: #FFB020 !important; text-shadow: none !important; }
/* 推荐倾向行：分隔线/图标框/文案同步抬亮 */
html.pc-modal .review-rec-row { border-bottom-color: #382A5A !important; }
html.pc-modal .rec-ico { background: #2C2148 !important; border-color: #453466 !important; }
html.pc-modal .rec-tx b { color: #F2EEFA !important; }
html.pc-modal .rec-tx i { color: #9C8FB8 !important; }
/* 推荐倾向按钮：描边直角，选中改实心色块(推荐=绿条系/不推荐=深粉) */
html.pc-modal .rec-opt {
  background: #2C2148 !important;
  color: #B4A8CC !important;
  border: 1px solid #453466 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html.pc-modal .rec-opt.on.rec-yes {
  color: #4ADE80 !important;
  background: #14301F !important;
  border-color: #2A5C42 !important;
  box-shadow: none !important;
}
html.pc-modal .rec-opt.on.rec-no {
  color: #fff !important;
  background: #E01B5A !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

@media (min-width: 1024px) {
  html.app-dark .review-sheet {
    left: 50% !important;
    top: 50% !important;
    bottom: auto !important;
    transform: translate(-50%, -50%) scale(.96) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    border-radius: 0 !important;
    transition: transform .24s ease, opacity .24s ease, visibility .24s !important;
  }
  html.app-dark .review-sheet.show {
    transform: translate(-50%, -50%) scale(1) !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
}

/* 下载/权限/购买弹窗(#dlModal 权限态等)的主推「金卡」.dl-option-gold:
   anime 给的蜜桃玫红渐变 + 粉光晕在新扁平语言里离群 → 实心粉 #FF3D8A 白字直角 CTA。
   面板本体由 modal_pc.css 扁平化,此处只收金卡。用 3 类前缀(0,3,1)稳压 anime 的 html.app-dark(0,2,1)。 */
html.app-dark.pc-modal .dl-option-gold {
  background: #FF3D8A !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html.app-dark.pc-modal .dl-option-gold .dl-option-icon {
  background: rgba(255, 255, 255, 0.22) !important;
  color: #fff !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html.app-dark.pc-modal .dl-option-gold .dl-option-title,
html.app-dark.pc-modal .dl-option-gold .dl-option-arrow { color: #fff !important; }
html.app-dark.pc-modal .dl-option-gold .dl-option-desc { color: rgba(255, 255, 255, 0.85) !important; }
