*{
    box-sizing: border-box; /*盒模型：padding、border不会撑大元素宽度*/
    margin:0;              /*清除全局默认外边距*/
    padding:0;             /*清除全局默认内边距*/
}
body{
    padding-bottom:75px !important; /*底部预留75px，防止内容被fixed底部导航遮挡*/
    background:#f0f2f5;            /*页面最外层背景色，和article_list保持一致（浅灰）*/
}
/*主体容器：手机全屏，电脑端max‑width严格和底部导航600px保持一致，自动居中*/
.main-wrap{
    margin:0 auto;         /*水平居中*/
    padding:15px 15px 90px 15px; /*上右下左；底部90px兜底防止被导航遮挡*/
    width:100%;            /*手机下占满屏幕宽度*/
    background:#f0f2f5;    /*内容区域背景色，和article_list保持一致*/
}
@media(min-width: 768px){  /*屏幕≥768px电脑大屏执行*/
    .main-wrap{
        max-width:600px;   /*电脑端内容最大宽度，与底部导航完全一致，边界对齐*/
    }
}
/*页面标题区域*/
.page-title-wrap{
    padding:15px 0;        /*上下内边距*/
    margin-bottom:15px;    /*标题与列表之间向下间距*/
}
.article-title{font-size:17px;margin:16px 0 8px;font-weight:bold;color:#111}
.article-meta{color:#888;font-size:14px;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #e5e5e5}
.article-content{margin-top:15px;font-size:14px;color:#222;line-height:1.7}
.article-content img{max-width:100%;height:auto!important;border-radius:6px}
.back{display:inline-block;padding:8px 16px;background:#2574e0;color:#fff;text-decoration:none;border-radius:8px;margin:20px 0}

/* ==========新增：文章内链接取消下划线========== */
.article-content a{
    text-decoration: none !important;
}
.article-content a:hover{
    text-decoration: underline !important;
}

/*底部导航 完整样式，与article_list完全一致*/
.bottom-nav {
    position: fixed;       /*固定在页面底部，滚动页面始终可见*/
    width:100%;            /*手机占满屏幕宽度*/
    left: 0;
    right: 0;
    bottom: 0;             /*贴页面底部*/
    height:75px;           /*导航栏高度，body底部padding必须和这个数值对应*/
    background: #ffffff;   /*导航栏白色背景*/
    display: flex;         /*弹性布局，4个导航项横向均分*/
    z-index: 999;          /*层级，保证导航压在其他页面元素上面*/
    border-top: 1px solid #eee; /*导航顶部细分割线*/
}
@media(min-width:768px){ /*电脑大屏样式*/
    .bottom-nav{
        max-width:600px;   /*电脑导航最大宽度，与.main‑wrap完全一致*/
        left:50%;          /*向左偏移50%*/
        transform:translateX(-50%); /*再回退自身一半宽度，实现居中*/
    }
}
.nav-item {
    flex: 1;               /*4个导航项平分宽度，各占25%*/
    width: 25%;
    height:100%;
    display:flex;          /*内部图标+文字上下垂直排列*/
    flex-direction:column;
    align-items:center;    /*水平居中*/
    justify-content:center;/*垂直居中*/
    text-decoration:none;  /*清除a标签下划线*/
    color:#868686;         /*未激活导航文字灰色*/
    font-size:13px;        /*导航文字大小，和article_list保持一致*/
}
.nav-item.active{
    color:#0066dd;         /*当前页面激活导航蓝色高亮*/
}
.nav-svg{
    width:23px;
    height:23px;
    margin-bottom:5px;     /*svg图标与下方文字间距，和article_list保持一致*/
}