/* 全局变量 */
:root {
    --light-gray-color: #f9f9f9;    /*浅灰色*/
    --lighter-gray-color: #f5f5f5;    /*浅灰色*/
    --line-color: #d9d9db;          /*分隔线色*/
    --dark-gray-color: #6c747f;     /* 深灰色 */
    --gray-blue-color: #6d737f;     /* 灰蓝色 */
    --dark-red-color: #f04734;      /* 深红色 */
    --moredark-red-color: #da402f;      /* 深红色 */
    --light-red-color: #f4786c;     /* 浅红色 */
    --lighter-red-color: #ffebec;   /* 浅浅红色 */
    --light-green-color: #e8f0f2;   /* 灰绿色 */
    --title-color: #333333;         /*  */
    --dark-blue-color: #364772;     /* 深深蓝色 */
    --right-tl-color: #545e69;
    --text-color: #343434;          /* 文本内容颜色 */
    --white-color: #ffffff;
    --gray-color: #a6a6a6;          /* 浅灰色字体 */
    --font-size-base: 15px;
    --line-height-base: 1.5;        /* 改进可读性 */
    --bs-body-color: var(--text-color); /* 补充缺失变量 */
}

* {
    box-sizing: border-box;
}

body {
    font: var(--font-size-base) / var(--line-height-base) Heiti, Helvetica Neue, Helvetica, sans-serif;
    color: var(--text-color);
}

a {
    color: var(--text-color);
    text-decoration: none;
}

a:hover {
    color: var(--title-color);
}

h1,
h2,
h3,
h4,
h2 a,
h3 a,
h4 a {
    color: var(--title-color);
}

h2 a:hover,
h3 a:hover,
h4 a:hover {
    color: var(--dark-blue-color);
}

h1 {
    font-size: 2rem;
    line-height: 3rem;
}

h2 {
    font-size: 1.75rem;
    line-height: 2.2rem;
}

h3 {
    font-size: 1.125rem;
    line-height: 1.8rem;
}
h4 {
    font-size: 1rem;
    line-height: 1.6rem;
}

p {
    line-height: 1.6rem;
}

ul,
ol {
    margin: 0;
    padding: 0;
}

li,
td,
th {
    list-style: none;
    margin: 0;
    padding: 0;
}

table,
tr {
    margin: 0;
    padding: 0;
    border-collapse: collapse;
}
.h-slogon > img {
    max-width: 16rem;
}
.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--light-gray-color);
    border-color: #eeccce;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(226, 175, 178, .1);
}
/*频道页面样式*/
.channel-section h2 {
    border-bottom: 1px solid var(--line-color);
}
.channel-section div > div {
    display: flex;
    border-bottom: 1px dashed var(--line-color);
}
.channel-section div > div a {
    width: 30%;
    background: var(--light-gray-color);
    border-radius: 3px;
    padding: .5rem 1rem;
    margin-bottom: 1rem;
    white-space: nowrap;
    text-align: center;
}
.container {
    max-width: 1200px;
}
.nav-logo {
    max-width: 148px;
}
.news-title {
    color: var(--title-color);
    font-weight: 500;
    font-size: 1rem;
}
.news-title a {
     color: var(--title-color);
 }
h3 a:hover,
.news-title a:hover {
    color: var(--right-tl-color);
}
.read-info {
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0),rgba(0, 0, 0, .8));
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.video-info {
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0),rgba(0, 0, 0, .8));
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    letter-spacing: 1px;
}
.video-icon {
    border: 1px solid var(--white-color);
    border-radius: 3px;
    padding-left: 3px;
    margin-right: 2px;
}
.arrow-up-right {
    display: block;
    background: url("../images/arrow.png") no-repeat;
    background-size: contain;
}
.bg-mask {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0),rgba(0, 0, 0, .8));
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}

.zoom > img {
    transition: transform 1.2s ease;
    cursor: pointer; /* 鼠标悬停时显示为手指形状 */
}
.zoom:hover > img {
    transform: scale(1.2); /* 放大1.2倍 */
}
.fs-18 {
    font-size: 1.15rem;
}
.fc-red {
    color: var(--light-red-color);
}
.bm-fs-13 {
    font-size: .8125rem;
    line-height: 1.4rem;
    color: var(--gray-color);
    text-align: justify;
}
.bg-light-me {
    background: var(--light-gray-color);
}
@media (max-width: 767px) {
    h1 {
        font-size: 1.5rem;
        line-height: 2rem;
    }
    h2 {
        font-size: 1.25rem;
        line-height: 1.8rem;
    }
    .fs-18 {
        font-size: 1.25rem;
    }
}