/* ================================================================
   mobile.css — 移动端自适应样式（独立文件）
   说明：
   - 仅包含 @media 媒体查询内的覆盖规则，PC 端（宽屏）不受影响。
   - 在 style.css 之后加载，同特异性下后加载者生效，用于细化手机端表现。
   断点：1080px（导航转汉堡）/ 900px（平板）/ 768px（手机）/ 480px（小屏）
   ================================================================ */

/* ========== 全局基础 ========== */
@media (max-width: 768px) {
  .container { padding: 0 14px; }
  html { -webkit-text-size-adjust: 100%; }
  img { max-width: 100%; }
}

/* ========== 导航 / 移动菜单 ========== */
/* 关键修复：移动菜单需要白色背景，否则透明 header（首页）下深色文字不可读 */
@media (max-width: 1080px) {
  .mobile-menu {
    background: #fff;
    border-top: 1px solid var(--c-border);
    box-shadow: 0 12px 24px rgba(0, 0, 0, .12);
    max-height: 72vh;
    overflow-y: auto;
  }
  .nav-wrap { height: 60px; }
  .brand-logo .brand-logo-img { height: 38px; }
  .lang-switch { padding: 5px 8px; font-size: 12px; }
  .lang-flag { width: 18px; height: 12px; }
  .lang-menu { min-width: 150px; }
}
@media (max-width: 768px) {
  .mobile-menu a { padding: 13px 14px; font-size: 15px; }
  .mobile-menu .container { padding: 0; }
}

/* ========== 首页 Hero ========== */
@media (max-width: 768px) {
  .hero { height: 460px; padding-top: 60px; }
  .hero-slide .hero-content {
    padding-top: 84px;
    padding-bottom: 64px;
    padding-left: 74px;
    padding-right: 14px;
  }
  .hero h1 { font-size: 26px; margin: 0 0 14px; max-width: 100%; line-height: 1.2; }
  .hero p.lead { font-size: 14px; line-height: 1.7; margin: 0 0 18px; }
  .hero p.sub { font-size: 14px; margin: 0 0 22px; }
  .hero .cta-row { gap: 10px; }
  .hero .btn { padding: 11px 20px; font-size: 12px; }
  .hero-dots { bottom: 16px; }
}
@media (max-width: 480px) {
  .hero { height: 420px; }
  .hero h1 { font-size: 22px; }
  .hero .cta-row { flex-direction: column; align-items: stretch; }
  .hero .btn { width: 100%; justify-content: center; }
}

/* ========== Stats 数据条 ========== */
@media (max-width: 600px) {
  .stats { padding: 22px 0; }
  .stats .grid-4 { grid-template-columns: repeat(2, 1fr); gap: 16px; }
  .stat-item { gap: 12px; padding: 4px 0; }
  .stat-item .icon { width: 40px; height: 40px; }
  .stat-item .icon-img { width: 18px; height: 18px; }
  .stat-item .num { font-size: 22px; }
  .stat-item .num small { font-size: 12px; }
  .stat-item .label { font-size: 12px; }
}

/* ========== About 关于我们 ========== */
@media (max-width: 768px) {
  .about { padding: 24px 0; }
  .about-grid { gap: 22px; }
  .about-text { padding: 14px 0; }
  .about-text p { font-size: 13.5px; line-height: 1.7; }
  .about-img .play { width: 44px; height: 44px; bottom: 14px; right: 14px; }
}

/* ========== 产品中心 Swiper ========== */
@media (max-width: 768px) {
  .section--adv { padding: 24px 0 !important; }
  .adv-hero.swiper { width: 100% !important; margin: 0 auto 36px !important; }
  .swiper-slide.adv-hero-slide { height: 320px; }
  .adv-hero-overlay,
  .adv-hero-slide .adv-hero-content { height: 30%; }
  .adv-hero-slide .adv-hero-content { padding: 0 16px; }
  .adv-hero-slide .adv-hero-content h3 { font-size: 19px; margin: 0 0 4px; }
  .adv-hero-slide .adv-hero-content p { font-size: 13px; margin: 0 auto 10px; }
  .adv-arrow { width: 40px !important; height: 40px !important; opacity: 1 !important; }
  .adv-arrow svg { width: 20px; height: 20px; }
  .swiper-pagination.adv-hero-dots { bottom: -32px; }
}
@media (max-width: 480px) {
  .swiper-slide.adv-hero-slide { height: 280px; }
}

