/* 搜索页 PC —— 仅本页引入。
   独立打开搜索页(≥1024px)：与其它页一致，居中手机版(无额外规则)。
   在 PC 详情/搜索对话框(iframe，父弹窗注入 html.pc-modal)里：铺满对话框宽度 + 热门/结果多列 + 返回键→×。
   pc-modal 只在弹窗里出现，独立页/手机端天然无此类，故这些规则不 media-gate 也安全。 */

/* ===== 在 PC 对话框里(html.pc-modal) ===== */
/* 2026-07-25 整体缩档:本页元素全 rem,layout_minimal 的 rem 适配脚本在 PC 上按 460 手机宽
   算出根字号 ~14.2px(JS 写在 html 行内 style),宽弹窗里图标 71px/字 20px 全线偏大 →
   根字号定 11px(!important 压行内非重要声明),全页 rem 元素等比缩 ~22%;
   外壳同步从默认宽档收到 780 中档(pc-detail-modal.js)。 */
html.pc-modal { font-size: 11px !important; }
html.pc-modal body { max-width: none !important; margin: 0 !important; }
html.pc-modal .main-container.main-container {
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 16px 26px 26px !important;
}
/* 搜索框加宽居中占主要空间 */
html.pc-modal .search-input-container { max-width: 560px !important; }
/* ===== 2026-07-25 宽屏布局重排 =====
   search.css 的 @media(orientation:landscape) 给热门/结果区锁 max-width:53.15rem(≈740px),
   1100 宽弹窗里内容缩成窄列:卡片挤两小列、游戏名截断、两侧大片留白。此处解锁铺满,
   左右间距统一交给 main-container 的 40px。 */
html.pc-modal .main-container.main-container { padding: 0 0 24px !important; }
html.pc-modal .hot-games-section,
html.pc-modal .search-results-section {
  max-width: none !important;
  margin: 0 !important;
  padding: 16px 24px 0 !important;
}
html.pc-modal .hot-games-title { margin: 0 2px 12px !important; }

/* ===== 2026-07-25 弹窗头部统一(对齐会员权益等弹窗 chrome,modal_pc.css Task 17 同款语言) =====
   顶行通栏:「▎搜索游戏」亮紫竖条标题 + 搜索框 + 搜索键,底部分隔线;× 移右上方底(见文件末返回键段) */
html.pc-modal .search-header {
  position: relative !important;
  height: auto !important;
  padding: 12px 68px 12px 24px !important;
  gap: 12px !important;
  background: #221838 !important;                 /* 1A 统一标题栏底(modal_pc Task 22 同款) */
  border-bottom: 1px solid #3B2C5C !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
html.pc-modal .search-header::before {
  content: "搜索游戏";
  flex-shrink: 0;
  font-size: 16px;
  font-weight: 800;
  color: #F2EEFA;
  line-height: 1.2;
  border-left: 3px solid #FF3D8A;                 /* 1A 粉竖条 */
  padding-left: 12px;
  margin-right: 8px;
}
/* 热门 / 结果：单列长条 → 宽卡双列网格(minmax 420 保证游戏名有足够宽度不截断) */
html.pc-modal .hot-games-list,
html.pc-modal .search-results-list {
  display: grid !important;
  /* 780 中档内排两列(内容宽 732,2×340+12=692);根字号 11px 后卡内元素等比缩,340 不截名 */
  grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)) !important;
  gap: 12px !important;
}
/* ===== 2026-07-24 扁平化 → 2026-07-25 近黑紫直角新皮(neon-purple 规范) =====
   本文件在 search_anime.css 之后加载,同特异性 !important 后载取胜。
   去浮动装饰/流光/辉光/金描边/玻璃模糊/圆角;底=纯色 #1C1330,CTA=实心粉 #FF3D8A。 */
/* 令牌重写: search_anime :root 的 --acg-* 在 pc-modal 下整体转近黑紫
   (html.pc-modal 特异性 0,1,1 > :root 0,1,0,同层后载取胜),
   凡 anime 用 var() 的文字/描边/底(游戏名/分类/摘要字/序号等)一并翻新 */
