/* ============================================================================
 *  在线观看 TAB 页（/series|media/{英文名}/watch.html）专用样式
 *  2026-10-17 v2.1
 *  ★文件名带版本号（watch2.css）：上一版 watch.css 被浏览器缓存过，
 *    同 URL 换内容不会立刻生效 —— 这个教训写进交接文档了：改样式就换文件名。
 *  ★站点有全局规则 `.detail-main .detail-section ul` 会把 ul/li 画成一张张大卡片，
 *    所以本页的资料表 / 分集入口**一律不用 ul/li**（div 网格 / div+li），
 *    避免被那条全局样式改样。
 *  ★全站硬规矩：源码里不许出现 <style> / 内联 style，本页样式全写在这里。
 * ========================================================================== */

/* ---------- 顶部说明 ---------- */
.jgxw-lead {
  margin: 0 0 18px;
  padding: 0;
  font-size: 15px;
  line-height: 1.9;
  color: #b9c9c9;
}
.jgxw-lead b {
  color: #00d4c6;
  font-weight: 600;
}

/* ---------- 平台入口卡 ---------- */
.jgxw-plats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 12px;
  margin: 0 0 12px;
}
/* 只有一个平台时不要把一张卡拉满整行，看着空 */
.jgxw-plats--1 {
  grid-template-columns: minmax(0, 420px);
}
.jgxw-plat {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 18px;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(0, 206, 201, 0.10), rgba(0, 206, 201, 0.04));
  border: 1px solid rgba(0, 206, 201, 0.22);
  text-decoration: none;
  transition: background-color .25s ease, border-color .25s ease, transform .25s ease, box-shadow .25s ease;
}
.jgxw-plat:hover {
  background: rgba(0, 206, 201, 0.16);
  border-color: #00d4c6;
  transform: translateY(-2px);
  box-shadow: 0 8px 22px rgba(0, 212, 198, 0.14);
}
.jgxw-plat__logo {
  width: 30px;
  height: 30px;
  flex: 0 0 auto;
  object-fit: contain;
}
.jgxw-plat__body {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}
.jgxw-plat__name {
  font-size: 15.5px;
  font-weight: 600;
  color: #e8f6f5;
  line-height: 1.3;
}
.jgxw-plat__sub {
  font-size: 12px;
  color: #7f9696;
  line-height: 1.3;
}
.jgxw-plat__go {
  margin-left: auto;
  padding-left: 8px;
  font-size: 13px;
  color: #00d4c6;
  white-space: nowrap;
}

/* 观看说明（压住"能直接播"的误解） */
.jgxw-note {
  margin: 0 0 34px;
  padding: 0 2px;
  font-size: 12.5px;
  line-height: 1.8;
  color: #7a8a8f;
}

/* ---------- 剧情简介 ---------- */
.jgxw-plot {
  margin: 0 0 12px;
  font-size: 15px;
  line-height: 1.95;
  color: #c3d3d2;
}

/* 一行小链接 */
.jgxw-linkrow {
  margin: 0 0 34px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 22px;
  font-size: 13.5px;
  line-height: 1.8;
}
.jgxw-linkrow a {
  color: #00d4c6;
  text-decoration: none;
}
.jgxw-linkrow a:hover {
  text-decoration: underline;
}

/* ---------- 分集入口（div + li，和分集页同一套结构，复用 .episodes-grid 按钮样式） ---------- */
.jgxw-eps {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 8px;
  margin: 0 0 12px;
}
.jgxw-eps li {
  max-width: 100%;
  margin: 0;
}
.jgxw-eps li a {
  width: 100%;
  max-width: 100%;
  padding: 0 12px;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* ---------- 观众口碑 ---------- */
.jgxw-kb {
  margin: 0 0 8px;
}
.jgxw-kb-total {
  margin: 0 0 14px;
  font-size: 13.5px;
  color: #9fb3b3;
}
.jgxw-kb-total b {
  color: #00d4c6;
  font-weight: 600;
  font-size: 15px;
}
.jgxw-kb .kb-tabkw {
  margin-bottom: 16px;
}
.jgxw-kb .kb-tabkw .hd {
  font-size: 12.5px;
  color: #7a8a8f;
  margin-bottom: 8px;
}
.jgxw-kb .kb-tabkw .row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.jgxw-kb .kb-tabkw .row a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 11px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.09);
  color: #cfe3e2;
  font-size: 13px;
  line-height: 1.5;
  text-decoration: none;
  transition: border-color .2s ease, color .2s ease, background-color .2s ease;
}
.jgxw-kb .kb-tabkw .row a:hover {
  border-color: #00d4c6;
  color: #00d4c6;
  background: rgba(0, 206, 201, 0.10);
}
.jgxw-kb .kb-tabkw .row a b {
  font-weight: 400;
  font-size: 11px;
  color: #7a8a8f;
}

