/* ============================================================
   videoarticle-bs.css - 视频详情页 Bootstrap 定制样式
   保留原页面排版：标题 + 出处信息 + 视频播放区 + 正文 + 上下篇 + 推荐阅读 + 右侧栏
   ============================================================ */

/* ---------- 标题与出处 ---------- */
.article-title {
    padding-bottom: 15px;
    margin: 0;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.4;
    text-align: center;
    color: #000;
}
.article-meta a {
    text-decoration: none;
}
.article-meta a:hover {
    color: #078a60;
}

/* ---------- 视频播放区（原 890×550） ---------- */
.article-video {
    position: relative;
    width: 100%;
    aspect-ratio: 890 / 550;
    margin-bottom: 20px;
    background: #000;
    border-radius: 8px;
    overflow: hidden;
}
.article-video iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* ---------- 正文 ---------- */
.article-body {
    font-size: 14px;
    line-height: 30px;
    color: #333;
}
.article-body p {
    margin: 20px 0;
    text-indent: 2em;
}
.article-body img {
    max-width: 100% !important;
    height: auto !important;
}

/* ---------- 上一篇 / 下一篇 ---------- */
.article-turn ul {
    margin: 0;
}
.article-turn li {
    display: block;
    font-size: 14px;
    line-height: 30px;
    color: #666;
}
.article-turn li a {
    color: #0262b8;
    text-decoration: none;
}
.article-turn li a:hover {
    color: #fa7821;
}

/* ---------- 推荐阅读 ---------- */
.article-recommend {
    border-color: #e1e1e1 !important;
}
.article-recommend-title {
    margin-bottom: 6px;
    font-size: 20px;
    font-weight: 400;
    color: #333;
}
.article-recommend ul {
    padding: 0;
}
.article-recommend li {
    padding: 0 2px;
    font-size: 14px;
    line-height: 39px;
    border-bottom: 1px dashed #999;
}
.article-recommend li:last-child {
    border-bottom: 0;
}
.article-recommend li a {
    color: #333;
    text-decoration: none;
}
.article-recommend li a:hover {
    color: #078a60;
}
.article-recommend li a.text-orange:hover {
    color: #fa7821;
}

/* ---------- 右侧栏 ---------- */
.article-side-link {
    display: block;
    margin-bottom: 16px;
    border-radius: 8px;
    overflow: hidden;
}
.article-side-link img {
    display: block;
    width: 100%;
    height: auto;
}
.side-news-num {
    margin-right: 6px;
    font-weight: 700;
    color: #fa7821;
}

/* ---------- 响应式 ---------- */
@media (max-width: 767.98px) {
    .article-title {
        font-size: 20px;
        padding-bottom: 10px;
    }
    .article-body {
        line-height: 26px;
    }
    .article-recommend li {
        line-height: 32px;
    }
}