/* ========== Capability 产品优势 ========== */
@media (max-width: 768px) {
  .cap-row { flex-wrap: wrap; justify-content: center; gap: 18px; }
  .cap-item { flex: 0 0 33.333%; min-width: 0; gap: 8px; }
  .cap-circle { width: 72px; height: 72px; }
  .cap-circle .cap-icon { width: 30px; height: 30px; }
  .cap-item span.lbl { font-size: 14px; }
}


/* ========== Why 为何选择 ========== */
@media (max-width: 600px) {
  .why { padding: 30px 0; }
  .why-grid { grid-template-columns: 1fr; gap: 18px; }
  .why-item { gap: 12px; }
  .why-item .ic { width: 40px; height: 40px; }
  .why-item .ic .why-icon { width: 20px; height: 20px; }
  .why-item h5 { font-size: 15px; }
  .why-item p { font-size: 12.5px; }
}

/* ========== Tour 应用领域（首页） ========== */
@media (max-width: 768px) {
  .tour { padding: 30px 0; }
  .tour-grid { gap: 14px; }
  .tour-info .section-title { margin-bottom: 10px; }
  .app-subtitle { font-size: 13px; line-height: 1.6; }
  .tour-img-text { padding: 12px 12px 10px; }
  .tour-img-text h4 { font-size: 15px; margin: 0 0 2px; }
  .tour-img-text p { font-size: 11.5px; line-height: 1.4; }
}

/* ========== Certifications 资质滚动 ========== */
@media (max-width: 768px) {
  .cert { padding: 36px 0 24px; }
  .cert-item { width: 96px; height: 96px; }
  .cert-arrow { width: 34px; height: 34px; font-size: 18px; }
  .cert-row { gap: 10px; padding: 10px 12px; }
}

/* ========== Market 销售网络 ========== */
@media (max-width: 768px) {
  .market { padding: 36px 0 24px; }
  .market-grid { gap: 24px; }
  .export-list .region { width: 88px; font-size: 13px; }
  .export-list .bar { height: 7px; }
  .export-list .pct { width: 40px; font-size: 13px; }
}

/* ========== News 最新资讯 ========== */
@media (max-width: 768px) {
  #news.section, .news-grid { padding: 0; }
  .news-grid { grid-template-columns: 1fr; gap: 18px; }
  .news-card { grid-template-columns: 110px 1fr; gap: 14px; }
  .news-card h5 { font-size: 14px; }
  .news-card .tag { font-size: 10px; }
}
@media (max-width: 480px) {
  .news-card { grid-template-columns: 90px 1fr; gap: 12px; }
  .news-img .date-badge,
  .news-list .news-img .date-badge { padding: 6px 10px 4px; min-width: 50px; }
  .news-img .date-badge b,
  .news-list .news-img .date-badge b { font-size: 20px; }
  .news-img .date-badge small,
  .news-list .news-img .date-badge small { font-size: 10px; letter-spacing: 1px; }
}

/* ========== Contact 联系我们（首页） ========== */
@media (max-width: 768px) {
  .contact { padding: 24px 0 50px; }
  .contact-grid { gap: 24px; }
  /* 首页留言表单：手机单列 */
  .contact-form { grid-template-columns: 1fr; }
  .contact-form .full { grid-column: span 1; }
  .contact-form .submit-row { grid-column: span 1; }
  .contact-info .qr-img { width: 110px; }
  .contact-info .item .ic { width: 32px; height: 32px; }
  .contact-info .item .ct-icon { width: 15px; height: 15px; }
  .contact-info .item p { font-size: 13px; }
  .map-card-img { min-height: auto; }
}

