/* ============================================================
   移动端 H5 增强样式（仅手机端生效）
   依赖：main.min.css（在其后加载，可覆盖）
   ============================================================ */
@media (max-width: 768px) {

    /* ---------- 顶部 Header 紧凑化 ---------- */
    .site-header .container {
        padding-left: 12px;
        padding-right: 12px;
    }
    .site-header .navbar {
        height: 52px;
        padding: 0;
    }
    /* burger 居左 */
    .site-header .burger {
        order: 0;
        margin-right: 10px;
        font-size: 20px;
    }
    /* logo 居中自适应 */
    .site-header .site-logo {
        order: 1;
        flex: 1 1 auto;
        text-align: left;
        font-size: 17px;
    }
    .site-header .site-logo img {
        max-height: 30px;
    }
    /* 顶部右侧操作区 */
    .site-header .topbar-actions,
    .site-header .user-actions {
        order: 2;
        gap: 6px;
    }
    .site-header .search-box {
        order: 3;
        width: 100%;
        margin: 0 0 8px;
    }

    /* 顶部搜索默认收起，点击展开（JS 控制 .search-open） */
    .site-header .search-box {
        position: absolute;
        top: 52px;
        left: 0;
        right: 0;
        background: #fff;
        padding: 8px 12px;
        box-shadow: 0 6px 16px rgba(0,0,0,.08);
        transform: translateY(-12px);
        opacity: 0;
        visibility: hidden;
        transition: all .2s ease;
        z-index: 1090;
    }
    .site-header.search-open .search-box {
        transform: translateY(0);
        opacity: 1;
        visibility: visible;
    }
    .site-header .search-box .search-input {
        height: 40px;
        border-radius: 20px;
    }
    .site-header .search-box .search-submit {
        height: 40px;
        border-radius: 0 20px 20px 0;
    }

    /* ---------- 移动端分类横向筛选条（sticky） ---------- */
    .m-cat-bar {
        position: sticky;
        top: 52px;
        z-index: 1020;
        background: #fff;
        border-bottom: 1px solid #f0f0f0;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
        padding: 8px 10px;
    }
    .m-cat-bar::-webkit-scrollbar { display: none; }
    .m-cat-bar a {
        display: inline-block;
        padding: 6px 14px;
        margin-right: 8px;
        font-size: 13px;
        color: #555;
        background: #f5f6f8;
        border-radius: 18px;
        transition: all .15s ease;
    }
    .m-cat-bar a.active {
        color: #fff;
        background: linear-gradient(135deg, #ff8a00, #ff5e3a);
        font-weight: 600;
    }

    /* ---------- 列表卡片移动端优化 ---------- */
    .site-main .row {
        margin-left: -7px;
        margin-right: -7px;
    }
    .site-main .row > [class*="col-"] {
        padding-left: 7px;
        padding-right: 7px;
    }
    .post-card {
        margin-bottom: 14px;
        border-radius: 12px;
        overflow: hidden;
        box-shadow: 0 2px 10px rgba(0,0,0,.06);
    }
    .post-card .post-thumb {
        border-radius: 12px 12px 0 0;
    }

    /* ---------- 详情页下载区移动端卡片化 ---------- */
    .down-buy-warp {
        padding: 14px 14px;
        border-radius: 12px;
    }
    .down-buy-warp .btn-group {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        width: 100%;
    }
    .down-buy-warp .btn {
        flex: 1 1 auto;
        min-width: 140px;
        text-align: center;
        border-radius: 8px;
    }
    /* 网盘推广块在手机端更醒目 */
    .pan-promo-warp .btn-group { width: 100%; }
    .pan-promo-warp .btn-pan-uc-link,
    .pan-promo-warp .btn-pan-link {
        flex: 1 1 100%;
        text-align: center;
        border-radius: 10px;
        padding: 11px 14px;
        font-size: 15px;
    }
    .pan-promo-warp .copy-pwd {
        flex: 0 0 auto;
        border-radius: 10px;
    }
    .pan-promo-tip {
        font-size: 12.5px;
    }

    /* ---------- 底部导航 m-navbar 升级 ---------- */
    .m-navbar {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1080;
        background: rgba(255,255,255,.92);
        -webkit-backdrop-filter: saturate(180%) blur(12px);
        backdrop-filter: saturate(180%) blur(12px);
        border-top: 1px solid rgba(0,0,0,.06);
        box-shadow: 0 -2px 14px rgba(0,0,0,.08);
        padding-bottom: env(safe-area-inset-bottom, 0); /* iPhone 安全区 */
    }
    .m-navbar ul {
        display: flex;
        align-items: stretch;
        margin: 0;
        padding: 4px 0 2px;
        list-style: none;
    }
    .m-navbar li {
        flex: 1 1 0;
        text-align: center;
    }
    .m-navbar a {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 2px;
        padding: 6px 2px;
        color: #9aa0a6;
        font-size: 11px;
        line-height: 1.2;
        transition: color .15s ease, transform .15s ease;
    }
    .m-navbar a i,
    .m-navbar a .fa,
    .m-navbar a [class*="fa-"] {
        font-size: 19px;
        margin-bottom: 1px;
    }
    .m-navbar a.active {
        color: #ff5e3a;
        font-weight: 600;
    }
    .m-navbar a.active i,
    .m-navbar a.active [class*="fa-"] {
        transform: translateY(-1px) scale(1.05);
    }
    /* 内容区给底栏留白 */
    .site-content,
    .site-main,
    body > .wrapper {
        padding-bottom: calc(56px + env(safe-area-inset-bottom, 0px));
    }

    /* 文章正文在手机端舒适阅读 */
    .entry-content {
        font-size: 15px;
        line-height: 1.8;
    }
    .entry-content img {
        border-radius: 8px;
    }

    /* 回到顶部按钮手机端不被底栏遮挡 */
    .rollbar {
        bottom: calc(64px + env(safe-area-inset-bottom, 0px));
        right: 14px;
    }
}

/* 超小屏微调 */
@media (max-width: 360px) {
    .m-navbar a { font-size: 10px; }
    .m-navbar a i,
    .m-navbar a [class*="fa-"] { font-size: 17px; }
    .down-buy-warp .btn { min-width: 120px; font-size: 13px; }
}