/* ============================================================
   responsive.css — 响应式适配（PC / 平板 / 手机）
   ============================================================ */
@media (max-width: 1024px) {
  .main-nav { display: none; }
  .menu-btn { display: flex; }
  .services-grid { gap: 16px; }
  .service-card { width: calc(50% - 8px); }
  .sec-title.center > div { padding: 0 46px; }
  .sec-title.center > div::before,
  .sec-title.center > div::after { width: 30px; }
  .hj-cols { flex-direction: column; gap: 36px; }
  .hj-cols > .hj-col { width: 100%; }       /* 移动端双栏堆叠为单列 */
  .video-thumbs { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .video-thumbs.cols-4 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .inner-wrap { flex-direction: column; gap: 24px; }
  .side-nav { width: 100%; }
  .side-nav .sn-menu { display: flex; flex-wrap: wrap; }
  .side-nav .sn-menu li { width: 33.33%; }
  .side-nav .sn-menu li a { border-bottom: none; border-right: 1px solid #f0f0f0; }
  .footer .container { flex-direction: column; text-align: center; }
  .footer .foot-logo { margin-right: 0; margin-bottom: 10px; }
}

@media (max-width: 900px) {
  .video-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hero.hero-page { height: 460px; }
  .hero.hero-page .hero-cap { bottom: 16%; }
  .hero.hero-page .hero-cap .cap-cn { font-size: 2rem; letter-spacing: 6px; text-indent: 6px; }
}

@media (max-width: 600px) {
  .header-top { display: none; }
  .drawer-search input { font-size: 16px; }                 /* iOS 不自动放大 */
  .brand .brand-logo { width: 44px; height: 44px; }
  .brand-text strong { font-size: 1.02rem; }
  .brand-text em { font-size: .55rem; letter-spacing: 2px; }
  .services-grid { gap: 18px; }
  .service-card { width: 100%; }
  .sec-title.center > div { padding: 0 34px; }
  .sec-title.center > div::before,
  .sec-title.center > div::after { width: 20px; }
  .hj-row { padding: 38px 0; }
  .hero-cap .cap-cn { font-size: 1.6rem; letter-spacing: 3px; }
  .video-thumbs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .video-thumbs.cols-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hj-video-head { justify-content: flex-start; }
  .hj-video-head .hj-more { position: static; transform: none; margin-left: auto; align-self: center; }
  .side-nav .sn-menu li { width: 50%; }
  .inner-wrap { padding: 28px 0 40px; }
  .page-con { padding: 20px 16px; }
  .ar-article .ar-title { font-size: 1.28rem; }
  .ar-article .ar-content { font-size: 1rem; line-height: 2.1; }
  .ar-article .ar-content p { margin-bottom: .6rem; }
  .tz-list { grid-template-columns: 1fr; }
  .hero.hero-page { height: 300px; }
  .breadcrumb { height: 46px; padding: 0 14px; font-size: .85rem; }
  .hero.hero-page .hero-cap { bottom: 12%; }
  .hero.hero-page .hero-cap .cap-cn { font-size: 1.5rem; letter-spacing: 4px; text-indent: 4px; }
  .section { padding: 38px 0; }
}

/* 动效降级 */
@media (prefers-reduced-motion: reduce) {
  .reveal { opacity: 1 !important; transform: none !important; transition: none; }
  * { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
}