/** ============================================
 * RESPONSIVE — Nicolo-Pro
 * 三个断点：1024px / 768px / 480px
 * 移动端菜单 / 栅格堆叠 / 间距缩减 / 字号缩放
 * ============================================ */

/* ============================================
   断点 1: 1024px — 平板横屏
   ============================================ */
@media (max-width: 1024px) {
  /* ── 通用栅格：4列→2列 ── */
  .advantages__grid,
  .products-showcase__grid,
  .values-grid,
  .sitemap__grid {
    grid-template-columns: repeat(2, 1fr);
  }

  /* ── 统计数字：4列→2列 ── */
  .trust-stats__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-6);
  }

  /* ── 案例网格：3列→2列 ── */
  .cases-showcase__grid {
    grid-template-columns: repeat(2, 1fr);
  }

  /* ── 公司介绍：2列→堆叠 ── */
  .company-intro {
    grid-template-columns: 1fr;
    gap: var(--space-8);
  }

  .company-intro__media {
    order: -1;
  }

  /* ── 产品详情：2列→1列 ── */
  .product-detail {
    grid-template-columns: 1fr;
    gap: var(--space-8);
  }

  .product-gallery {
    position: static;
  }

  /* ── 联系页面：2列→堆叠 ── */
  .contact-grid {
    grid-template-columns: 1fr;
  }

  /* ── 博客预览：3列→2列 ── */
  .blog-preview__grid {
    grid-template-columns: repeat(2, 1fr);
  }

  /* ── 侧边栏下沉 ── */
  .blog-sidebar {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .blog-sidebar__widget {
    flex: 1 1 calc(50% - var(--space-4));
  }

  /* ── Footer 栅格：4列→2列 ── */
  .footer__grid {
    grid-template-columns: repeat(2, 1fr);
  }

  /* ── Hero 标题缩放 ── */
  .hero__title {
    font-size: 2.2rem;
  }

  /* ── 间距缩减 ── */
  :root {
    --section-padding-y: var(--space-12);
  }
}

/* ============================================
   断点 2: 768px — 平板竖屏 / 大手机
   ============================================ */
@media (max-width: 768px) {
  /* ── 所有多列栅格→单列 ── */
  .advantages__grid,
  .products-showcase__grid,
  .trust-stats__grid,
  .cases-showcase__grid,
  .values-grid,
  .sitemap__grid,
  .blog-preview__grid,
  .form-row {
    grid-template-columns: 1fr;
  }

  /* ── 公司介绍数据统计：3列→1列 ── */
  .company-intro__stats {
    grid-template-columns: 1fr;
    text-align: center;
  }

  /* ── 侧边栏全宽堆叠 ── */
  .blog-sidebar {
    flex-direction: column;
  }

  .blog-sidebar__widget {
    flex: 1 1 100%;
  }

  /* 移动端 Header */
  .site-header {
    height: var(--header-height-mobile);
  }
  .header__inner {
    padding: 0 var(--space-4);
  }
  .mobile-nav__panel {
    width: 100%;
    max-width: none;
  }

  /* Hero 缩小 */
  .hero {
    min-height: 450px;
  }
  .hero__slider {
    min-height: 450px;
  }

  .hero__title {
    font-size: 1.75rem;
  }

  .hero__subtitle {
    font-size: var(--text-body);
  }

  .hero__arrow {
    width: 40px;
    height: 40px;
    font-size: 1rem;
  }

  .hero__arrow--prev {
    left: var(--space-3);
  }

  .hero__arrow--next {
    right: var(--space-3);
  }

  /* ── 联系信息卡片 ── */
  .contact-info-card {
    padding: var(--space-6);
  }

  /* ── 面包屑隐藏（移动端可选）── */
  .breadcrumb {
    padding: var(--space-2) 0;
    margin-bottom: 12px;
  }

  /* ── 归档页间距 ── */
  .page-content {
    padding-top: 4px;
  }
  .archive-filters {
    margin-bottom: 20px;
  }
  .archive-intro {
    margin-bottom: 24px;
    padding: 20px;
  }
  .category-banner {
    padding: 40px 0;
  }

  /* ── FAQ 调整 ── */
  .faq-item__question {
    font-size: var(--text-body);
    padding: var(--space-4) 0;
  }

  /* ── FAQ Tabs 水平滚动 ── */
  .faq-tabs {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding-bottom: var(--space-1);
  }
  .faq-tabs::-webkit-scrollbar {
    display: none;
  }
  .faq-tab {
    flex-shrink: 0;
    white-space: nowrap;
  }

  /* ── 询价框堆叠 ── */
  .inquiry-box {
    flex-direction: column;
    text-align: center;
  }

  /* ── Product gallery 缩略图 ── */
  .product-gallery__thumb {
    width: 64px;
    height: 48px;
  }

  /* ── Hero CTA 按钮缩小 ── */
  .hero__actions .btn {
    width: 100%;
  }

  .hero__actions {
    flex-direction: column;
  }

  /* ── 间距缩减 ── */
  :root {
    --section-padding-y: var(--space-8);
  }
}

