/* ===== 20260929 详情页精简重构：聚焦扫码获取，去除冗余引导与重复信息 ===== */

/* 1. 隐藏冗余模块（保留 DOM 避免 JS 报错，仅视觉隐藏） */
.detail-page .detail-context-strip,
.detail-page .detail-side-panel,
.detail-page .detail-meta-strip,
.detail-page #detailResourceInfoCard,
.detail-page .detail-state-feedback,
.detail-page .detail-flow-panel,
.detail-page .detail-polish-strip,
.detail-page .detail-tips-grid,
.detail-page .detail-continue-panel { display: none !important; }

/* 2. 主卡布局：更紧凑、海报完整、信息清晰 */
body.detail-page .detail-card-polished {
  grid-template-columns: 300px 1fr !important;
  gap: 34px !important;
  padding: 30px 34px 34px !important;
  border-radius: 24px !important;
}
body.detail-page .detail-cover {
  border-radius: 20px !important;
  aspect-ratio: 2 / 3 !important;
  object-fit: cover !important;
}
body.detail-page .detail-topline {
  font-size: 11px !important;
  letter-spacing: .14em !important;
  opacity: .9;
}
body.detail-page .detail-main h1 {
  font-size: clamp(28px, 3.4vw, 44px) !important;
  margin: 10px 0 12px !important;
  line-height: 1.1 !important;
}
body.detail-page .detail-meta {
  gap: 14px !important;
  font-size: 13.5px !important;
}
body.detail-page .compact-pill-row {
  margin: 14px 0 0 !important;
}
body.detail-page .hero-pill {
  min-height: 26px !important;
  padding: 4px 10px !important;
  font-size: 11.5px !important;
}

/* 3. 简介：直接展示，不加卡片包装 */
body.detail-page .detail-desc {
  margin: 18px 0 0 !important;
  font-size: 14.5px !important;
  line-height: 1.9 !important;
  color: rgba(232, 243, 255, .82) !important;
}

/* 4. 扫码 CTA：单卡强化，红蓝赛博渐变，视觉焦点 */
body.detail-page .detail-cta-panel-primary {
  margin: 24px 0 6px !important;
  padding: 24px 26px !important;
  border-radius: 22px !important;
  border: 1px solid rgba(255, 82, 142, .28) !important;
  background:
    linear-gradient(135deg, rgba(255, 62, 122, .16) 0%, rgba(88, 74, 255, .14) 52%, rgba(72, 200, 255, .10) 100%) !important;
  box-shadow: 0 18px 46px rgba(0, 0, 0, .28), inset 0 0 0 1px rgba(255, 255, 255, .04) !important;
}
body.detail-page .detail-cta-kicker {
  color: #E5484D !important;
  font-size: 11px !important;
  letter-spacing: .16em !important;
}
body.detail-page .detail-cta-title {
  font-size: 22px !important;
  font-weight: 840 !important;
}
body.detail-page .detail-cta-text,
body.detail-page .detail-cta-note {
  color: rgba(232, 243, 255, .74) !important;
  font-size: 13px !important;
}
body.detail-page .btn-cta-prominent {
  min-height: 48px !important;
  padding: 0 26px !important;
  font-size: 15px !important;
  background: linear-gradient(135deg, #E5484D, #5E5CE6) !important;
  color: #fff !important;
  border: none !important;
  box-shadow: 0 12px 30px rgba(255, 62, 122, .30) !important;
}
body.detail-page .btn-cta-prominent:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 16px 36px rgba(255, 62, 122, .42) !important;
}

/* 5. 片单归属链接：轻量展示 */
#detailCollectionLinks {
  margin: 14px 0 0 !important;
}
#detailCollectionLinks a {
  font-size: 12.5px !important;
}

/* 6. 底部推荐：简洁单行，去掉多余按钮 */
body.detail-page .detail-recommend-header {
  align-items: flex-end !important;
  margin-bottom: 18px !important;
}
body.detail-page .detail-recommend-actions .btn { display: none !important; }
body.detail-page .detail-recommend-scroll {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 14px !important;
}
body.detail-page .recommend-card {
  border-radius: 16px !important;
  overflow: hidden !important;
}