/* ---------- 常见问题 ---------- */
.jgxw-faq {
  margin: 0 0 34px;
  padding: 0;
}
.jgxw-faq dt {
  margin: 0 0 6px;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.7;
  color: #e2efee;
}
.jgxw-faq dt::before {
  content: 'Q ';
  color: #00d4c6;
}
.jgxw-faq dd {
  margin: 0 0 18px;
  padding: 0 0 0 20px;
  font-size: 14px;
  line-height: 1.9;
  color: #a9bcbc;
  border-left: 2px solid rgba(0, 206, 201, 0.25);
}

/* ---------- 版权声明 ---------- */
.jgxw-legal.detail-sidebar__section {
  margin: 0;
  padding: 14px 16px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.07);
  font-size: 12.5px;
  line-height: 1.9;
  color: #7a8a8f;
}
.jgxw-legal .jgxw-report {
  display: inline-block;
  margin-left: 8px;
  padding: 1px 8px;
  border-radius: 10px;
  border: 1px solid rgba(0, 206, 201, 0.30);
  color: #00d4c6;
  font-size: 12px;
  text-decoration: none;
  white-space: nowrap;
}
.jgxw-legal .jgxw-report:hover {
  background: rgba(0, 206, 201, 0.14);
}

/* ============================================================================
 *  手机
 * ========================================================================== */
@media (max-width: 768px) {
  /* 6 个 TAB 在手机上不要换行挤成两排：单行 + 横向滑动（只作用于本页） */
  .tab-system-wrapper > .tab-header {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    justify-content: flex-start !important;
    gap: 2px !important;
    padding-bottom: 8px !important;
  }
  .tab-system-wrapper > .tab-header .tab-btn {
    flex: 0 0 auto !important;
    padding: 8px 11px !important;
    font-size: 14px !important;
    gap: 0 !important;
    white-space: nowrap !important;
  }
  .tab-system-wrapper > .tab-header .tab-btn i.fa,
  .tab-system-wrapper > .tab-header .tab-btn svg {
    display: none !important;
  }
  .tab-system-wrapper > .tab-header::-webkit-scrollbar { display: none; }

  .jgxw-lead {
    font-size: 14px;
    line-height: 1.85;
    margin-bottom: 14px;
  }
  .jgxw-plats {
    grid-template-columns: 1fr;
    gap: 8px;
    margin-bottom: 10px;
  }
  .jgxw-plat {
    padding: 12px 14px;
    gap: 10px;
  }
  .jgxw-plat__logo {
    width: 24px;
    height: 24px;
  }
  .jgxw-plat__name {
    font-size: 14px;
  }
  .jgxw-plat__sub {
    font-size: 11px;
  }
  .jgxw-plat__go {
    font-size: 12px;
  }
  .jgxw-note {
    margin-bottom: 26px;
    font-size: 12px;
  }
  .jgxw-plot {
    font-size: 14px;
    line-height: 1.9;
  }
  .jgxw-linkrow {
    margin-bottom: 26px;
    gap: 6px 16px;
    font-size: 13px;
  }
  .jgxw-eps {
    grid-template-columns: repeat(auto-fill, minmax(132px, 1fr));
    gap: 6px;
  }
  .jgxw-kb .kb-tabkw .row a {
    padding: 4px 10px;
    font-size: 12.5px;
  }
  .jgxw-kb-total {
    font-size: 13px;
    margin-bottom: 12px;
  }
  .jgxw-faq dt {
    font-size: 14px;
  }
  .jgxw-faq dd {
    font-size: 13.5px;
    margin-bottom: 14px;
  }
  .jgxw-legal {
    font-size: 12px;
    padding: 12px 14px;
  }
}

/* ============================================================================
 *  人物关系图（v10：SVG 中心人物 + 周围角色 + 连线 + 关系名；2026-10-17）
 *  · 两套 SVG 都输出（PC 1000×640 / 手机 400×620），这里只负责按屏宽切换
 *  · 字号/颜色全部用 class，SVG 里没有内联 style
 * ========================================================================== */
