/* ==========================================================================
  四川云创年华网络科技有限公司提供技术支持www.88321.cn
   ========================================================================== */

/* ---------- 大屏以下：收窄留白 ---------- */
@media (max-width: 1280px) {
  /* 顶部热线在窄屏让位给导航 */
  .hotline { display: none; }

  .icons,
  .certs { grid-template-columns: repeat(4, 1fr); }
  .clients { grid-template-columns: repeat(4, 1fr); }
  .grid-5 { grid-template-columns: repeat(3, 1fr); }
  .footer-main { grid-template-columns: 1fr 1fr; gap: 32px; }

  /* 左右布局列表：侧栏收窄 */
  .list-wrap { grid-template-columns: 210px minmax(0, 1fr); gap: 30px; }
  .news-row .pic { flex-basis: 230px; }
}

/* ---------- 平板 / iPad：两列 ---------- */
@media (max-width: 992px) {
  :root { --header-h: 64px; }

  .section { padding: 14px 0; }
  .section-head { margin-bottom: 36px; }

  h1 { font-size: 32px; }
  h2 { font-size: 26px; }
  h3 { font-size: 20px; }

  .hero { min-height: 520px; }
  .hero h1 { font-size: 38px; letter-spacing: 4px; }
  .hero p { font-size: 17px; }

  .grid-3,
  .grid-4 { grid-template-columns: repeat(2, 1fr); }

  .split,
  .custom-panel,
  .us-contact { grid-template-columns: 1fr; gap: 32px; }
  .map { margin-top: 24px; min-height: 220px; }

  /* 资讯左特稿 + 右列表：窄屏改为上下堆叠 */
  .news-mix { grid-template-columns: 1fr; gap: 0; }
  .nm-lead { grid-row: auto; margin-bottom: 28px; }

  /* 左菜单标签页：窄屏改为菜单在上、内容在下 */
  .tab-side { grid-template-columns: 1fr; gap: 22px; }

  /* 定制服务左右交替图文块：平板仍保持左右两栏，仅收紧间距与字号 */
  .zig-row { gap: 34px; }
  .zig-row + .zig-row { margin-top: 48px; padding-top: 48px; }
  .zig-badge { width: 52px; height: 52px; font-size: 22px; }
  .zig-title { font-size: 20px; }

  .stats { grid-template-columns: repeat(2, 1fr); gap: 36px; }
  .stat b { font-size: 44px; }

  .about-media { grid-template-columns: repeat(2, 1fr); }

  /* --- 左右布局列表：保持两栏，侧栏再收窄 --- */
  .list-wrap { grid-template-columns: 190px minmax(0, 1fr); gap: 24px; }
  .side-nav .tab,
  .side-nav .filter button { padding: 12px 16px 12px 28px; font-size: 14px; }
  .side-nav .tab::before,
  .side-nav .filter button::before { left: 14px; }
  .side-nav h3 { padding: 14px 16px; font-size: 15px; }

  .news-row { gap: 18px; }
  .news-row .pic { flex-basis: 200px; }
  .news-row h3 { font-size: 16px; }

  .loop-track .card { flex-basis: 280px; }

  .clients { grid-template-columns: repeat(3, 1fr); }

  /* --- 详情页：图集与信息改为上下排列 --- */
  .pd-top { grid-template-columns: 1fr; gap: 34px; }
  .pd-info h1 { font-size: 24px; }

  .pd-detail,
  .pd-related,
  .nd-related { margin-top: 52px; }
  .pd-related,
  .nd-related { padding-top: 40px; }

  /* 文章正文与侧栏改为上下排列 */
  .nd-wrap { grid-template-columns: 1fr; gap: 40px; }
.nd-wrap h1 {
  font-size:16px;
  line-height: 1.4;
  margin-bottom: 16px;
}
  .nd-side { position: static; }
  .nd-side .list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 20px; }
}

