/* 页面整体 */
#page {
    width: 80%;
    margin: 1rem auto;
    padding: 3rem;
    box-sizing: border-box;
    font-family: "宋体", Arial, sans-serif;
    line-height: 1.8;
    background-color: #fff;}

/* 头部信息区 */
#page .content .head {
    text-align: center;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    color: rgb(30, 135, 76);}

/* 文章标题 */
#page .content .head .title {
    font-size: clamp(1.5rem, 2.5vw, 2rem);
    font-weight: bold;
    line-height: 1.4;}

/* 作者、来源、时间、浏览数 */
#page .content .head span {
    font-size: 1.2rem;
    color: #666;
    margin: 0 2.5rem;}

@media (max-width: 768px) {
    #page {
         width: 100%;
    }
    #page .content .head {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        gap: 1rem 2rem;}

    #page .content .head .title {
        flex: 1 1 100%;}

    #page .content .head span {
        flex: 1 1 30%;
        margin: 0;}

    /* 移动端图片特殊处理 */
        .vsb_content {
            width: 100%;
            padding: 0;
            margin: 0 auto;}

        .vsb_content .v_news_content {
            width: 100%;
            display: block;}
    
        .vsb_content .v_news_content p {
            width: 100%;
            margin: 0;
            padding: 0;}
    
        .vsb_content .v_news_content .img_vsb_content {
            width: 100%;
            height: auto;
            max-width: 100%;
            display: block;
            object-fit: contain;}

}

/* 正文 */
#page .content p {
    margin: 1rem 0;
    text-indent: 2em;
    font-size: 1.1rem;
    color: #333;}