.jgxw-graph {
  margin: 0 0 34px;
  padding: 18px 20px 14px;
  border-radius: 16px;
  border: 1px solid rgba(0, 206, 201, 0.16);
  background: radial-gradient(900px 260px at 0% 0%, rgba(0, 206, 201, 0.10), rgba(0, 206, 201, 0) 62%), rgba(255, 255, 255, 0.02);
}
.jgxw-graph__top {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin: 0 0 6px;
}
.jgxw-graph__stat {
  font-size: 13px;
  color: #9fb3b3;
}
.jgxw-graph__stat b {
  color: #00d4c6;
  font-weight: 600;
  font-size: 16px;
  margin: 0 2px;
}
.jgxw-graph__stat i {
  font-style: normal;
  color: #4e6664;
  margin: 0 8px;
}
.jgxw-graph__foot {
  display: flex;
  justify-content: flex-end;
  margin-top: 4px;
}
.jgxw-graph__foot a {
  font-size: 13px;
  color: #00d4c6;
  text-decoration: none;
}
.jgxw-graph__foot a:hover {
  text-decoration: underline;
}

/* 两版切换 */
.jgxw-relgraph svg.rg-svg {
  display: block;
  width: 100%;
  height: auto;
}
.jgxw-relgraph--m {
  display: none;
}

/* SVG 内文字/线 */
.rg-svg text {
  font-family: inherit;
}
.rg-line {
  stroke: rgba(0, 206, 201, 0.30);
  stroke-width: 1.4;
  stroke-dasharray: 5 6;
}
.rg-name {
  fill: #eaf7f6;
  font-weight: 600;
}
.rg-sub {
  fill: #8fb0af;
}
.rg-sub--dim {
  fill: #62797a;
}
.rg-center-name {
  fill: #ffffff;
  font-weight: 700;
}
.rg-center-sub {
  fill: #9fb3b3;
}
.rg-center-sub--dim {
  fill: #6f8686;
}
.rg-rel {
  fill: #00d4c6;
  font-weight: 600;
  paint-order: stroke;
  stroke: #0a1616;
  stroke-width: 5px;
  stroke-linejoin: round;
}

/* PC 版字号 */
.jgxw-relgraph--pc .rg-name { font-size: 15px; }
.jgxw-relgraph--pc .rg-sub { font-size: 12px; }
.jgxw-relgraph--pc .rg-center-name { font-size: 18px; }
.jgxw-relgraph--pc .rg-center-sub { font-size: 13px; }
.jgxw-relgraph--pc .rg-rel { font-size: 13px; }

/* 手机版字号（viewBox 400 宽，接近 1:1） */
.jgxw-relgraph--m .rg-name { font-size: 14px; }
.jgxw-relgraph--m .rg-sub { font-size: 11px; }
.jgxw-relgraph--m .rg-center-name { font-size: 17px; }
.jgxw-relgraph--m .rg-center-sub { font-size: 12px; }
.jgxw-relgraph--m .rg-rel { font-size: 11.5px; }

@media (max-width: 768px) {
  .jgxw-graph {
    padding: 14px 12px 10px;
    margin-bottom: 26px;
  }
  .jgxw-graph__stat {
    font-size: 12px;
  }
  .jgxw-graph__stat b {
    font-size: 14px;
  }

  .jgxw-relgraph--pc {
    display: none;
  }
  .jgxw-relgraph--m {
    display: block;
  }
  .jgxw-graph__foot {
    justify-content: flex-start;
    margin-top: 2px;
  }
  .jgxw-graph__foot a {
    font-size: 12.5px;
  }
}
/* ============================================================================
 *  FAQ 答案里的链接：做成"可点的胶囊"，不要混在纯文字里（2026-10-17 v18）
 * ========================================================================== */
.jgxw-faq dd a {
  display: inline-block;
  margin: 0 2px;
  padding: 1px 10px;
  border-radius: 12px;
  border: 1px solid rgba(0, 206, 201, 0.35);
  background: rgba(0, 206, 201, 0.10);
  color: #00d4c6;
  font-size: 13px;
  line-height: 1.7;
  text-decoration: none;
  white-space: nowrap;
  transition: background-color .2s ease, border-color .2s ease;
}
.jgxw-faq dd a:hover {
  background: rgba(0, 206, 201, 0.22);
  border-color: #00d4c6;
}
@media (max-width: 768px) {
  .jgxw-faq dd a {
    padding: 1px 8px;
    font-size: 12.5px;
  }
}