/* ---------- 手机：单列 + 抽屉菜单 ---------- */
@media (max-width: 768px) {
  .wrap { padding: 0 18px; }

  /* 移动端隐藏页脚链接列，仅保留品牌介绍与备案信息 */
  .footer-main { grid-template-columns: 1fr; }
  .footer-col { display: none; }

  .nav-toggle { display: block; }

  .nav {
    position: fixed;
    inset: var(--header-h) 0 auto;
    z-index: 89;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    max-height: 0;
    padding: 0 18px;
    background: #fff;
    box-shadow: var(--shadow);
    overflow: hidden;
    transition: max-height var(--ease), padding var(--ease);
  }

  .nav.is-open {
    max-height: 70vh;
    padding: 8px 18px 20px;
  }

  .nav > a,
  .nav-item > a {
    color: var(--text) !important;
    line-height: 52px;
    border-bottom: 1px solid var(--line);
  }

  .nav > a::after,
  .nav-item > a::after { display: none; }
  .nav > a.is-active,
  .nav-item > a.is-active { color: var(--brand) !important; }

  /* 移动端二级菜单：内联展开 */
  .nav-item {
    position: static;
  }
  .nav-sub {
    position: static;
    display: block;
    opacity: 1;
    visibility: visible;
    transform: none;
    min-width: 0;
    padding: 0;
    margin: 0;
    box-shadow: none;
    border-radius: 0;
    background: transparent;
  }
  .nav-sub a {
    padding: 0 0 0 24px;
    line-height: 44px;
    font-size: 14px;
    border-bottom: 1px dashed var(--line);
  }
  .nav .caret { display: none; }

  /* 移动端页头白底 */
  .header--ghost {
    background: #fff;
  }

  .grid-2,
  .grid-3,
  .grid-4,
  .grid-5 { grid-template-columns: repeat(2, 1fr); }

  .icons,
  .certs { grid-template-columns: repeat(3, 1fr); gap: 14px; }
  .icons-3 { grid-template-columns: repeat(2, 1fr); gap: 16px; }
  .icons-3 .icon-item { padding: 18px 16px; }

  .icon-item { padding: 16px 10px; }
  .icon-item img { width: 48px; height: 48px; }

  .page-head { min-height: 240px; padding-bottom: 40px; }
  .crumb-bar .breadcrumb { padding: 11px 0; }

  /* --- 左右布局列表：改为上下排列，侧栏变横向滑动标签 --- */
  .list-wrap { grid-template-columns: 1fr; gap: 22px; }

  .side-nav {
    position: static;
    border: 0;
    border-radius: 0;
    background: none;
  }

  .side-nav h3 {
    display: none;
  }

  .side-nav ul {
    display: flex;
    gap: 8px;
    padding: 2px 0 6px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .side-nav ul::-webkit-scrollbar { display: none; }

  .side-nav li,
  .side-nav li + li {
    border: 0;
    flex: none;
  }

  .side-nav .tab,
  .side-nav .filter button {
    padding: 8px 18px;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: #fff;
    font-size: 14px;
    white-space: nowrap;
  }

  .side-nav .tab::before,
  .side-nav .filter button::before { display: none; }

  .side-nav .tab.is-active,
  .side-nav .filter button.is-active {
    border-color: var(--brand);
    background: var(--brand);
    color: #fff;
  }

  /* --- 横排资讯卡片：图片在上 --- */
  .news-row {
    flex-direction: column;
    gap: 14px;
    padding: 0 0 26px;
    border-bottom: 1px solid var(--line);
  }

  .news-row .pic { flex-basis: auto; width: 100%; }
  .news-row h3 { font-size: 17px; }

  /* 通栏文字列表：移动端日期移到标题下方 */
  .news-list--text .news-row .body { grid-template-columns: 1fr; }
  .news-list--text .news-row h3 { font-size: 16px; }
  .news-list--text .news-row .meta { grid-column: 1; grid-row: 2; margin-top: 8px; }
  .news-list--text .news-row .summ { grid-row: 3; margin-top: 10px; }

  .loop-track .card { flex-basis: 240px; margin-right: 16px; }

  .clients { grid-template-columns: repeat(2, 1fr); }

  /* 定制服务左右交替图文块：手机改为上下排列，图片统一在上 */
  .zig-row { grid-template-columns: 1fr; gap: 24px; }
  .zig-row:nth-child(even) .zig-media { order: 0; }
  .zig-row + .zig-row { margin-top: 44px; padding-top: 44px; }
  .zig-badge { width: 48px; height: 48px; font-size: 20px; }
  .zig-title { font-size: 19px; }

  .form-card { padding: 22px 18px; }

  /* --- 灯箱 --- */
  .lightbox img { max-width: 94vw; max-height: 76vh; }
  .lightbox .lb-prev { left: 10px; }
  .lightbox .lb-next { right: 10px; }
  .lightbox .lb-btn { width: 38px; height: 38px; font-size: 20px; }

  /* --- 首屏轮播 --- */
  .hero-arrow { display: none; }
  .hero-dots { bottom: 18px; }

  /* --- 详情页 --- */
  .page-head--slim { margin-top: var(--header-h); min-height: 200px; padding: 22px 0 32px; }
  .page-head--slim h1 { font-size: 20px; }

  .pd-main img { aspect-ratio: 4 / 3; }
  .pd-thumb { width: 64px; height: 64px; }
  .pd-main .pd-prev,
  .pd-main .pd-next { width: 32px; height: 32px; font-size: 17px; }

  .pd-info h1 { font-size: 20px; }
  .pd-facts li { flex-direction: column; gap: 4px; }
  .pd-facts b { flex: none; }
  .pd-actions .btn { flex: 1; min-width: 140px; }

  .nd-meta { gap: 6px 16px; padding-bottom: 16px; margin-bottom: 24px; }
  .nd-tags { margin-top: 22px; }
  .nd-pager { padding-top: 16px; }
  .nd-pager a { padding: 10px 14px; }

  .nd-side .list { grid-template-columns: 1fr; }

  .rt { font-size: 15px; line-height: 1.85; }
  .rt h3 { font-size: 17px; }

  .cta { padding: 32px 26px; }

  /* 翻页：小字紧凑，按钮文字不折行 */
  .pagelist { margin-top: 24px; }
  .pagelist ul { gap: 6px; font-size: 12px; color: var(--text-sub); }
  .pagelist ul li a,
  .pagelist ul li span {
    min-width: 32px;
    padding: 6px 10px;
    font-size: 12px;
    white-space: nowrap;
  }

  /* 悬浮工具栏仅 PC 显示，移动端隐藏 */
  .side-tools { display: none; }
}

/* ---------- 小屏 ---------- */
@media (max-width: 480px) {
  .hero { min-height: 460px; }
  .hero h1 { font-size: 28px; letter-spacing: 2px; }
  .hero-actions .btn { min-height: 42px; padding: 0 22px; font-size: 14px; }

  .icons,
  .certs { grid-template-columns: repeat(2, 1fr); }
  .icons-3 { grid-template-columns: 1fr; }
  .stats { grid-template-columns: 1fr; }
  .clients { grid-template-columns: repeat(2, 1fr); gap: 12px; }

  .tabs { gap: 4px; }
  .tab { padding: 8px 16px; font-size: 14px; }

  .footer-main { grid-template-columns: 1fr; padding: 44px 0 32px; }

  .modal-box { padding: 26px 20px; }

  .loop-track .card { flex-basis: 200px; }

  /* --- 详情页 --- */
  .pd-tags span { padding: 3px 11px; font-size: 12px; }
  .pd-thumb { width: 54px; height: 54px; }
  .pd-contact { padding: 16px 18px; }
  .pd-contact strong { font-size: 18px; }

  .nd-side .list img { flex: 0 0 64px; width: 64px; height: 50px; }
}