@charset "utf-8";

/* ============================================================
   articledetail.min.css —— 只负责文章详情 / 播放页
   ============================================================ */

/* ---------- 文章详情 ---------- */
.article-detail .article-detail-wz{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.article-detail-from{padding:20px 20px 0}
.article-detail-from h2{font-size:22px;line-height:1.4;font-weight:600;color:var(--text);margin-bottom:10px}
.article-detail-from ul{display:flex;gap:20px;font-size:12px;color:var(--text-3)}

/* 正文 */
.article-detail-zhengwen{padding:20px 20px 32px;font-size:15px;line-height:1.85;color:var(--text-2);word-wrap:break-word}
.article-detail-zhengwen p{margin-bottom:12px}
.article-detail-zhengwen a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}
.article-detail-zhengwen a:hover{font-weight:400}
.article-detail-zhengwen img{max-width:100%;height:auto;margin:8px auto;display:block;border-radius:var(--radius)}
.article-detail-zhengwen h2,.article-detail-zhengwen h3,.article-detail-zhengwen h4{font-weight:600;color:var(--text);margin:20px 0 10px;line-height:1.4}
.article-detail-zhengwen h2{font-size:19px}
.article-detail-zhengwen h3{font-size:17px}
.article-detail-zhengwen h4{font-size:15px}
.article-detail-zhengwen ul,.article-detail-zhengwen ol{padding-left:22px;margin-bottom:12px}
.article-detail-zhengwen ul li{list-style:disc}
.article-detail-zhengwen ol li{list-style:decimal}
.article-detail-zhengwen blockquote{border-left:3px solid var(--accent);padding:6px 14px;margin:12px 0;background:var(--bg-page);color:var(--text-2);border-radius:0 var(--radius) var(--radius) 0}
.article-detail-zhengwen table{width:100%;border-collapse:collapse;margin:12px 0;font-size:14px}
.article-detail-zhengwen td,.article-detail-zhengwen th{border:1px solid var(--line);padding:8px 10px}
.article-detail-zhengwen th{background:var(--bg-page);font-weight:600}

/* 标签 */
.article-detail-zhengwen .tags{margin-top:16px;font-weight:600;color:var(--text);font-size:14px}
.article-detail-zhengwen .tags a{display:inline-flex;align-items:center;justify-content:center;padding:4px 14px;margin:6px 8px 0 0;background:var(--bg-page);border:1px solid var(--line);border-radius:20px;color:var(--text-2);font-size:12px;text-decoration:none;transition:all .2s}
.article-detail-zhengwen .tags a:hover{background:var(--accent);border-color:var(--accent);color:#fff}

/* ---------- 上下篇 ---------- */
.news-nav{margin-top:16px;padding:4px}
.news-nav div{display:flex;gap:12px;flex-wrap:wrap}
.news-nav div a{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);font-size:14px;color:var(--text)}
.news-nav div a:hover{border-color:var(--accent);color:var(--accent);font-weight:400}
.news-nav div a span:first-child{font-size:12px;color:var(--text-3)}
.news-nav div a span:last-child{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.6}

/* ---------- 播放页占位 ---------- */
.shipin_bf{width:100%;height:560px;background:#000;border-radius:var(--radius);overflow:hidden;text-align:center}
.jumpone{display:flex;justify-content:center;align-items:center;height:100%;flex-direction:column}
.djgksp_c{font-size:24px;color:#fff}
.djgksp_e{font-size:16px;color:#999;padding-top:12px}

/* ---------- 比赛说明 ---------- */
.bsshuming{background:#fff;border:1px solid var(--line);border-radius:var(--radius);margin-top:16px;padding:16px}
.bssm_bt{font-size:16px;font-weight:600;color:var(--text);margin-bottom:12px}
.bssm_xx{font-size:14px;line-height:1.8;color:var(--text-2)}
.bssm_xx a{color:var(--accent)}
.bssm_xx a:hover{font-weight:400}

/* ---------- 标签云 ---------- */
.spgjc li{float:left;margin-bottom:6px}
.spgjc a{display:inline-block;padding:4px 14px;margin-right:8px;background:var(--bg-page);border-radius:16px;color:var(--text-2);font-size:12px}
.spgjc a:hover{background:var(--accent);color:#fff;font-weight:400}

@media (max-width:768px){
  .article-detail-from{padding:16px 14px 0}
  .article-detail-from h2{font-size:18px}
  .article-detail-zhengwen{padding:16px 14px 24px;font-size:14px}
  .news-nav div a{flex:1 1 100%}
  .shipin_bf{height:220px}
  .djgksp_c{font-size:18px}
  .djgksp_e{font-size:13px}
}