/* 电脑/平板宽屏自适应（手机端<768px不加载）*/
/* ========== 电脑/平板宽屏自适应（手机端<768px完全不加载以下规则）========== */
@media (min-width: 768px) {
    /* 基础字号适度放大，保持手机端视觉风格 */
    body { font-size: 15px; line-height: 1.7; }

    /* 顶部固定导航：背景条铺满，内部内容居中限宽 */
    .srf-header { padding-left: max(20px, calc((100vw - 1400px) / 2)) !important; padding-right: max(20px, calc((100vw - 1400px) / 2)) !important; box-sizing: border-box; }

    /* 内容区左右留白 */
    .srf-content { padding-left: 20px; padding-right: 20px; }

    /* 底部导航：背景铺满，发布按钮保持正圆不被拉伸，普通项限宽避免超宽屏过疏 */
    .srf-bottom-nav {
        max-width: 100% !important;
        left: 0 !important;
        right: 0 !important;
        transform: none !important;
        padding-left: max(20px, calc((100vw - 1400px) / 2)) !important;
        padding-right: max(20px, calc((100vw - 1400px) / 2)) !important;
    }
    .srf-bottom-nav .srf-nav-publish {
        flex: none !important;
        width: 54px !important;
        height: 54px !important;
        min-width: 54px !important;
    }
    .srf-bottom-nav .srf-nav-item:not(.srf-nav-publish) { max-width: 200px; }

    /* ===== 列表页（首页/归档/搜索）：卡片多列网格，排版不变只加宽 ===== */
    body.blog .srf-content,
    body.archive .srf-content,
    body.search .srf-content,
    body.category .srf-content,
    body.tag .srf-content,
    body.author .srf-content,
    body.date .srf-content {
        max-width: 1800px;
        margin: 0 auto;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 18px;
        align-content: start;
    }
    /* 卡片取消底部外边距（由grid gap统一控制） */
    body.blog .srf-content > .srf-post-card,
    body.archive .srf-content > .srf-post-card,
    body.search .srf-content > .srf-post-card { margin-bottom: 0; }
    /* 模式二网格容器、分页、标题、提示等非卡片元素占满整行 */
    body.blog .srf-content > .srf-mode2-grid,
    body.archive .srf-content > *:not(.srf-post-card),
    body.search .srf-content > *:not(.srf-post-card),
    body.blog .srf-content > *:not(.srf-post-card),
    body.category .srf-content > *:not(.srf-post-card),
    body.tag .srf-content > *:not(.srf-post-card) { grid-column: 1 / -1; }

    /* ===== 首页模式二：随屏幕宽度增加列数（保持两列卡片排版风格）===== */
    .srf-mode2-grid {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        gap: 18px !important;
        padding: 8px 0 !important;
        grid-template-columns: repeat(3, 1fr) !important;
    }
    .srf-mode2-card { height: 340px !important; }

    /* ===== 文章详情/独立页面：限宽居中，字号放大，图片自适应 ===== */
    body.single .srf-content,
    body.page-template-default .srf-content {
        max-width: 1200px;
        margin: 0 auto;
        font-size: 16px;
        width: 100%;
    }
    /* 文章页内部卡片填满外层（解除功能页1000限宽对文章页的二次约束） */
    body.single .srf-page-container,
    body.page-template-default .srf-page-container {
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    /* 宽屏正文卡片加大内边距，避免文字贴边 */
    body.single .srf-single-content,
    body.page-template-default .srf-single-content { padding-left: 40px !important; padding-right: 40px !important; }
    /* 宽屏正文段落舒适行宽居中，图片等块级元素仍铺满 */
    body.single .srf-single-content > p,
    body.single .srf-single-content > h2,
    body.single .srf-single-content > h3,
    body.single .srf-single-content > blockquote { max-width: 900px; margin-left: auto; margin-right: auto; }
    .srf-single-title { font-size: 32px !important; line-height: 1.4; }
    .srf-single-content, .entry-content, article .content { font-size: 16px; line-height: 1.9; }
    /* 文章正文图片/视频自适应宽度，不溢出 */
    .srf-single-content img, .entry-content img, article img,
    .srf-single-content video, .entry-content video {
        max-width: 100% !important;
        height: auto !important;
        border-radius: 10px;
    }
    /* 文章头部、标签、点赞、上下篇导航跟随内容宽度居中 */
    .srf-single-header, .srf-article-badges-wrap, .srf-single-tags-wrap,
    .srf-poster-section, .srf-single-taxonomy, .srf-single-like-wrap,
    .srf-single-comments, .srf-single-nav { max-width: 100%; }/* ===== 功能页面（个人中心/钱包/聊天/发布/登录注册）：限宽居中 ===== */
    .srf-page-container,
.srf-profile-page,
.srf-publish-page,
.srf-auth-page-new,
.srf-profile-container {
        max-width: 1000px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        float: none !important;
    }

    /* 搜索弹层居中限宽，不铺满 */
    .srf-search-overlay {
        max-width: 760px;
        left: 50%;
        right: auto;
        transform: translateX(-50%);
    }.srf-performance-info {
        max-width: 1000px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

/* ===== 更宽屏幕：逐步增加列数 ===== */
@media (min-width: 1100px) {
    body.blog .srf-content, body.archive .srf-content, body.search .srf-content,
    body.category .srf-content, body.tag .srf-content { grid-template-columns: repeat(3, 1fr); }
    .srf-mode2-grid { grid-template-columns: repeat(4, 1fr) !important; }
}
@media (min-width: 1440px) {
    .srf-mode2-grid { grid-template-columns: repeat(5, 1fr) !important; }
    body.blog .srf-content, body.archive .srf-content, body.search .srf-content { grid-template-columns: repeat(3, 1fr); }
}
@media (min-width: 1100px) {
    body.single .srf-content, body.page-template-default .srf-content { max-width: 1300px; }
}
@media (min-width: 1440px) {
    body.single .srf-content, body.page-template-default .srf-content { max-width: 1450px; }
}
@media (min-width: 1800px) {
    .srf-mode2-grid { grid-template-columns: repeat(6, 1fr) !important; gap: 22px !important; }
    body.blog .srf-content, body.archive .srf-content, body.search .srf-content { grid-template-columns: repeat(4, 1fr); }
    body.single .srf-content, body.page-template-default .srf-content { max-width: 1600px; }
    .srf-bottom-nav { padding-left: max(20px, calc((100vw - 1600px) / 2)); padding-right: max(20px, calc((100vw - 1600px) / 2)); }
}