/* ============================================
   手机端适配 - 独立文件
   所有规则用 !important 确保覆盖
   ============================================ */

/* === 手机竖屏 (<=768px) === */
@media screen and (max-width: 768px) {

    /* --- 顶部欢迎栏 --- */
    .topbar-left { display: none !important; }
    .topbar-c { justify-content: flex-end !important; min-height: 32px; }
    .topbar { padding: 0 10px !important; }
    .topbar-right { gap: 6px !important; font-size: 12px !important; }

    /* --- 导航栏 --- */
    .blog-header { margin-bottom: 0 !important; }
    .blog-header-c { height: 48px !important; padding: 0 10px !important; gap: 8px !important; }
    .blog-header-title { font-size: 15px !important; }
    .blog-header-subtitle { display: none !important; }
    .nav-search { display: none !important; }
    .blog-header-nav { display: none !important; }
    .blog-header-toggle { display: flex !important; }

    /* --- 核心三栏布局 → 单列 --- */
    .home-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 0 !important;
        margin-top: 10px !important;
    }

    /* 左侧分类导航隐藏 */
    .left-nav {
        display: none !important;
    }

    /* 内容列全宽 */
    .content-col {
        width: 100% !important;
        max-width: 100% !important;
        order: 1 !important;
    }

    /* 侧边栏移到底部 */
    .side-bar {
        width: 100% !important;
        max-width: 100% !important;
        order: 2 !important;
        margin-top: 16px !important;
        position: static !important;
    }

    /* --- 文章卡片 --- */
    .content-col .list-item {
        padding: 10px !important;
        margin-bottom: 8px !important;
        max-height: none !important;
        overflow: visible !important;
    }

    .post-row {
        display: flex !important;
        flex-direction: column !important;
        gap: 6px !important;
    }

    /* 评论/阅读数横排紧凑 */
    .badge-box {
        display: flex !important;
        flex-direction: row !important;
        width: auto !important;
        min-width: auto !important;
        gap: 4px !important;
        padding: 3px 0 !important;
        border: none !important;
        background: none !important;
    }
    .badge-num { font-size: 12px !important; grid-column: auto !important; grid-row: auto !important; }
    .badge-label { font-size: 10px !important; grid-column: auto !important; grid-row: auto !important; }
    .read-num { font-size: 12px !important; grid-column: auto !important; grid-row: auto !important; }
    .read-label { font-size: 10px !important; grid-column: auto !important; grid-row: auto !important; }
    .badge-sep { width: 1px !important; height: 12px !important; margin: 0 2px !important; grid-column: auto !important; grid-row: auto !important; }

    /* 封面图 */
    .post-cover {
        display: block !important;
        width: 100% !important;
        height: 160px !important;
        flex: none !important;
        border-radius: 8px !important;
        order: -1 !important;
    }
    .post-cover img {
        width: 100% !important;
        height: 160px !important;
        object-fit: cover !important;
    }
    .post-cover-empty {
        display: none !important;
    }

    /* 标题 */
    .loglist-title { font-size: 14px !important; }
    .title-flex {
        -webkit-line-clamp: 2 !important;
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    /* 元信息 */
    .one-line { width: 100% !important; }
    .meta-stack { font-size: 11px !important; }
    .meta-category .cat-chip { font-size: 10px !important; padding: 1px 6px !important; }
    .author-time { font-size: 11px !important; }
    .meta-tags { max-height: 18px !important; overflow: hidden !important; }
    .meta-tags .tags { font-size: 10px !important; padding: 0 4px !important; }

    /* 容器和间距 */
    .container { padding-left: 8px !important; padding-right: 8px !important; }
    .blog-container { padding: 0 4px !important; margin: 0 !important; }
    .breadcrumb-nav { font-size: 12px !important; margin-bottom: 6px !important; }

    /* 分页 */
    .pagination { justify-content: center !important; flex-wrap: wrap !important; }

    /* 侧边栏卡片 */
    .side-bar .widget { margin-bottom: 12px !important; }
    .side-bar h3 { font-size: 14px !important; }

    /* 幻灯片 */
    .slideshow-container { margin-bottom: 10px !important; }

    /* 悬浮提示隐藏 */
    #cover-hover-tip { display: none !important; }
}

/* === 商店列表 === */
@media screen and (max-width: 640px) {
    .shop-container { padding: 10px !important; }
    .shop-grid { grid-template-columns: 1fr !important; gap: 12px !important; }
    .shop-card-cover { aspect-ratio: 16/9 !important; }
    .shop-card-body { padding: 10px !important; }
    .shop-card-title { font-size: 13px !important; }
    .shop-filter { padding: 8px !important; gap: 6px !important; flex-direction: column !important; align-items: stretch !important; }
    .shop-filter-cats { justify-content: center !important; }
    .shop-cat-btn { padding: 4px 12px !important; font-size: 11px !important; }
    .shop-filter-sort { margin-left: 0 !important; }
}

/* === 商品详情 === */
@media screen and (max-width: 768px) {
    .sd-container { padding: 10px !important; }
    .sd-main { flex-direction: column !important; gap: 16px !important; }
    .sd-gallery { width: 100% !important; }
    .sd-carousel { aspect-ratio: 16/10 !important; }
    .sd-info { width: 100% !important; padding: 0 !important; }
    .sd-title { font-size: 16px !important; }
    .sd-price-now { font-size: 22px !important; }
    .sd-pay-methods { gap: 8px !important; }
    .sd-pay-modal-content { width: 95% !important; margin: 10px !important; padding: 16px !important; }
}

/* === 文章详情页 === */
@media screen and (max-width: 768px) {
    .detail-title { font-size: 18px !important; }
    .detail-content img { max-width: 100% !important; height: auto !important; }
    .detail-content pre { overflow-x: auto !important; font-size: 12px !important; }
}