/* 7. 移动端适配 */
@media (max-width: 767px) {
  body.detail-page .detail-card-polished {
    grid-template-columns: 1fr !important;
    padding: 20px 18px 24px !important;
    gap: 0 !important;
  }
  body.detail-page .detail-cover {
    max-width: 220px !important;
    margin: 0 auto 18px !important;
  }
  body.detail-page .detail-cta-panel-primary {
    padding: 18px !important;
  }
  body.detail-page .detail-recommend-scroll {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

/* ===== 20261001 v2：推荐卡片海报化 + 频道拓展卡片 ===== */
/* 推荐区 header：恢复拓展入口按钮 */
body.detail-page .detail-recommend-actions .btn {
  display: inline-flex !important;
  height: 36px !important;
  padding: 0 16px !important;
  border-radius: 12px !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  background: rgba(56, 189, 248, .10) !important;
  border: 1px solid rgba(103, 232, 249, .22) !important;
  color: #8B7CFF !important;
  transition: all .2s ease !important;
}
body.detail-page .detail-recommend-actions .btn:hover {
  background: rgba(56, 189, 248, .18) !important;
  border-color: rgba(103, 232, 249, .42) !important;
  color: #A78BFA !important;
  transform: translateY(-1px) !important;
}

/* 推荐卡片：海报大卡（显式高度，保证有图） */
body.detail-page .detail-related-movie-card {
  display: block !important;
  min-height: 0 !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  background: rgba(13, 19, 34, .88) !important;
  border: 1px solid rgba(99, 102, 241, .18) !important;
  box-shadow: 0 6px 20px rgba(2, 8, 20, .32) !important;
  text-decoration: none !important;
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease !important;
}
body.detail-page .detail-related-movie-card:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(103, 232, 249, .42) !important;
  box-shadow: 0 16px 36px rgba(2, 8, 20, .50) !important;
}
body.detail-page .detail-related-poster {
  width: 100% !important;
  height: 232px !important;
  object-fit: cover !important;
  display: block !important;
  background: #12151D !important;
  border-radius: 0 !important;
}
body.detail-page .detail-related-info {
  padding: 12px 13px 14px !important;
  display: grid !important;
  gap: 5px !important;
}
body.detail-page .detail-related-info span {
  font-size: 11px !important;
  font-weight: 800 !important;
  color: #8B7CFF !important;
  letter-spacing: .03em !important;
}
body.detail-page .detail-related-info strong {
  font-size: 14.5px !important;
  font-weight: 750 !important;
  line-height: 1.32 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  color: rgba(240, 246, 255, .94) !important;
}
body.detail-page .detail-related-info em {
  font-style: normal !important;
  font-size: 12px !important;
  color: rgba(180, 200, 230, .60) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* 频道拓展卡片区 */
body.detail-page .detail-explore-section {
  margin-top: 40px !important;
}
body.detail-page .detail-explore-header {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  margin-bottom: 16px !important;
}
body.detail-page .detail-explore-header h2 {
  margin: 0 !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  color: rgba(240, 246, 255, .95) !important;
  letter-spacing: .02em !important;
}
body.detail-page .detail-explore-header .section-kicker {
  font-size: 12px !important;
  font-weight: 800 !important;
  color: #8B7CFF !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  margin-bottom: 6px !important;
}
body.detail-page .detail-explore-grid {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 12px !important;
}
body.detail-page .detail-explore-card {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 14px 12px !important;
  border-radius: 14px !important;
  background: rgba(13, 19, 34, .82) !important;
  border: 1px solid rgba(99, 102, 241, .16) !important;
  box-shadow: 0 4px 14px rgba(2, 8, 20, .26) !important;
  text-decoration: none !important;
  transition: all .2s ease !important;
}
body.detail-page .detail-explore-card:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(103, 232, 249, .40) !important;
  box-shadow: 0 10px 26px rgba(2, 8, 20, .42) !important;
}
body.detail-page .detail-explore-icon {
  width: 34px !important;
  height: 34px !important;
  border-radius: 10px !important;
  display: grid !important;
  place-items: center !important;
  font-size: 14px !important;
  color: #8B7CFF !important;
  background: linear-gradient(135deg, rgba(96, 165, 250, .18), rgba(192, 132, 252, .16)) !important;
  border: 1px solid rgba(139, 148, 252, .26) !important;
  flex: 0 0 auto !important;
}
body.detail-page .detail-explore-card b {
  font-size: 13.5px !important;
  font-weight: 750 !important;
  color: rgba(240, 246, 255, .92) !important;
  display: block !important;
}
body.detail-page .detail-explore-card small {
  font-size: 11px !important;
  color: rgba(180, 200, 230, .58) !important;
}
@media (max-width: 900px) {
  body.detail-page .detail-explore-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}
@media (max-width: 640px) {
  body.detail-page .detail-related-poster { height: 160px !important; }
  body.detail-page .detail-explore-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
/* ===== 20261001 UI v3: 发光图标 + 渐变描边容器 + 按钮体系 ===== */
/* 渐变文字 */
.detail-gradient-text{background:linear-gradient(135deg,#B9ACFF 0%,#8B7CFF 45%,#6E8CFF 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
/* 渐变描边卡片 */
.detail-glow-border{position:relative;background:rgba(18,22,30,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:18px}
.detail-glow-border::before{content:'';position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(140deg,rgba(139,124,255,.55),rgba(139,124,255,.05) 45%,rgba(94,92,230,.22));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
/* CTA 面板主发光 */
.detail-cta-glow{background:linear-gradient(160deg,rgba(139,124,255,.10),rgba(18,22,30,.75) 42%,rgba(94,92,230,.06));box-shadow:0 16px 44px rgba(0,0,0,.3),0 0 0 1px rgba(139,124,255,.08)}
/* 主按钮: 渐变底 + 光晕 + 胶囊 */
.detail-actions-row .btn-cta-prominent{background:linear-gradient(135deg,#8B7CFF 0%,#6E5FE0 55%,#5E5CE6 100%);border:none;color:#fff;border-radius:999px;box-shadow:0 8px 26px rgba(139,124,255,.35),inset 0 1px 0 rgba(255,255,255,.18);font-weight:800;letter-spacing:.5px;transition:.24s var(--ease)}
.detail-actions-row .btn-cta-prominent:hover{transform:translateY(-1px);box-shadow:0 12px 36px rgba(139,124,255,.5),inset 0 1px 0 rgba(255,255,255,.22);background:linear-gradient(135deg,#97C 0%,#7B6BFF 55%,#6B67F0 100%)}
.detail-actions-row .btn-cta-prominent i{color:rgba(255,255,255,.92);font-size:16px;margin-right:6px}
/* 次按钮: 毛玻璃 + 图标 */
.detail-icon-btn{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.04);border:1px solid rgba(139,124,255,.20);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:999px;color:var(--text-2,#9AA4B5);transition:.24s var(--ease)}
.detail-icon-btn i{font-size:14px;color:#A78BFA;transition:.24s var(--ease)}
.detail-icon-btn:hover{border-color:rgba(139,124,255,.42);color:var(--text,#F2F5FA);box-shadow:0 6px 18px rgba(139,124,255,.16)}
.detail-icon-btn:hover i{color:#B9ACFF}
/* 资源信息行: 左侧渐变竖条 */
.detail-resource-info-card .detail-resource-info-row{position:relative;padding-left:14px}
.detail-resource-info-card .detail-resource-info-row::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:16px;border-radius:2px;background:linear-gradient(180deg,#A78BFA,#5E5CE6);opacity:.75}
/* 状态条渐变描边 */
.detail-state-feedback{border-radius:18px;background:rgba(18,22,30,.66);border:1px solid rgba(139,124,255,.16);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
/* 扩展卡图标容器发光 */
.detail-explore-icon{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(139,124,255,.20),rgba(94,92,230,.08));border:1px solid rgba(139,124,255,.25);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 6px 18px rgba(94,92,230,.16);color:#B9ACFF;font-size:18px;transition:.25s var(--ease)}
.detail-explore-card:hover .detail-explore-icon{transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 8px 24px rgba(139,124,255,.32);color:#fff}
/* 分类徽章胶囊渐变 */
.detail-topline{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:999px;background:linear-gradient(135deg,rgba(139,124,255,.18),rgba(94,92,230,.10));border:1px solid rgba(139,124,255,.30);color:#C4B8FF;font-size:12px;font-weight:800;letter-spacing:1px}

/* ===== 20261001 v3：detail 导航栏修复（与首页同构：grid 加在 .container 上） ===== */
body.detail-page .navbar {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  min-height: 72px !important;
  display: block !important;
}
body.detail-page .navbar .container {
  width: 100% !important;
  max-width: none !important;
  min-height: 72px !important;
  margin: 0 !important;
  padding: 0 24px !important;
  display: grid !important;
  grid-template-columns: max-content minmax(0, 1fr) 280px !important;
  grid-template-areas: "logo nav search" !important;
  align-items: center !important;
  column-gap: 24px !important;
}
body.detail-page .navbar-logo {
  grid-area: logo !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: max-content !important;
}
body.detail-page .navbar-logo-icon {
  width: 36px !important;
  height: 36px !important;
  border-radius: 10px !important;
  clip-path: none !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
  background: linear-gradient(135deg, rgba(139,124,255,.20), rgba(139,124,255,.10)) !important;
  border: 1px solid rgba(139,124,255,.30) !important;
}
body.detail-page .navbar-logo-icon img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
body.detail-page .navbar-logo h1 { margin: 0 !important; font-size: 19px !important; white-space: nowrap !important; }
body.detail-page .navbar-categories {
  grid-area: nav !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  overflow-x: auto !important;
  scrollbar-width: none !important;
  width: 100% !important;
}
body.detail-page .navbar-categories::-webkit-scrollbar { display: none !important; }
body.detail-page .navbar-search {
  grid-area: search !important;
  width: 280px !important;
  min-width: 280px !important;
  max-width: 280px !important;
  margin: 0 !important;
}
body.detail-page .navbar-actions { display: none !important; }

/* 2. 推荐海报缩小 + 严格 2:3 竖版比例 */
body.detail-page .detail-recommend-scroll { grid-template-columns: repeat(7, minmax(0, 1fr)) !important; gap: 12px !important; }
body.detail-page .detail-recommend-scroll .recommend-card { padding: 0 !important; border-radius: 14px !important; }
body.detail-page .recommend-card .movie-cover-wrap,
body.detail-page .recommend-card .recommend-cover,
body.detail-page .recommend-card img:first-child { aspect-ratio: 2 / 3 !important; width: 100% !important; height: auto !important; }
body.detail-page .recommend-card .movie-info,
body.detail-page .recommend-card .recommend-title { font-size: 12px !important; padding: 6px 2px 8px !important; line-height: 1.25 !important; }

/* 3. 去冗余：推荐区多余按钮隐藏 */
body.detail-page .detail-recommend-actions .btn { display: none !important; }
body.detail-page .detail-recommend-header { margin-bottom: 12px !important; }

/* ===== 20261001 v3.1：导航栏聚合修复 ===== */
body.detail-page .navbar { display: flex !important; flex-direction: row !important; }
body.detail-page .navbar > .navbar-logo {
  order: 1 !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex: 0 0 auto !important;
}
body.detail-page .navbar > .navbar-categories { order: 2 !important; }
body.detail-page .navbar > .navbar-search { order: 3 !important; }
body.detail-page .navbar > .navbar-actions { order: 4 !important; }
body.detail-page .navbar-logo-icon,
body.detail-page .navbar-logo-icon img { width: 36px !important; height: 36px !important; flex: 0 0 36px !important; }

/* ===== 20261001 v3.2：导航栏 grid 完整覆盖 ===== */
body.detail-page .navbar {
  display: grid !important;
  grid-template-columns: max-content minmax(0,1fr) 280px !important;
  grid-template-areas: "logo nav search" !important;
  align-items: center !important;
  column-gap: 24px !important;
  padding: 0 24px !important;
  min-height: 72px !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}
body.detail-page .navbar-logo {
  grid-area: logo !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: max-content !important;
}
body.detail-page .navbar-logo-icon {
  width: 36px !important; height: 36px !important;
  border-radius: 10px !important; clip-path: none !important;
  display: grid !important; place-items: center !important;
  overflow: hidden !important;
}
body.detail-page .navbar-logo-icon img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
body.detail-page .navbar-logo h1 { margin: 0 !important; font-size: 19px !important; white-space: nowrap !important; }
body.detail-page .navbar-categories {
  grid-area: nav !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  overflow-x: auto !important;
  scrollbar-width: none !important;
}
body.detail-page .navbar-categories::-webkit-scrollbar { display: none !important; }
body.detail-page .navbar-search {
  grid-area: search !important;
  width: 280px !important; min-width: 280px !important; max-width: 280px !important;
  margin: 0 !important;
}
body.detail-page .navbar-actions { display: none !important; }

/* ===== 20261001 v4-back-home-hide：隐藏冗余"返回首页"按钮（导航栏可直接返回） ===== */
body.detail-page .btn-back-home { display: none !important; }

/* ===== 2026-10-05 nav-geo-v5：detail 页导航对齐全站两行布局（窄屏） ===== */
@media (max-width: 1100px) {
  body.detail-page .navbar { display: block !important; min-height: 108px !important; }
  body.detail-page .navbar .container {
    display: grid !important;
    grid-template-columns: max-content minmax(0, 1fr) !important;
    grid-template-areas: "logo search" "nav nav" !important;
    column-gap: 20px !important;
    row-gap: 6px !important;
    min-height: 108px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  body.detail-page .navbar-categories {
    grid-area: nav !important;
    height: 40px !important;
    min-height: 40px !important;
    justify-content: flex-start !important;
    gap: 14px !important;
    overflow-x: auto !important;
    order: 0 !important;
  }
  body.detail-page .navbar-logo { grid-area: logo !important; order: 0 !important; }
  body.detail-page .navbar-search {
    grid-area: search !important;
    order: 0 !important;
    width: 260px !important;
    min-width: 260px !important;
    max-width: 260px !important;
    justify-self: end !important;
  }
}
@media (max-width: 640px) {
  body.detail-page .navbar .container {
    grid-template-columns: 1fr !important;
    grid-template-areas: "logo" "search" "nav" !important;
    min-height: 156px !important;
    row-gap: 8px !important;
  }
  body.detail-page .navbar-search { width: 100% !important; min-width: 0 !important; max-width: none !important; justify-self: stretch !important; }
}