/* ==========================================================================
   pc-adapt.css —— 电脑端适配（与手机端共用同一套单栏结构）
   只在 >=940px 生效：容器收到 820px、右侧栏退出布局、字号和留白按桌面
   阅读习惯微调。手机端完全不受影响。
   ========================================================================== */

@media screen and (min-width: 940px) {
    /* 顶栏、内容、页脚同宽同轴：避免一条窄内容飘在宽白底上。
       注意原主题的 .main-width{padding:0 20px} 只写在 max-width:1200 的媒体查询里，
       宽屏（1440/1920）下这 20px 会消失，列表标题和时间就直接顶到容器边上，
       所以这里把内边距一起补上，并相应把 max-width 放大到 860，内容区仍是 820。 */
    .mb-topbar,
    .main-width,
    footer {
        max-width: 860px;
        padding-left: 20px;
        padding-right: 20px;
    }

    /* 主列占满容器，右侧栏不再参与布局 */
    .main-left {
        float: none;
        width: 100%;
    }

    .main-right {
        display: none !important;
    }

    /* 首页：标签栏与信息流铺满容器，不再被 640px 限宽 */
    body.mhome-page .mhome {
        max-width: 100%;
    }

    /* 电脑端用顶部导航栏导航，不再显示内容区的标签栏：
       顶栏（Logo + 栏目 + 搜索）本身已经是横向菜单，两行同义入口会让人分不清点哪个。
       手机端 <940px 不命中这段，标签栏原样保留（吸顶 + 左右滑动切换）。 */
    .mhome-tabs {
        display: none;
    }

    /* 信息流：字号略增，条目间距放宽 */
    .mhome .list-a li,
    .mfeed li {
        margin-top: 17px;
        font-size: 16px;
    }

    .mhome .list-a li span,
    .mfeed li span {
        font-size: 12.5px;
    }

    /* 文章页元信息行原本靠 margin:0 -10px 外扩，电脑端没有内边距时会多出 10px，
       撑出容器右边缘，这里收回来；同时把上下间距收紧一点。 */
    .main-left .info {
        margin: 12px 0 18px;
    }

    /* 正文：桌面行宽与行距 */
    .main-left .content {
        font-size: 16px;
        line-height: 1.9;
    }

    /* 文章标题：原主题 .main-left h1 是 margin:20px 0，而且这个上外边距会
       穿透 .main-left、.main 折叠到 .main-width 之外，把整张白卡连带下推，
       顶栏到标题之间就空了近 45px（折叠 20 + 外边距 20 + 行高半间距）。
       这里改成 margin:0 + padding-top:14，既不让外边距再顶开白卡
       （白卡和分类页一样紧贴顶栏），标题上方仍留 14px 呼吸空间。 */
    .main-left > h1 {
        font-size: 26px;
        line-height: 1.45;
        margin: 0 0 8px;
        padding-top: 14px;
    }

    /* 分类页发现宫格：宽屏一行五个刚好，图标略放大 */
    .fx-ico {
        width: 48px;
        height: 48px;
    }

}