/* ========================================
   移动端响应式优化 - sitpcba.com
   ======================================== */

/* 移动端断点定义 */
@media screen and (max-width: 768px) {

  /* ===== 修复顶部空白区域问题 ===== */
  html body {
    padding-top: 62px !important; /* 匹配移动端header高度 */
    margin-top: 0 !important;
  }

  body {
    padding-top: 62px !important; /* 匹配移动端header高度 */
    margin-top: 0 !important;
  }

  html {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  /* ===== 1. 英雄图区域优化 ===== */
  .hero-banner {
    min-height: 100vh !important;
    height: auto !important; /* 改为auto，让内容自动撑开高度 */
    padding: 0 !important;
    position: relative !important;
    overflow: visible !important; /* 改为visible，确保底部内容不被裁切 */
  }

  .hero-swiper {
    height: 100vh !important;
    min-height: 100vh !important;
  }

  .hero-bg-img img {
    object-fit: cover !important;
    height: 100vh !important;
  }

  /* 视频背景层 - 移动端显示视频 */
  .hero-video-bg {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100vh !important;
    /* 保留渐变背景作为视频加载前的占位 */
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%) !important;
    z-index: 0 !important;
    overflow: hidden !important;
    transform: translateZ(0) !important;
    -webkit-transform: translateZ(0) !important;
  }

  /* 移动端视频元素 - 作为背景层 */
  .hero-video {
    display: block !important;
    position: absolute !important;
    /* 视频作为背景，完全覆盖整个区域 */
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    -webkit-transform: translate(-50%, -50%) !important;
    min-width: 100% !important;
    min-height: 100% !important;
    width: auto !important;
    height: auto !important;
    object-fit: cover !important;
    z-index: 1 !important;
    /* 性能优化 */
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
  }

  /* 渐变遮罩调整为更深的颜色 */
  .hero-overlay {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(
      135deg,
      rgba(0, 0, 0, 0.6) 0%,
      rgba(0, 0, 0, 0.4) 50%,
      rgba(0, 0, 0, 0.3) 100%
    ) !important;
    z-index: 2 !important;
    pointer-events: none !important; /* 确保不阻挡下方内容的交互 */
  }

  /* 内容区域调整 */
  .hero-content-wrapper {
    position: relative !important;
    padding: 80px 20px 60px !important; /* 顶部padding留给导航栏，内容从导航栏下方开始 */
    height: auto !important;
    min-height: 100vh !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
    z-index: 10 !important; /* 确保内容在视频和遮罩之上 */
  }

  .hero-content {
    max-width: 100% !important;
    text-align: center !important;
    position: relative !important;
    z-index: 10 !important;
    width: 100% !important;
  }

  /* ===== 2. 标题文字优化 ===== */
  .hero-badge {
    font-size: 11px !important;
    padding: 6px 12px !important;
    margin-bottom: 15px !important;
  }

  .hero-badge-text {
    font-size: 10px !important;
  }

  .hero-title {
    font-size: 24px !important;
    line-height: 1.3 !important;
    margin-bottom: 15px !important;
  }

  .hero-title-highlight {
    font-size: 28px !important;
  }

  .hero-subtitle {
    font-size: 13px !important;
    line-height: 1.6 !important;
    margin-bottom: 20px !important;
  }

  .hero-subtitle strong {
    font-size: 14px !important;
  }

  /* ===== 3. 统计数据卡片优化 ===== */
  .hero-stats {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
    margin: 20px 0 !important;
  }

  .stat-card {
    padding: 15px 10px !important;
    min-height: 80px !important;
  }

  .stat-number {
    font-size: 24px !important;
    margin-bottom: 5px !important;
  }

  .stat-number .counter {
    font-size: 24px !important;
  }

  .stat-number .unit {
    font-size: 16px !important;
  }

  .stat-label {
    font-size: 12px !important;
  }

  /* ===== 4. CTA按钮优化 ===== */
  .hero-cta {
    flex-direction: column !important;
    gap: 12px !important;
    margin: 20px 0 !important;
  }

  .hero-btn {
    width: 100% !important;
    max-width: 280px !important;
    padding: 14px 24px !important;
    font-size: 15px !important;
    justify-content: center !important;
  }

  .btn-text {
    font-size: 15px !important;
  }

  .btn-icon {
    width: 18px !important;
    height: 18px !important;
  }

  /* ===== 5. 联系信息优化 ===== */
  .hero-contact {
    flex-direction: column !important;
    gap: 15px !important;
    margin-top: 25px !important;
    padding: 20px 15px !important;
  }

  .hero-contact .contact-item {
    width: 100% !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    padding: 12px 15px !important;
    background: rgba(255, 255, 255, 0.05) !important;
    border-radius: 8px !important;
    text-align: left !important;
  }

  .hero-contact .contact-icon {
    flex-shrink: 0 !important;
    width: 44px !important;
    height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 22px !important;
    background: rgba(0, 123, 255, 0.2) !important;
    border: 1px solid rgba(0, 123, 255, 0.4) !important;
    border-radius: 10px !important;
  }

  .hero-contact .contact-info {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    min-width: 0 !important;
  }

  .hero-contact .contact-label {
    font-size: 11px !important;
    color: rgba(255, 255, 255, 0.6) !important;
    margin-bottom: 2px !important;
  }

  .hero-contact .contact-value {
    font-size: 14px !important;
    color: #fff !important;
    font-weight: 600 !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
  }

  .hero-contact .contact-value a {
    color: #fff !important;
    word-break: break-word !important;
  }

  /* ===== 6. 分页器优化 ===== */
  .hero-pagination {
    bottom: 30px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: auto !important;
  }

  .hero-pagination-bullet {
    width: 8px !important;
    height: 8px !important;
    margin: 0 5px !important;
  }

  /* ===== 7. 滚动提示优化 ===== */
  .scroll-hint {
    position: absolute !important;
    bottom: 30px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    font-size: 11px !important;
    z-index: 100 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 5px !important;
    color: rgba(255, 255, 255, 0.8) !important;
    /* 恢复动画 */
    animation: bounce 2s infinite !important;
  }

  @keyframes bounce {
    0%, 100% {
      transform: translateX(-50%) translateY(0) !important;
    }
    50% {
      transform: translateX(-50%) translateY(-10px) !important;
    }
  }

  .scroll-hint svg {
    width: 18px !important;
    height: 18px !important;
  }

  /* ===== 8. 其他页面模块优化 ===== */
  
  /* 关于我们模块 */
  .indxAboutus {
    flex-direction: column !important;
  }

  .par-posimg,
  .par-content {
    width: 100% !important;
    float: none !important;
  }

  .par-posimg {
    height: 300px !important;
    margin-bottom: 30px !important;
  }

  /* 产品/新闻列表 */
  .inxprod-list ul,
  .inxnews-list ul {
    flex-direction: column !important;
  }

  .inxprod-list li,
  .inxnews-list li {
    width: 100% !important;
    margin-bottom: 20px !important;
  }

  /* 轮播导航按钮在移动端隐藏 */
  .index-prev,
  .index-next {
    display: none !important;
  }

  /* ===== 移动端导航按钮样式 ===== */

  /* 显示移动端导航按钮和二级菜单展开按钮 */
  .mobnav-btn,
  .phsearchicon {
    display: block !important;
  }

  /* 移动端导航菜单样式优化 */
  .header-nav {
    position: fixed !important;
    top: 62px !important;
    left: 0 !important;
    width: 100% !important;
    height: calc(100vh - 62px) !important;
    background: #ffffff !important;
    z-index: 9999 !important;
    display: none;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  .header-nav ul {
    padding: 0 !important;
    margin: 0 !important;
  }

  .header-nav li {
    position: relative !important;
    border-bottom: 1px solid #f0f0f0 !important;
  }

  .header-nav li h3 {
    margin: 0 !important;
    padding: 15px 50px 15px 20px !important;
    position: relative !important;
  }

  .header-nav li h3 a {
    color: #333 !important;
    font-size: 16px !important;
    font-weight: normal !important;
  }

  /* 一级菜单激活状态 */
  .header-nav li.cur > h3 a {
    color: #d82019 !important;
    font-weight: 600 !important;
  }

  /* 二级菜单展开按钮样式 */
  .phsearchicon {
    position: absolute !important;
    right: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 40px !important;
    height: 40px !important;
    cursor: pointer !important;
    z-index: 10 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .header-nav li .phsearchicon {
    display: flex !important;
  }

  .phsearchicon:after {
    content: '' !important;
    position: relative !important;
    top: -2px !important;
    right: 0 !important;
    width: 8px !important;
    height: 8px !important;
    border-right: 2px solid #666 !important;
    border-bottom: 2px solid #666 !important;
    transform: rotate(45deg) !important;
    transition: transform 0.3s ease !important;
    display: block !important;
  }

  /* 二级菜单展开时箭头旋转 */
  .header-nav li.cur > .phsearchicon:after {
    transform: rotate(-135deg) !important;
    top: 2px !important;
  }

  /* 移动端二级菜单样式 */
  .sub-nav {
    display: none;
    background: #f8f8f8 !important;
    position: static !important;
    width: 100% !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 10px 0 !important;
    margin: 0 !important;
    left: 0 !important;
    top: auto !important;
  }

  .header-nav li.cur .sub-nav {
    display: block;
  }

  .sub-nav .sub-item {
    border-bottom: 1px solid #e8e8e8 !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
  }

  .sub-nav .sub-item:last-child {
    border-bottom: none !important;
  }

  .sub-nav .sub-item h4 {
    margin: 0 !important;
    padding: 0 !important;
    line-height: normal !important;
  }

  .sub-nav .sub-item h4 a {
    display: block !important;
    padding: 12px 20px 12px 35px !important;
    color: #555 !important;
    font-size: 14px !important;
    background: transparent !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    /* 确保点击区域足够大 */
    min-height: 44px !important;
    line-height: 1.5 !important;
    /* 禁用系统默认的触摸高亮 */
    -webkit-tap-highlight-color: transparent !important;
    position: relative !important;
    z-index: 1 !important;
  }

  .sub-nav .sub-item h4 a:hover,
  .sub-nav .sub-item h4 a:active {
    background: #eeeeee !important;
    color: #d82019 !important;
  }

  /* 移动端头部优化 - 确保在所有页面都固定在顶部 */
  header {
    height: 62px !important;
    background: #ffffff !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1) !important;
    position: fixed !important;
    /* 确保在所有浏览器中固定在顶部 */
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 1000 !important;
    /* 防止在页面切换时位置偏移 */
    transform: translateZ(0) !important;
    -webkit-transform: translateZ(0) !important;
  }

  .headerweb {
    padding: 0 15px !important;
    height: 62px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    position: relative !important;
    width: 100% !important;
    box-sizing: border-box !important;
    /* 防止内容溢出 */
    overflow: visible !important;
    /* 强制flex布局在所有浏览器中正常工作 */
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
  }

  .logo {
    padding: 0 !important;
    position: static !important;
    z-index: 10 !important;
    flex-shrink: 0 !important;
    -webkit-flex-shrink: 0 !important;
    -ms-flex-negative: 0 !important;
    margin: 0 !important;
    /* 确保logo始终在左侧 */
    order: 1 !important;
    -webkit-order: 1 !important;
    -webkit-box-ordinal-group: 2 !important;
    -moz-box-ordinal-group: 2 !important;
    -ms-flex-order: 1 !important;
  }

  .logo img {
    height: 40px !important;
    max-width: 200px !important;
    display: block !important;
    /* 防止图片拉伸 */
    width: auto !important;
    object-fit: contain !important;
  }

  /* 移动端隐藏顶部联系信息 */
  .top-contact-info {
    display: none !important;
  }

  /* 移动端隐藏PC导航按钮 */
  .pcnavmenubtn {
    display: none !important;
  }

  /* 移动端主导航区域 - 允许显示，但初始隐藏 */
  .header-nav.commonweb {
    /* 移除 display: none !important 让 JavaScript 可以控制显示/隐藏 */
    position: fixed !important;
    top: 62px !important;
    left: 0 !important;
    width: 100% !important;
    height: calc(100vh - 62px) !important;
    background: #ffffff !important;
    z-index: 9999 !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  /* 确保首页的导航栏也能正常工作 - 重置可能被首页CSS覆盖的样式 */
  .header-nav {
    /* 移除 display: none !important 让 JavaScript 可以控制显示/隐藏 */
    position: fixed !important;
    top: 62px !important;
    left: 0 !important;
    width: 100% !important;
    height: calc(100vh - 62px) !important;
    background: #ffffff !important;
    z-index: 9999 !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  /* 首页特殊处理：强制确保导航按钮可见且可点击 */
  .mobnav-btn {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
    z-index: 100 !important;
    position: relative !important;
  }

  /* 首页：确保header不被其他样式覆盖 */
  header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 1000 !important;
    transform: translateZ(0) !important;
    -webkit-transform: translateZ(0) !important;
  }

  /* 侧边导航样式修复 - 使用易优CMS的.cur类 */
  .headsideNav {
    position: fixed !important;
    top: 0 !important;
    right: -300px !important;
    width: 300px !important;
    height: 100vh !important;
    background: #fff !important;
    box-shadow: -2px 0 20px rgba(0, 0, 0, 0.1) !important;
    z-index: 10001 !important;
    transition: right 0.3s ease !important;
    overflow-y: auto !important;
  }

  .headsideNav.cur {
    right: 0 !important;
  }

  /* 同时兼容.active类（如果其他地方使用） */
  .headsideNav.active {
    right: 0 !important;
  }

  /* 修复侧边导航中的展开箭头问题 - 不覆盖链接区域 */
  .headsideNav .phsearchicon {
    position: absolute !important;
    left: auto !important;
    right: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 40px !important;
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 10 !important;
    cursor: pointer !important;
    pointer-events: auto !important;
  }

  .headsideNav .phsearchicon:after {
    content: '' !important;
    display: block !important;
    position: relative !important;
    top: -2px !important;
    right: 0 !important;
    width: 8px !important;
    height: 8px !important;
    border-right: 2px solid #666 !important;
    border-bottom: 2px solid #666 !important;
    transform: rotate(45deg) !important;
    transition: transform 0.3s ease !important;
  }

  .headsideNav li.cur > .phsearchicon:after {
    transform: rotate(-135deg) !important;
    top: 2px !important;
  }

  /* 侧边导航二级菜单链接样式 - 确保可点击 */
  .headsideNav .sub-item {
    position: relative !important;
    z-index: 1 !important;
  }

  .headsideNav .sub-item h4 {
    position: relative !important;
    z-index: 2 !important;
  }

  .headsideNav .sub-item h4 a,
  .headsideNav .sub-item a {
    display: block !important;
    padding: 12px 20px 12px 35px !important;
    color: #555 !important;
    font-size: 14px !important;
    text-decoration: none !important;
    position: relative !important;
    z-index: 3 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
  }

  .headsideNav .sub-item h4 a:hover,
  .headsideNav .sub-item h4 a:active,
  .headsideNav .sub-item a:hover,
  .headsideNav .sub-item a:active {
    background: #f0f0f0 !important;
    color: #d82019 !important;
  }

  /* 移除layout.css中的遮罩层定义 */
  .exit-off-canvas {
    display: none !important;
  }

  .header-right {
    position: static !important;
    float: none !important;
    padding: 0 !important;
    height: 62px !important;
    /* Flexbox with vendor prefixes for maximum compatibility */
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    /* Align items center with vendor prefixes */
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -moz-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    /* Gap between items */
    gap: 12px !important;
    -webkit-column-gap: 12px !important;
    -moz-column-gap: 12px !important;
    column-gap: 12px !important;
    z-index: 10 !important;
    margin-left: auto !important;
    /* Prevent shrinking */
    -webkit-flex-shrink: 0 !important;
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
    /* Justify content to the right */
    -webkit-box-pack: end !important;
    -webkit-justify-content: flex-end !important;
    -moz-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
    /* Order to ensure right positioning */
    -webkit-box-ordinal-group: 3 !important;
    -webkit-order: 2 !important;
    -moz-box-ordinal-group: 3 !important;
    -ms-flex-order: 2 !important;
    order: 2 !important;
    /* Fixed width to prevent jumping */
    min-width: -webkit-fit-content !important;
    min-width: -moz-fit-content !important;
    min-width: fit-content !important;
    /* 重置PC端定位属性 */
    right: auto !important;
    top: auto !important;
    left: auto !important;
    bottom: auto !important;
    width: auto !important;
  }

  /* 移动端搜索按钮容器 */
  .header-right .search-con {
    display: inline-flex !important;
    display: -webkit-inline-flex !important;
    display: -moz-inline-flex !important;
    display: -ms-inline-flexbox !important;
    align-items: center !important;
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    justify-content: center !important;
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    position: relative !important;
    flex-shrink: 0 !important;
    -webkit-flex-shrink: 0 !important;
    -ms-flex-negative: 0 !important;
    width: 30px !important;
    height: 30px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* 移动端搜索图标 */
  .header-right .search-inco {
    display: block !important;
    width: 30px !important;
    height: 30px !important;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
    /* 移除触摸高亮 */
    -webkit-tap-highlight-color: transparent !important;
    -webkit-touch-callout: none !important;
    user-select: none !important;
    outline: none !important;
  }

  /* 移动端搜索框 - 确保在所有页面都正确定位 */
  .header-right .searchbox {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    top: 62px !important;
    width: 100% !important;
    background: #fff !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important;
    z-index: 9999 !important;
    padding: 15px !important;
    box-sizing: border-box !important;
    /* 确保搜索框在页面切换时也能正确显示 */
    transform: translateZ(0) !important;
    -webkit-transform: translateZ(0) !important;
    /* 防止被其他元素覆盖 */
    visibility: visible !important;
    opacity: 1 !important;
  }

  .header-right .searchbox form {
    width: 100% !important;
    position: relative !important;
  }

  .header-right .searchbox .searchtext {
    width: 100% !important;
    height: 44px !important;
    padding: 10px 60px 10px 15px !important;
    border: 1px solid #ddd !important;
    border-radius: 22px !important;
    font-size: 14px !important;
    box-sizing: border-box !important;
    outline: none !important;
  }

  .header-right .searchbox .searchtext:focus {
    border-color: #007bff !important;
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.25) !important;
  }

  .header-right .searchbox .searchbtn {
    position: absolute !important;
    right: 5px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    height: 34px !important;
    padding: 0 20px !important;
    background: #007bff !important;
    color: #fff !important;
    border: none !important;
    border-radius: 17px !important;
    font-size: 14px !important;
    cursor: pointer !important;
  }

  /* 移动端菜单按钮 - 增强优先级 */
  .mobnav-btn {
    display: inline-flex !important;
    flex-direction: column;
    justify-content: space-around;
    width: 30px !important;
    height: 24px !important;
    padding: 0 !important;
    margin: 0 !important;
    position: relative !important;
    flex-shrink: 0 !important;
    cursor: pointer !important;
    /* 移除系统默认的触摸反馈 */
    -webkit-tap-highlight-color: transparent !important;
    -webkit-touch-callout: none !important;
    user-select: none !important;
    outline: none !important;
    border: none !important;
    background: transparent !important;
    /* 确保按钮可见 */
    z-index: 100 !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .header-right .mobnav-btn {
    display: inline-flex !important;
    width: 30px !important;
    height: 24px !important;
    position: relative !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
  }

  .mobnav-btn span {
    display: block !important;
    width: 100% !important;
    height: 3px !important;
    background: #333 !important;
    border-radius: 2px !important;
    transition: all 0.3s ease !important;
    position: absolute !important;
    left: 0 !important;
    pointer-events: none !important;
    /* 确保横线可见 */
    opacity: 1 !important;
    visibility: visible !important;
  }

  /* 定义三条横线的位置 */
  .mobnav-btn span:nth-child(1) {
    top: 0 !important;
  }

  .mobnav-btn span:nth-child(2) {
    top: 8px !important;
  }

  .mobnav-btn span:nth-child(3) {
    top: 16px !important;
  }

  /* 确保三条横线都显示 */
  .mobnav-btn span:nth-child(1),
  .mobnav-btn span:nth-child(2),
  .mobnav-btn span:nth-child(3) {
    display: block !important;
    opacity: 1 !important;
  }

  .mobnav-btn.g_close span:nth-child(1) {
    transform: rotate(45deg) translateY(8px) !important;
  }

  .mobnav-btn.g_close span:nth-child(2) {
    opacity: 0 !important;
  }

  .mobnav-btn.g_close span:nth-child(3) {
    transform: rotate(-45deg) translateY(-8px) !important;
  }

  /* 字体大小调整 */
  .font30 {
    font-size: 22px !important;
  }

  .font24 {
    font-size: 18px !important;
  }

  .font18 {
    font-size: 16px !important;
  }

  .font16 {
    font-size: 14px !important;
  }

  /* 公共容器 */
  .commonweb {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .padtb {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  /* 隐藏可能遮挡微信咨询按钮的解决方案板块 */
  .inxSolution {
    display: none !important;
  }
}

/* ===== 超小屏幕优化 (iPhone SE等) ===== */
@media screen and (max-width: 375px) {
  .hero-title {
    font-size: 20px !important;
  }

  .hero-title-highlight {
    font-size: 24px !important;
  }

  .hero-subtitle {
    font-size: 12px !important;
  }

  .stat-number {
    font-size: 20px !important;
  }

  .stat-label {
    font-size: 11px !important;
  }

  .hero-btn {
    padding: 12px 20px !important;
    font-size: 14px !important;
  }
}

/* ===== 平板横屏优化 ===== */
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .hero-title {
    font-size: 36px !important;
  }

  .hero-stats {
    grid-template-columns: repeat(4, 1fr) !important;
  }

  .hero-cta {
    flex-direction: row !important;
  }

  .hero-contact {
    flex-direction: row !important;
    justify-content: center !important;
  }
}