/* ============================================
   断点 3: 480px — 小手机
   ============================================ */
@media (max-width: 480px) {
  /* ── 字号缩减 ── */
  :root {
    --text-display: 1.75rem;  /* 28px */
    --text-h1:      1.375rem; /* 22px */
    --text-h2:      1.125rem; /* 18px */
    --text-h3:      1rem;     /* 16px */
    --text-body:    0.875rem; /* 14px */
    --container-padding: var(--space-4);
  }

  /* ── 按钮全宽 ── */
  .btn {
    width: 100%;
    justify-content: center;
  }

  .cta-banner__actions,
  .home-cta__actions,
  .error-404__actions {
    flex-direction: column;
    width: 100%;
  }

  .cta-banner__actions .btn,
  .home-cta__actions .btn,
  .error-404__actions .btn {
    width: 100%;
  }

  /* Hero 进一步缩小 */
  .hero {
    min-height: 350px;
  }
  .hero__slider {
    min-height: 350px;
  }

  .hero__title {
    font-size: 1.5rem;
  }

  .hero__subtitle {
    font-size: var(--text-small);
  }

  .hero__content {
    text-align: center;
  }

  .hero__actions {
    align-items: stretch;
  }

  /* 移动端导航全宽 */
  .mobile-nav__panel {
    width: 100%;
    max-width: none;
  }

  /* ── 页面标题缩小 ── */
  .page-header {
    padding: var(--space-8) var(--container-padding);
  }

  .page-header__title {
    font-size: var(--text-h1);
  }

  /* ── 卡片图文间距缩减 ── */
  .card__body {
    padding: var(--space-4);
  }

  /* ── 优势/价值/统计卡片间距缩减 ── */
  .advantage-card,
  .value-card {
    padding: var(--space-6) var(--space-4);
  }

  .advantage-card__icon,
  .value-card__icon {
    width: 56px;
    height: 56px;
    font-size: 1.25rem;
  }

  /* ── CTA 横幅间距缩减 ── */
  .cta-banner,
  .home-cta {
    padding: var(--space-12) var(--container-padding);
  }

  .cta-banner__title,
  .home-cta__title {
    font-size: var(--text-h1);
  }

  /* ── 合作伙伴 logo 缩小 ── */
  .partners__logo {
    height: 40px;
  }

  .partners__wall {
    gap: var(--space-4);
  }

  /* ── 分页缩小 ── */
  .pagination__item {
    min-width: 32px;
    height: 32px;
  }

  /* ── 规格表堆叠 ── */
  .specs-table__row {
    grid-template-columns: 1fr;
  }

  .specs-table__label {
    background-color: transparent;
    font-weight: var(--font-weight-semibold);
    padding-bottom: 0;
  }

  .specs-table__value {
    padding-top: 0;
  }

  /* ── Toast 全宽 ── */
  .toast {
    left: var(--space-4);
    right: var(--space-4);
    bottom: var(--space-4);
    max-width: none;
  }

  /* ── Footer：2列→1列 ── */
  .footer__grid {
    grid-template-columns: 1fr;
  }

  /* ── 404 数字缩小 ── */
  .error-404 {
    padding: var(--space-12) var(--container-padding);
  }

  /* ── 站点地图：2列→1列 ── */
  .sitemap__grid {
    grid-template-columns: 1fr;
  }

  /* ── 标签筛选堆叠 ── */
  .products-showcase__tabs,
  .products-tabs,
  .cases-tabs {
    gap: var(--space-2);
  }

  .products-showcase__tab,
  .products-tab,
  .cases-tab,
  .faq-tab {
    font-size: var(--text-micro);
    padding: var(--space-1) var(--space-3);
  }

  /* ── 间距进一步缩减 ── */
  :root {
    --section-padding-y: var(--space-6);
  }
}

/* ============================================
   辅助工具类（横屏/竖屏适配）
   ============================================ */

/* 大屏幕：隐藏移动端元素 */
@media (min-width: 769px) {
  .header__menu-toggle,
  .mobile-nav {
    display: none !important;
  }
}

/* 高分辨率屏幕优化 */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  img {
    image-rendering: auto;
  }
}

/* 打印样式 */
@media print {
  .header__nav,
  .header__menu-toggle,
  .mobile-nav,
  .home-cta,
  .cta-banner,
  .hero__arrow,
  .hero__nav,
  .toast {
    display: none !important;
  }

  body {
    color: #000;
    background: #fff;
  }
}