/* ============================================================================
 *  版权声明卡（v20）：照关系图页侧边栏那张卡，但纯投诉、不带平台
 * ========================================================================== */
.jgxw-legal .disclaimer-text {
  margin: 0 0 12px;
  font-size: 12.5px;
  line-height: 1.9;
  color: #7a8a8f;
}
.jgxw-legal .rj-report-row {
  margin: 0;
}
.jgxw-legal .detail-sidebar__title {
  margin-bottom: 12px;
}

/* ============================================================================
 *  侧边栏「版权声明（纯投诉）」卡（v21）：放在猜你喜欢上面，跟站点侧边栏同一套样式
 * ========================================================================== */
.detail-sidebar__section.rj-watch .disclaimer-text {
  font-size: 12px;
  line-height: 1.85;
  color: #7a8a8f;
  margin: 0 0 12px;
}
.detail-sidebar__section.rj-watch .rj-report-row {
  margin: 0;
}

/* ============================================================================
 *  版权声明卡里的口号条「保护正版 · 人人有责」（v23）
 * ========================================================================== */
.detail-sidebar__section.rj-watch .jgxw-slogan,
.jgxw-legal .jgxw-slogan {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 12px;
  padding: 6px 10px;
  border-left: 3px solid #00d4c6;
  border-radius: 4px;
  background: linear-gradient(90deg, rgba(0, 206, 201, 0.16), rgba(0, 206, 201, 0.02));
  color: #00d4c6;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 1.5px;
}
.detail-sidebar__section.rj-watch .jgxw-slogan::before,
.jgxw-legal .jgxw-slogan::before {
  content: "✦";
  font-size: 12px;
  color: #00d4c6;
}
@media (max-width: 768px) {
  .detail-sidebar__section.rj-watch .jgxw-slogan,
  .jgxw-legal .jgxw-slogan {
    font-size: 12.5px;
    letter-spacing: 1px;
    padding: 5px 9px;
  }
}

/* ===== 2026-10-28 值不值得看 + 版权投诉（原先的「观众口碑」词云块和正文「版权声明」大卡合并到这里） ===== */
.jgxw-meta{display:flex;justify-content:flex-start;align-items:center;gap:14px;flex-wrap:wrap;
  margin:16px 0 26px;padding:12px 14px;border:1px solid #1d3434;border-radius:8px;background:#0f1f1f;
  font-size:13px;line-height:1.8}
