/* ==========================================================================
   MB01 · 旧版标记兼容层
   从 default_pc 补齐的页面（art / website / plot / topic / player / 弹窗片段等）
   沿用的是旧版 class，本文件把它们统一到星空蓝主题，无需逐个重写页面。
   所有前台页面都通过 public/include.html 引入本文件。
   ========================================================================== */

/* 面包屑 */
.bread-crumb-nav{ max-width:var(--container); margin:0 auto; padding:18px var(--pad-x) 0; }
.bread-crumbs{ list-style:none; display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:0; padding:0; font-size:13px; color:var(--t-muted); }
.bread-crumbs li{ display:flex; align-items:center; gap:8px; }
.bread-crumbs li + li::before{ content:"/"; color:rgba(148,163,184,.45); }
.bread-crumbs li a{ color:var(--t-muted); transition:color .2s ease; }
.bread-crumbs li a:hover{ color:var(--c-cyan); }
.bread-crumbs li.back{ margin-left:auto; }
.bread-crumbs li.back::before{ content:""; }

/* 通用容器 / 区块标题 */
.ui-box{ max-width:var(--container); margin:20px auto 0; padding:0 var(--pad-x); }
.ui-box.marg{ padding-top:0; }
.fn-clear::after{ content:""; display:table; clear:both; }
.ui-title{
  display:flex; align-items:baseline; justify-content:space-between; gap:12px;
  margin-bottom:16px; padding-bottom:10px; border-bottom:1px solid var(--line);
}
.ui-title h2, .ui-title h3{ margin:0; font-size:18px; font-weight:700; color:var(--t-ink); padding-left:12px; border-left:3px solid var(--c-cyan); }
.ui-title span{ font-size:13px; color:var(--t-muted); }

/* 卡片区 */
.channel-item{ margin-top:26px; }
.channel-item.btop{ padding-top:22px; border-top:1px solid var(--line); }
.box_con ul{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(auto-fill,minmax(140px,1fr)); gap:16px; }
.box_con ul li a{ display:block; color:var(--t-ink); text-decoration:none; }
.box_con ul li img{
  width:100%; aspect-ratio:2/3; object-fit:cover; border-radius:var(--radius-sm);
  border:1px solid var(--line); background:var(--bg-elevate);
  transition:transform .35s ease, box-shadow .35s ease;
}
.box_con ul li a:hover img{ transform:translateY(-5px); box-shadow:0 14px 28px rgba(0,0,0,.5), 0 0 22px rgba(34,211,238,.12); }
.box_con ul li h2{ margin:8px 0 0; font-size:13px; font-weight:600; color:var(--t-ink); overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.box_con ul li p{ margin:3px 0 0; font-size:12px; color:var(--t-muted); overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.box_con ul li i{ font-style:normal; font-size:11px; color:var(--c-cyan); }

/* 排行榜 */
.ui-ranking{ padding:18px; border-radius:var(--radius); background:linear-gradient(165deg, var(--bg-panel), var(--bg-deep)); border:1px solid var(--line); }
.ui-ranking h3{ margin:0 0 14px; font-size:15px; font-weight:700; color:var(--t-ink); padding-left:10px; border-left:3px solid var(--c-cyan); }
.ranking-list{ list-style:none; margin:0; padding:0; }
.ranking-list li{ display:flex; align-items:center; gap:10px; padding:8px 2px; border-bottom:1px dashed var(--line); font-size:13px; }
.ranking-list li:last-child{ border-bottom:none; }
.ranking-list li i{
  flex:0 0 20px; height:20px; border-radius:4px; font-style:normal; font-size:12px;
  display:flex; align-items:center; justify-content:center;
  background:var(--bg-elevate); color:var(--t-muted);
}
.ranking-list li i.stress{ background:var(--grad-main); color:#fff; }
.ranking-list li a{ color:var(--t-secondary); overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.ranking-list li a:hover{ color:var(--c-cyan); }

/* 专题详情 */
.qire-box{ padding:22px; border-radius:var(--radius); background:linear-gradient(165deg, var(--bg-panel), var(--bg-deep)); border:1px solid var(--line); }
.zhuanti-con{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:200px 1fr; gap:22px; }
@media (max-width:720px){ .zhuanti-con{ grid-template-columns:1fr; } }
.play-img img{ width:100%; aspect-ratio:2/3; object-fit:cover; border-radius:var(--radius-sm); border:1px solid var(--line); }
.play-txt h2{ margin:0 0 12px; font-size:20px; font-weight:700; color:var(--t-ink); }
.play-txt .juqing{ margin:0; font-size:14px; line-height:2; color:var(--t-secondary); }
.zt-list li i{ position:absolute; right:8px; bottom:8px; padding:2px 8px; border-radius:999px; font-size:11px; background:rgba(4,7,20,.72); border:1px solid var(--line); }
.zt-list li{ position:relative; }

/* 分集剧情 */
.tjuqing{ padding:20px; border-radius:var(--radius); background:linear-gradient(165deg, var(--bg-panel), var(--bg-deep)); border:1px solid var(--line); }
.tjuqing > div{ padding:12px 0; border-bottom:1px dashed var(--line); }
.tjuqing > div:last-child{ border-bottom:none; }
.tjuqing b{ color:var(--t-ink); font-size:15px; }
.tjuqing p{ margin:6px 0 0; font-size:13px; line-height:1.9; color:var(--t-secondary); }
.tjuqing a{ color:var(--c-cyan); }
.tjuqing a:hover{ text-shadow:0 0 10px rgba(34,211,238,.4); }

/* 旧版分页（page_link / paging） */
.mb-page, .paging{ margin:26px 0; text-align:center; }
.page_link{ display:inline-block; padding:7px 13px; margin:0 3px; border-radius:var(--radius-sm); font-size:13px; color:var(--t-muted); background:var(--bg-elevate); border:1px solid var(--line); transition:all .2s ease; }
.page_link:hover{ color:var(--c-cyan); border-color:rgba(34,211,238,.45); }
.page_link.page_current, .page_link.current{ background:var(--grad-main); color:#fff; border-color:transparent; box-shadow:0 4px 14px rgba(59,130,246,.35); }

/* 文章内容页 */
.art-content, .art-detail{ padding:22px; border-radius:var(--radius); background:linear-gradient(165deg, var(--bg-panel), var(--bg-deep)); border:1px solid var(--line); }
.art-content h1, .art-detail h1{ margin:0 0 14px; font-size:22px; font-weight:700; color:var(--t-ink); }
.art-content .info, .art-detail .info{ margin-bottom:16px; font-size:12px; color:var(--t-muted); }
.art-content .content, .art-detail .content{ font-size:15px; line-height:2.05; color:var(--t-secondary); }
.art-content .content img, .art-detail .content img{ max-width:100%; height:auto; border-radius:var(--radius-sm); }

/* 旧版列表表格（下载/充值等） */
table{ border-collapse:collapse; }
table td{ padding:9px 8px; border-bottom:1px solid var(--line); font-size:13px; color:var(--t-secondary); }
a{ color:inherit; }