/* ========== Footer 页脚 ========== */
/* 关键修复：复位 foot-quick 的 translateX(-200px)，窄屏下否则内容被推出视口 */
@media (max-width: 900px) {
  .foot-quick { transform: none; }
  .foot-quick-cols { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 768px) {
  footer { padding: 24px 0 0; }
  .footer-grid { gap: 24px; }
  .brand-foot { margin-bottom: 10px; }
  .brand-foot .brand-logo-img { height: 40px; }
  .foot-about { font-size: 12px; }
  footer a { font-size: 12.5px; padding: 4px 0; }
  footer p { font-size: 12.5px; }
  footer h6 { margin: 0 0 12px; }
  .copy { flex-direction: column; gap: 8px; text-align: center; padding: 14px 0; }
}

/* ========== 通用区块标题/间距 ========== */
@media (max-width: 768px) {
  .section-head { margin-bottom: 22px; }
  .section-title { font-size: 22px; }
  .kicker { font-size: 11px; letter-spacing: 1.5px; }
  .btn { padding: 11px 22px; font-size: 12px; }
}

/* ========== 内页 Banner ========== */
@media (max-width: 768px) {
  .inner-banner--text { height: 220px; }
  .inner-banner-title { font-size: 24px; margin: 0 0 10px; }
  .inner-banner-sub { font-size: 13px; }
  .news-page,
  .news-detail,
  .contact-page,
  .service-page,
  .rd-page,
  .app-page,
  .pd-page,
  .search-page { padding: 16px 14px 40px; }
}
@media (max-width: 480px) {
  .inner-banner--text { height: 180px; }
  .inner-banner-title { font-size: 20px; }
}

/* ========== 面包屑 / 标签切换 ========== */
@media (max-width: 768px) {
  .breadcrumb { font-size: 12px; margin: 4px 0 14px; flex-wrap: wrap; gap: 6px; }
  .news-tabs, .rd-tabs { gap: 6px; margin-bottom: 18px; }
  .news-tab, .rd-tab { font-size: 15px; padding: 10px 14px; }
  .page-head { flex-direction: column; align-items: stretch; gap: 12px; }
}

/* ========== 新闻列表 / 详情 ========== */
@media (max-width: 768px) {
  .news-list { grid-template-columns: 1fr; gap: 18px; margin-bottom: 18px; }
  .news-list .news-card { grid-template-columns: 110px 1fr; gap: 14px; }
  .nd-wrap { padding: 18px 16px 24px; }
  .nd-title { font-size: 20px; margin: 14px 0 12px; line-height: 1.3; }
  .nd-meta { gap: 14px; font-size: 12px; padding-bottom: 12px; margin-bottom: 16px; }
  .nd-body { font-size: 14px; line-height: 1.85; }
  .nd-source { font-size: 13px; padding: 12px 14px; }
}
@media (max-width: 480px) {
  .nd-title { font-size: 18px; }
  .news-list .news-card { grid-template-columns: 90px 1fr; gap: 12px; }
}

/* ========== 联系页（contact.html） ========== */
@media (max-width: 768px) {
  .cp-contact { grid-template-columns: 1fr; gap: 14px; margin-bottom: 24px; }
  .cp-item { padding: 16px; gap: 12px; }
  .cp-ic { width: 38px; height: 38px; flex: 0 0 38px; }
  .cp-ic img { width: 18px; height: 18px; }
  .cp-txt p { font-size: 13px; }
  .cp-qr-img { width: 80px; height: 80px; }
  .cp-grid { grid-template-columns: 1fr; gap: 20px; }
  .cp-form-body { grid-template-columns: 1fr; padding: 16px; }
  .cp-form-body .full { grid-column: span 1; }
  .cp-form .submit-row { grid-column: span 1; }
  .cp-form-title { font-size: 16px; }
  .cp-form-head { padding: 12px 16px; }
  .cp-map-img { min-height: 220px; }
}

/* ========== 服务中心 FAQ ========== */
@media (max-width: 768px) {
  .service-page .cert { margin-top: -16px; }
  .sv-section { margin-bottom: 32px; }
  .sv-faq-list { grid-template-columns: 1fr; gap: 16px; }
  .sv-faq-card { padding: 16px; }
  .sv-faq-q { font-size: 15px; }
  .sv-faq-a { font-size: 13px; line-height: 1.65; }
  .sv-faq-more { padding: 10px 24px; font-size: 13px; }
  .sv-market .market-grid { grid-template-columns: 1fr; }
  .sv-feedback { max-width: 100%; }
}

/* ========== 研发创新 ========== */
@media (max-width: 768px) {
  .rd-body { gap: 30px; padding-top: 10px; }
  .rd-block { gap: 20px; }
  .rd-block-title { font-size: 20px; padding-bottom: 12px; }
  .rd-feats { grid-template-columns: 1fr; gap: 14px; }
  .rd-feat { padding: 20px 16px; }
  .rd-feat-ic { width: 48px; height: 48px; margin-bottom: 10px; }
  .rd-feat-ic img { width: 22px; height: 22px; }
  .rd-feat h5 { font-size: 15px; }
  .rd-feat p { font-size: 12.5px; }
  .rd-feat-title { font-size: 17px; margin-bottom: 14px; }
  .rd-intro-slide,
  .rd-intro-slide--rev { grid-template-columns: 1fr; gap: 16px; }
  .rd-intro-slide .rd-intro-img { min-height: 180px; }
  .rd-intro-text p { font-size: 13.5px; line-height: 1.75; }
  .rd-intro-controls { gap: 14px; margin-top: 14px; }
  /* stepper 步骤条：手机改为 2 列换行，隐藏连接线 */
  .rd-stepper-bar { flex-wrap: wrap; gap: 8px; }
  .rd-step-item { flex: 0 0 45%; }
  .rd-step-line { display: none; }
  .rd-step-circle { width: 36px; height: 36px; font-size: 14px; }
  .rd-step-label { font-size: 12px; }
  .rd-step-detail { min-height: 80px; padding: 20px 0 0; }
  .rd-step-panel p { font-size: 13.5px; line-height: 1.8; }
}

/* ========== 应用领域 列表 / 详情 ========== */
@media (max-width: 768px) {
  .app-fields { gap: 16px; margin: 16px 0 40px; }
  .app-field { min-height: 200px; }
  .app-field-inner { padding: 28px 20px; max-width: 100%; }
  .app-field-title { font-size: 22px; margin: 0 0 10px; }
  .app-field-desc { font-size: 13.5px; line-height: 1.7; margin: 0 0 18px; }
  .app-field-more { font-size: 13px; padding: 8px 18px; }
  .app-detail { margin: 14px 0 40px; }
  .app-detail-title { font-size: 22px; margin: 0 0 14px; }
  .app-detail-intro { padding: 16px; font-size: 13.5px; line-height: 1.8; margin: 0 0 20px; }
  .app-detail-full { font-size: 13.5px; line-height: 1.9; }
  .app-gallery-prev { left: 8px; }
  .app-gallery-next { right: 8px; }
  .app-gallery-arrow { width: 36px; height: 36px; font-size: 20px; }
  .app-detail-dots { margin-top: 12px; margin-bottom: 28px; }
}

/* ========== 产品列表 / 详情 ========== */
@media (max-width: 768px) {
  .prod-search { max-width: none; flex: 1 1 100%; margin-left: 0; }
  .prod-search-input { height: 40px; font-size: 14px; padding: 0 12px; }
  .prod-search-btn { height: 40px; padding: 0 18px; font-size: 14px; }
  .pdm-menu { flex-wrap: wrap; }
  .pdm-item { flex: 0 0 50%; padding: 12px 8px; font-size: 13px; border-bottom: 1px solid #e2e8f0; }
  .pd-top { gap: 20px; margin: 16px 0 24px; }
  .pd-gallery { flex-direction: column; gap: 12px; }
  .pd-gallery-thumbs { flex-direction: row; flex-wrap: wrap; flex: 0 0 auto; width: 100%; gap: 10px; }
  .pd-gallery-thumbs .thumb { width: 56px; height: 56px; }
  .pd-name { font-size: 20px; margin: 0 0 12px; }
  .pd-intro { font-size: 13.5px; line-height: 1.7; margin: 0 0 20px; }
  .pd-series-tag { margin: 0 0 18px; font-size: 12px; }
  .pd-order-btn { padding: 10px 26px; font-size: 14px; }
  .pd-tabs { margin: 22px 0 44px; }
  .pd-tab-bar { margin-bottom: 18px; }
  .pd-tab { padding: 10px 18px; font-size: 14px; }
  .pd-tab-panel { font-size: 14px; line-height: 1.85; }
  /* 规格行：键在上、值在下 */
  .pd-spec-row { flex-wrap: wrap; gap: 4px 16px; padding: 10px 0; }
  .pd-spec-k { flex: 0 0 auto; }
  .pd-spec-v { flex: 1 1 100%; }
  /* 手机端产品卡片每行只显示一个 */
  .prod-card { flex: 0 0 100%; }
  .prod-card-inner { margin-right: 0; }
  .prod-title { font-size: 20px; }
  .prod-side { gap: 12px; }
  .prod-card-name { font-size: 13.5px; }
  .prod-card-desc { font-size: 12px; }
}
@media (max-width: 480px) {
  .pdm-item { flex: 0 0 100%; }
}

/* ========== 关于我们内页 ========== */
@media (max-width: 768px) {
  .about-intro { margin: 20px 0 36px; }
  .about-row { gap: 20px; margin-bottom: 28px; padding: 8px; }
  .about-row-img { flex: 1 1 auto; max-width: none; }
  .about-row-text p { font-size: 13.5px; line-height: 1.75; }
  .about-row-img .play { width: 44px; height: 44px; bottom: 14px; right: 14px; }
  .about-stats { grid-template-columns: repeat(2, 1fr); gap: 12px; margin-bottom: 18px; }
  .about-stat { padding: 12px 6px; }
  .about-stat-num { font-size: 22px; }
  .about-stat-num small { font-size: 13px; }
  .about-stat-label { font-size: 11.5px; }
  .about-block-title { font-size: 20px; }
  .about-section-title { font-size: 20px; margin: 0 0 22px; }
  /* 企业文化通栏 */
  .about-culture { min-height: 240px; margin-top: 30px; margin-bottom: 40px; }
  .about-culture-inner { padding: 36px 14px; }
  .about-culture-title { font-size: 22px; margin: 0 0 24px; letter-spacing: 1px; }
  .about-culture-card { padding: 16px 12px; }
  .about-culture-card h3 { font-size: 20px; }
  .about-culture-card p { font-size: 13.5px; line-height: 1.7; }
  .about-culture-icon { width: 60px; height: 60px; margin-bottom: 14px; }
  .about-culture-icon svg { width: 28px; height: 28px; }
  /* 荣誉 3D 旋转区高度 */
  .about-honors-right { height: 300px; margin-top: -10px; }
  .ah-item { width: 220px; height: 290px; }
}
@media (max-width: 480px) {
  .about-chairman-name { font-size: 30px; margin: 0 0 18px; }
  .about-chairman-content { padding: 36px 14px; }
  .about-chairman-kicker { font-size: 15px; }
  .about-chairman-text { font-size: 13.5px; line-height: 1.8; margin: 0 0 22px; }
}

/* ========== 董事长致辞详情页 ========== */
@media (max-width: 768px) {
  .chairman-detail { margin: 18px 0 44px; line-height: 1.85; }
  .chairman-detail-title { font-size: 22px; margin: 0 0 16px; padding-bottom: 12px; }
  .chairman-detail-sub { font-size: 16px; margin: 22px 0 12px; }
  .chairman-detail-lead p { font-size: 14px; line-height: 1.85; }
  .chairman-detail-body p { font-size: 14px; line-height: 1.85; margin: 0 0 14px; }
  .chairman-detail-photo { flex: 0 0 220px; }
}

/* ========== 员工风采 横向滚动 ========== */
@media (max-width: 768px) {
  .staff-item { flex: 0 0 calc((100% - 32px) / 3); }
  .staff-arrow { width: 34px; height: 34px; font-size: 18px; }
}
@media (max-width: 480px) {
  .staff-item { flex: 0 0 calc((100% - 16px) / 2); }
}

/* ========== 分页 ========== */
@media (max-width: 768px) {
  .pager { gap: 6px; margin-top: 12px; }
  .pg { min-width: 44px; height: 36px; padding: 0 10px; font-size: 12px; }
  .pg-num { min-width: 32px; padding: 0 6px; }
  .pg-total { font-size: 12px; margin-left: 4px; }
}

/* ========== 弹窗 lightbox / video ========== */
@media (max-width: 768px) {
  .app-lightbox,
  .video-lightbox { padding: 20px 12px; }
  .app-lightbox-close,
  .video-lightbox .video-lightbox-close {
    width: 38px; height: 38px; font-size: 24px; top: 10px; right: 12px;
  }
}

/* ========== 搜索结果页 ========== */
@media (max-width: 768px) {
  .search-page { padding: 16px 14px 40px; }
}