.jgxw-meta__left{display:flex;align-items:center;gap:9px;flex-wrap:wrap;min-width:0}
.jgxw-meta__score{background:#112323;border:1px solid #2a4444;border-radius:4px;padding:1px 8px;
  color:#ffd166;font-weight:700;white-space:nowrap}
.jgxw-meta__txt{color:#A8D5D5}
.jgxw-meta__link{color:#00CEC9;text-decoration:none;white-space:nowrap}
.jgxw-meta__link:hover{text-decoration:underline}
.jgxw-meta__legal{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#6B9999}
/* 2026-10-28 版权投诉：挪到导语句末尾，做成一个轻量文字链接 */
.jgxw-report-link{margin-left:10px;color:#8fbcbc;text-decoration:none;border-bottom:1px dashed #4a6a6a;white-space:nowrap}
.jgxw-report-link:hover{color:#00CEC9;border-bottom-color:#00CEC9}
.jgxw-meta__legal a{color:#8fbcbc;text-decoration:none;border-bottom:1px dashed #4a6a6a}
@media(max-width:640px){
  .jgxw-meta{gap:8px;padding:10px 12px;margin:12px 0 20px}
  .jgxw-meta__legal{font-size:12px}
}

/* ===== 2026-10-28 新增：平台图标兜底 / 本剧看点 / 同平台推荐 ===== */
.jgxw-plat__logo--txt{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:#1d3434;color:#a8d5d5;font-size:15px;font-weight:700;flex:0 0 auto}
.jgxw-plat__logo--txt.is-mango{background:#ff6a00;color:#fff}
.jgxw-plat__logo--txt.is-fx{background:#1a7fd4;color:#fff}
.jgxw-plat__logo--txt.is-sohu{background:#e60012;color:#fff}
.jgxw-plat__logo--txt.is-mdd{background:#ff6b2c;color:#fff}
/* 本剧看点：集数横滑 chip + 单集看点面板（2026-10-28 v3） */
/* 集数按钮：整排换行全展示（跟分集剧情子页一样，不藏起来） */
.jgxw-more{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 28px}
.jgxw-more__item{display:flex;gap:10px;align-items:center;padding:10px;border-radius:10px;background:#0f1f1f;border:1px solid #1d3434;text-decoration:none;transition:border-color .2s ease,transform .2s ease}
.jgxw-more__item:hover{border-color:#00CEC9;transform:translateY(-2px)}
.jgxw-more__pic{width:56px;height:76px;flex:0 0 auto;border-radius:6px;background:#132727 center/cover no-repeat}
.jgxw-more__body{min-width:0;display:flex;flex-direction:column;gap:4px}
.jgxw-more__body b{font-size:14px;color:#fff;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.jgxw-more__body em{font-style:normal;font-size:12px;color:#6B9999}
@media(max-width:640px){
  .jgxw-more{grid-template-columns:1fr;gap:10px;margin-bottom:22px}
  .jgxw-more__pic{width:52px;height:72px}
}

/* ===== 2026-10-28 本剧看点：全部集数折叠区 ===== */

/* 2026-10-28 合并块：当前集标题 + 分集页入口 */


/* 2026-10-28 集数状态：已看淡色 / 当前集高亮 */

/* ===== 2026-10-29 分集看点（平铺版，按老板给的样板移植） ===== */
.jgxw-pthd{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:0 0 14px}
.jgxw-pthd .jgs-subtitle{width:auto!important;flex:0 0 auto;min-width:0;margin:0}
.jgxw-ptcount{display:inline-block;margin-left:10px;padding:1px 10px;font-size:12.5px;font-weight:500;color:#5eead4;background:rgba(0,206,201,.12);border:1px solid rgba(0,206,201,.25);border-radius:999px;vertical-align:2px}
.jgxw-pthint{margin:0 0 0 auto;font-size:13px;color:#6b8b88}
.jgxw-ptchips{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:8px;padding:16px;background:#0f1f1f;border:1px solid #1d3434;border-radius:14px;margin:0 0 12px}
.jgxw-ptchip{position:relative;height:36px;border-radius:8px;font-size:13.5px;color:#9fc7c3;background:#132727;border:1px solid #1d3434;cursor:pointer;font-family:inherit;transition:background .15s,border-color .15s,color .15s,transform .05s}
.jgxw-ptchip:hover{color:#e9f4f4;border-color:#2b4a49;background:#173030}
.jgxw-ptchip:active{transform:scale(.96)}
.jgxw-ptchip.is-seen{color:#5eead4;background:rgba(13,115,119,.18);border-color:rgba(0,206,201,.35)}
.jgxw-ptchip.is-seen::after{content:"✓";position:absolute;top:-7px;right:-4px;width:16px;height:16px;border-radius:50%;background:#00CEC9;color:#08201f;font-size:10px;font-weight:700;line-height:16px;text-align:center}
.jgxw-ptchip.is-on{background:#0D7377;border-color:#0D7377;color:#fff;font-weight:700}
.jgxw-ptchip.is-on::after{display:none}
.jgxw-ptpane{display:none}
.jgxw-ptpane.is-on{display:block}
.jgxw-detail{background:#0f1f1f;border:1px solid #1d3434;border-radius:14px;padding:20px 22px 18px}
.jgxw-dhead{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.jgxw-dtitle{display:flex;align-items:center;gap:10px;min-width:0}
.jgxw-dbar{flex:0 0 auto;width:4px;height:20px;border-radius:2px;background:#00CEC9}
.jgxw-dtitle b{font-size:16.5px;font-weight:700;color:#e8f4f4;line-height:1.45}
.jgxw-dcta{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:999px;font-size:13.5px;font-weight:600;color:#08201f;background:#00CEC9;text-decoration:none;transition:filter .15s}
.jgxw-dcta:hover{filter:brightness(1.08);color:#08201f}
.jgxw-darrow{font-size:15px;line-height:1;margin-top:-1px}
.detail-main .detail-section .jgxw-points{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 22px}
.detail-main .detail-section .jgxw-points li{display:flex;align-items:flex-start;gap:8px;font-size:13.5px;line-height:1.65;color:#b9d6d3;padding:0;background:none;border:0;border-radius:0}
.detail-main .detail-section .jgxw-points li::before{content:"";flex:0 0 auto;width:6px;height:6px;border-radius:50%;background:#00CEC9;margin-top:8px}
@media(max-width:1099px){.jgxw-ptchips{grid-template-columns:repeat(9,minmax(0,1fr))}}
@media(max-width:640px){.jgxw-ptchips{grid-template-columns:repeat(6,minmax(0,1fr));padding:10px;gap:5px}.jgxw-ptchip{height:34px;font-size:11.5px}.jgxw-detail{padding:16px}.jgxw-dtitle b{font-size:15px}.jgxw-dhead{flex-direction:column;align-items:flex-start;gap:12px}.jgxw-dcta{width:100%;justify-content:center}.detail-main .detail-section .jgxw-points{grid-template-columns:1fr}}


/* 过渡兼容：还没重刷到的旧页面（ephead 结构）先用这套样式撑住 */
.jgxw-ephead{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin:0 0 12px}
.jgxw-ephead b{font-size:16.5px;font-weight:700;color:#e8f4f4}
.jgxw-ephead a{flex:0 0 auto;display:inline-flex;align-items:center;padding:8px 16px;border-radius:999px;font-size:13.5px;font-weight:600;color:#08201f;background:#00CEC9;text-decoration:none}

/* 切换淡入（和样板一致） */
.jgxw-ptpane.is-on .jgxw-detail{animation:jgxfade .25s ease}
@keyframes jgxfade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.jgxw-ptpane.is-on .jgxw-detail{animation:none}}

/* 分集看点块底部链接和卡片之间留距离 */
.jgxw-ptbox + .jgxw-linkrow{margin-top:16px}

/* ===== 剧情简介 / 剧情概括：做成有设计感的引言卡 ===== */
.jgxw-intro{position:relative;margin:0 0 8px;padding:18px 22px 18px 24px;background:linear-gradient(180deg,rgba(13,115,119,.09),rgba(13,115,119,.03));border:1px solid rgba(13,115,119,.16);border-radius:12px}
.jgxw-intro::before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:3px;border-radius:0 3px 3px 0;background:linear-gradient(180deg,#00CEC9,rgba(0,206,201,0))}
.jgxw-intro .jgxw-plot{margin:0;font-size:14.5px;line-height:2;color:#b9d6d3;letter-spacing:.2px;text-align:justify;text-justify:inter-ideograph}
@media(max-width:640px){.jgxw-intro{padding:14px 16px 14px 18px}.jgxw-intro .jgxw-plot{font-size:13.5px;line-height:1.95}}

/* ===== 2026-10-29 板块分隔：每个板块上方给分割线 + 呼吸感（内容在 .tab-panel 里） ===== */

.jgxw-meta:empty{display:none}

/* ===== 2026-10-29 板块间距（只留间距，不要分割线、不要 padding，避免出现空白条） ===== */
.detail-main .tab-panel > h2.jgs-subtitle,
.detail-main .tab-panel > .jgxw-pthd{margin:36px 0 14px}
.detail-main .tab-panel > h2.jgs-subtitle:first-of-type{margin-top:0}
.detail-main .tab-panel > .jgxw-pthd .jgs-subtitle{margin:0}
.detail-main .detail-section > h2.detail-section__title{margin-top:36px}


/* ===== 2026-10-29 集数分段（1-30 / 31-46）：手机端一次只显示一段 ===== */
.jgxw-seasons{display:none;gap:8px;margin:0 0 12px}
.jgxw-season{border:1px solid #1d3434;background:#0f1f1f;color:#9fc7c3;border-radius:999px;font-size:14px;line-height:1;padding:9px 20px;font-family:inherit;cursor:pointer;transition:all .15s}
.jgxw-season:hover{border-color:#2b4a49;color:#dff3f3}
.jgxw-season.is-on{background:#00CEC9;border-color:#00CEC9;color:#06201f;font-weight:700}
@media(max-width:700px){
  .jgxw-seasons{display:flex;flex-wrap:wrap}
  .jgxw-ptchips{display:none}
  .jgxw-ptchips.is-on{display:grid}
}


/* 2026-10-29 电脑端把多段拼成一块显示（16 列→9 列，18 集一段正好 2 行；去掉每段的卡片外框） */
@media(min-width:701px){
  .jgxw-ptchips{background:none;border:0;border-radius:0;padding:0;margin:0 0 8px}
}


/* ===== 2026-10-29 超长剧（分段 > 3）电脑端也分页，否则 219 集会铺成 25 行 ===== */
@media(min-width:701px){
  .jgxw-ptbox--multi .jgxw-seasons{display:flex;flex-wrap:wrap}
  .jgxw-ptbox--multi .jgxw-ptchips{display:none}
  .jgxw-ptbox--multi .jgxw-ptchips.is-on{display:grid}
}