/* PC 游戏详情弹窗样式 —— 弹窗元素仅 JS 在 PC 时创建。
   .pc-dm-mask 默认 display:none 提到媒体查询之外(任何宽度都不显示未打开的弹窗，
   避免视口缩到 <1024 时残留成一个可见的普通流内 div)；其余全在 min-width:1024px 内。 */
.pc-dm-mask { display: none; }

@media (min-width: 1024px) {
  html.pc-dm-lock,
  html.pc-dm-lock body { overflow: hidden !important; }

  .pc-dm-mask {
    position: fixed;
    inset: 0;
    z-index: 100000;
    /* 2026-07-25 对齐 modal_pc 遮罩基线(近黑紫) */
    background: rgba(7, 5, 12, 0.82);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    align-items: center;
    justify-content: center;
    padding: 24px;
    box-sizing: border-box;
  }
  .pc-dm-mask.open { display: flex; }

  .pc-dm-dialog {
    position: relative;
    /* 2026-07-25 用户反馈弹窗占屏过大,全档缩小约三成:
       默认档 1100×88vh → 1180 见 modal_pc L 档(min(1180,88vw)×min(700,86vh)),
       此处基础高从 88vh 收到 min(640px,88vh),narrow/mid 直接受益 */
    width: 1180px;
    max-width: 88vw;
    height: min(640px, 88vh);
    max-height: 700px;
    /* 2026-07-25 换皮 1A：直角零阴影，弹窗底/描边对齐 game-detail 弹窗 */
    background: #1C1330;
    border: 1px solid #4A3568;
    border-radius: 0;
    overflow: hidden;
    box-shadow: none;
  }
  /* 消息/设置/公告详情用窄对话框;活动公告列表(article/index)用中档容纳双列卡片
     (2026-07-25 缩档:中档 960→780,双列卡 flex-basis 300 仍能排两列) */
  .pc-dm-dialog.pc-dm-narrow { width: 720px; }
  .pc-dm-dialog.pc-dm-mid { width: 780px; }
  /* 修改密码等表单类子页:紧凑档(内容矮,88vh 大空框在 PC 上显得手机页被拉高;
     配套内页布局在 modal_pc.css Task 13;iframe 内跳转的切档在 pc-detail-modal.js load 里) */
  .pc-dm-dialog.pc-dm-form { width: 520px; height: 460px; max-height: 88vh; }
  .pc-dm-frame {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
    background: #1C1330;
  }
  /* 屏幕右上角外层关闭键已移除(2026-07-29 用户指定,与各弹窗标题栏自带 × 重复),
     壳关闭方式:弹窗标题栏 × / 遮罩空白点击 / Esc */
}

/* ===== 弹窗内(iframe，html.pc-modal)通用页适配 —— 消息/设置等简单页 =====
   这些规则不 media-gate：iframe 宽<1024，pc-modal 仅在弹窗 iframe 出现，独立页/手机端无此类。 */
/* 解锁 public.css 给 body 的 max-width:500(消息页走 base.html 会被锁；设置页 layout_minimal 无锁，无副作用) */
html.pc-modal body { max-width: none !important; }
/* 共享页眉返回键(.page_header .back_btn，消息/设置) → 关闭 ×(点击已由 pc-detail-modal.js 关闭弹窗) */
html.pc-modal .page_header .back_btn {
  position: relative !important;
  font-size: 0 !important;
}
html.pc-modal .page_header .back_btn img { visibility: hidden !important; }
html.pc-modal .page_header .back_btn::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;
}