/* ============================================
   responsive.css - 响应式适配（移动端优先）
   PC端圆角 ≤ 5px，移动端圆角 ≤ 3px
   作者：星球软件CEWWW
   ============================================ */

/* ========== 移动端小屏微调 ========== */
@media (max-width: 359px) {
    html { font-size: 17px; }
    .quick-item i { font-size: 22px; }
    .brand-bar { font-size: 12px; }
    .brand-links a { padding: 0 3px; }
}

/* ========== 平板及以上 ========== */
@media (min-width: 768px) {
    :root {
        --radius: 5px;   /* PC端圆角不大于5px */
        --radius-sm: 4px;
        --header-h: 56px;
    }
    body { padding-bottom: 0; }

    /* 顶部欢迎条PC端字号 */
    .brand-bar { font-size: 14px; }

    /* 前台主内容区在PC端以卡片容器呈现，底部菜单转为顶部风格时仍保留 */
    .app-main { padding: 14px 16px; }
    .grid-2 { grid-template-columns: repeat(3, 1fr); }
    .grid-3 { grid-template-columns: repeat(4, 1fr); }
    .grid-4 { grid-template-columns: repeat(6, 1fr); }
    .quick-grid { grid-template-columns: repeat(10, 1fr); }
    .mb-menu-grid { grid-template-columns: repeat(8, 1fr); }

    .banner-swiper .banner-item { height: 320px; }
    .banner-text h2 { font-size: 24px; }
    .list-thumb { width: 160px; height: 160px; }
    .product-name { font-size: 17px; min-height: 42px; }
    .activity-title { font-size: 17px; }
    .activity-cover { height: 200px; }
    .news-item img, .news-thumb { width: 120px; height: 90px; }
    .detail-actions { max-width: 640px; left: 50%; transform: translateX(-50%); }
    .product-detail-img { height: 400px; }

    /* 底部菜单在PC端收窄居中 */
    .tab-bar { max-width: 640px; left: 50%; transform: translateX(-50%); bottom: 0; border-radius: 5px 5px 0 0; }
    .action-bar, .cart-total-bar { max-width: 640px; left: 50%; transform: translateX(-50%); }

    /* 详情页双栏 */
    .detail-layout { display: grid; grid-template-columns: 380px 1fr; gap: 3px; align-items: start; }
}

/* ========== 桌面端 ========== */
@media (min-width: 1024px) {
    .grid-2 { grid-template-columns: repeat(4, 1fr); }
    .grid-3 { grid-template-columns: repeat(5, 1fr); }
    .ad-stat-grid { grid-template-columns: repeat(5, 1fr); }
}

/* ========== 后台移动端适配（侧边栏抽屉化） ========== */
@media (max-width: 900px) {
    .ad-sidebar { transform: translateX(-100%); width: 240px; }
    .ad-sidebar.show { transform: translateX(0); box-shadow: var(--shadow-lg); }
    .ad-main { margin-left: 0; }
    .ad-menu-toggle { display: block; }
    .ad-stat-grid { grid-template-columns: repeat(2, 1fr); }
    .ad-form .form-row-2, .ad-form .form-row-3 { grid-template-columns: 1fr; }
    .ad-top-right .ad-top-link span, .ad-admin-name { display: none; }
}

@media (max-width: 560px) {
    .ad-stat-grid { grid-template-columns: 1fr 1fr; }
    .ad-panel-head { flex-direction: column; align-items: stretch; }
    .ad-search-bar .form-group { min-width: 120px; flex: 1; }
    /* 会员主页窄屏：头像居中在上 */
    .mp-top { flex-direction: column; align-items: center; text-align: center; }
    .mp-avatar { width: 120px; height: 120px; }
    .mp-tags { justify-content: center; }
    .mp-rows { align-items: center; }
    .mp-stats { justify-content: center; }
    .mp-actions { grid-template-columns: 1fr 1fr 1fr; }
}

/* ========== 打印友好 ========== */
@media print {
    .brand-bar, .tab-bar, .ad-sidebar, .ad-topbar, .action-bar, .cart-total-bar, .pager-bar { display: none !important; }
    body { padding: 0; background: #fff; }
}