html.pc-modal {
  --acg-bg-1: #1C1330;
  --acg-bg-2: #261C42;
  --acg-bg-deep: #07050C;
  --acg-surface: #3D1F63;
  --acg-surface-hi: #332552;
  --acg-gold: #FFB020;
  --acg-gold-light: #FFB020;
  --acg-gold-soft: #FFB020;
  --acg-rose: #A855F7;
  --acg-rose-deep: #7C3AED;
  --acg-text-1: #F2EEFA;
  --acg-text-2: #9A8FB5;
  --acg-text-3: #8B7EA5;
  --acg-border: #3B2C5C;
  --acg-border-strong: #4A3568;
}
/* 底色: 盖掉 anime 四叠粉光晕 → 页面底纯色 */
html.pc-modal body {
  background: #1C1330 !important;
}
/* 去浮动装饰(玫瑰/蝴蝶/月亮/星光) */
html.pc-modal .main-container::before { content: none !important; }
/* 输入框: 去金描边/玻璃模糊/投影 → 实底直角 */
html.pc-modal .search-input-container {
  background: #2E234C !important;
  border: 1px solid #453466 !important;
  border-radius: 0 !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  box-shadow: none !important;
}
/* 搜索按钮: 金玫渐变+流光 → 实心粉直角 */
html.pc-modal .search-action {
  background: #FF3D8A !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html.pc-modal .search-action::after { display: none !important; animation: none !important; }
/* 标题行: 去渐变字/辉光 → 标题主字色;TOP榜标签实心粉直角 */
html.pc-modal .hot-games-title-icon { filter: none !important; }
html.pc-modal .hot-games-title-text {
  background: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  color: #F2EEFA !important;
  filter: none !important;
}
html.pc-modal .hot-games-title-tag { background: #FF3D8A !important; color: #fff !important; border-radius: 0 !important; box-shadow: none !important; }
html.pc-modal .hot-games-title-line { background: #342A54 !important; }
/* 热门列表: 共享大盒(anime 玫金描边玻璃面)→ 容器透明,卡皮下放到每个 item,
   与搜索结果卡/全站扁平卡一致(卡底 #261C42 + 描边 #3B2C5C 直角) */
html.pc-modal .hot-games-list {
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}
html.pc-modal .hot-game-item {
  background: #261C42 !important;
  border: 1px solid #3B2C5C !important;
  border-radius: 0 !important;
  padding: 10px 12px !important;
  transition: background .15s ease, border-color .15s ease;
}
html.pc-modal .hot-game-item:hover {
  background: #332552 !important;
  border-color: #4A3568 !important;
}
/* 名次: 前三名金属渐变奖牌 → 扁平纯色方块(金/银/铜区分),4+ 序号转弱紫 */
html.pc-modal .hot-game-item:nth-child(-n+3)::before {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html.pc-modal .hot-game-item:nth-child(1)::before { background: #FFB020 !important; color: #1C1330 !important; }
html.pc-modal .hot-game-item:nth-child(2)::before { background: #B9AECB !important; color: #1C1330 !important; }
html.pc-modal .hot-game-item:nth-child(3)::before { background: #C9885A !important; color: #1C1330 !important; }
html.pc-modal .hot-game-item:nth-child(n+4)::before { color: #4A3568 !important; }
/* 游戏图标: 去金描边/辉光,直角 */
html.pc-modal .hot-game-icon,
html.pc-modal .search-result-icon {
  border: 1px solid #3B2C5C !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html.pc-modal .hot-game-name { text-shadow: none !important; }
/* 试玩/去玩按钮: 金玫渐变+流光 → 实心粉直角(主动作 CTA) */
html.pc-modal .hot-game-trial-btn,
html.pc-modal .search-result-play-btn {
  background: #FF3D8A !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html.pc-modal .hot-game-trial-btn:hover,
html.pc-modal .search-result-play-btn:hover {
  background: #FF5C9C !important;
  color: #fff !important;
  filter: none !important;
}
html.pc-modal .hot-game-trial-btn::after,
html.pc-modal .search-result-play-btn::after { display: none !important; animation: none !important; }
/* 结果卡/摘要: 玻璃渐变 → 扁平直角 */
html.pc-modal .search-result-item {
  background: #261C42 !important;
  border: 1px solid #3B2C5C !important;
  border-radius: 0 !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  box-shadow: none !important;
}
html.pc-modal .search-result-item:hover {
  transform: none !important;
  background: #332552 !important;
  border-color: #4A3568 !important;
  box-shadow: none !important;
}
html.pc-modal .search-result-name { text-shadow: none !important; }
html.pc-modal .search-results-title { text-shadow: none !important; font-family: inherit !important; }
html.pc-modal .search-summary {
  background: #261C42 !important;
  border: 1px solid #3B2C5C !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html.pc-modal .search-keyword,
html.pc-modal .search-count { text-shadow: none !important; }

/* 返回键 → 关闭 ×(点击=关闭对话框，见 pc-detail-modal.js)。visibility:hidden 保留点击区。
   2026-07-25:随头部统一移到右上 34px 方形关闭键(1C 规范:底 #3D1F63 白 ✕ 直角) */
html.pc-modal .search-header .back-button {
  position: absolute !important;
  left: auto !important;
  right: 14px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 40px !important;                 /* 1A 统一 40px 直角关闭键 */
  height: 40px !important;
  margin: 0 !important;
  background: #3D1F63 !important;
  border: 0 !important;
  border-radius: 0 !important;
}
html.pc-modal .search-header .back-button:hover { background: #4A3568 !important; }
html.pc-modal .search-header .back-button img { visibility: hidden !important; }
html.pc-modal .search-header .back-button::after {
  content: "×";
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  line-height: 1;
  color: var(--hd-text, #fff);
  pointer-events: none;
}