/* ============================================================
   show.css —— 详情页公共样式（新闻详情 / 回放详情 / 集锦详情 / 直播详情 共用）
   内容：详情布局 .detail-* / 大卡片 .detail-card / 相关推荐 .rec-*
   说明：直播详情页（zhiboshow）个别数值不同，由 zhibo-show.css 覆盖
   ============================================================ */

.Yshiyunyuanlin-detail-page{padding:14px 0 40px}
.Yshiyunyuanlin-detail-layout{display:flex;gap:20px;align-items:flex-start}
.Yshiyunyuanlin-detail-left{flex:1;min-width:0}
.Yshiyunyuanlin-detail-card{background:var(--sw);border:1px solid var(--bdl);border-radius:var(--rl);overflow:hidden;box-shadow:var(--sh);margin-bottom:16px}

/* ---------- 相关推荐 ---------- */
.Yshiyunyuanlin-rec-section{background:var(--sw);border:1px solid var(--bdl);border-radius:var(--rl);padding:22px 26px;margin-bottom:16px}
.Yshiyunyuanlin-rec-section-title{font-size:18px;font-weight:700;color:var(--t1);display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--bdl)}
.Yshiyunyuanlin-rec-section-title::before{content:'';width:4px;height:18px;background:linear-gradient(180deg,var(--ac),rgba(37,99,235,.12));border-radius:2px;flex-shrink:0}
.Yshiyunyuanlin-rec-grid{display:grid;grid-template-columns:1fr;gap:0}
.Yshiyunyuanlin-rec-item{padding:14px 0;border-bottom:1px solid var(--bdl);cursor:pointer;transition:.25s}
.Yshiyunyuanlin-rec-item:last-child{border-bottom:none}
.Yshiyunyuanlin-rec-item:hover .Yshiyunyuanlin-rec-title{color:var(--ac)}
.Yshiyunyuanlin-rec-num{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;font-size:12px;font-weight:800;flex-shrink:0;margin-right:12px}
.Yshiyunyuanlin-rec-num.Yshiyunyuanlin-hot{background:var(--red);color:#fff}
.Yshiyunyuanlin-rec-num.Yshiyunyuanlin-n{background:var(--bdl);color:var(--tm)}
.Yshiyunyuanlin-rec-title{font-size:15px;font-weight:600;color:var(--t1);line-height:1.5;transition:.2s}
.Yshiyunyuanlin-rec-meta{font-size:12px;color:var(--tm);margin-top:3px;padding-left:36px}
.Yshiyunyuanlin-rec-row{display:flex;align-items:center}

/* ---------- 响应式（四页共用部分） ---------- */
@media(max-width:900px){
  .Yshiyunyuanlin-detail-layout{flex-direction:column;gap:16px}
}
@media(max-width:640px){
  .Yshiyunyuanlin-detail-page{padding:10px 0 28px}
  .Yshiyunyuanlin-rec-section{padding:16px;margin-bottom:12px}
  .Yshiyunyuanlin-rec-section-title{font-size:16px;margin-bottom:12px;padding-bottom:10px}
  .Yshiyunyuanlin-rec-title{font-size:14px}
}
@media(max-width:420px){
  .Yshiyunyuanlin-rec-title{font-size:13px}
}