/* =====================================================
   山东欣正新型建材有限公司 - 移动端响应式样式
   所有 @media 移动端断点样式集中管理，避免与桌面端样式混合
   加载顺序：style.css → mobile.css（必须在 style.css 之后）
   ===================================================== */

/* ═══════════════════════════════════════════════════════
   全局公共 - 1200px 断点
   ═══════════════════════════════════════════════════════ */
@media(max-width:1200px){
  .hero-data-panel{display:none}
  .about-grid{grid-template-columns:1fr;gap:50px}
  .adv-grid{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr}
  .cases-mosaic{grid-template-columns:1fr 1fr;grid-template-rows:auto}
  .case-tile.t1{grid-column:span 2}
}

/* ═══════════════════════════════════════════════════════
   全局公共 - 900px 断点
   ═══════════════════════════════════════════════════════ */
@media(max-width:900px){
  .prod-grid{grid-template-columns:repeat(2,1fr)}
  .numbers-sec-inner{flex-wrap:wrap}
  .nblock{width:50%}
  .nblock::after{display:none}
  .inner-banner{height:220px}
}

/* ═══════════════════════════════════════════════════════
   全局公共 - 768px 断点（主要移动端）
   ═══════════════════════════════════════════════════════ */
@media(max-width:768px){
  /* --- 导航 --- */
  .nav-top{display:none}
  .nav-links{display:none}
  .nav-main-inner{height:60px}
  .nav.scrolled .nav-main-inner{height:52px}
  .nav-hamburger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:28px;height:28px;cursor:pointer;padding:2px}
  .nav-hamburger span{display:block;height:2px;background:#0a204a;border-radius:2px;transition:all 0.3s}
  .nav-hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
  .nav-hamburger.open span:nth-child(2){opacity:0}
  .nav-hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
  .nav-mobile{display:none;position:fixed;top:60px;left:0;right:0;bottom:0;background:rgba(255,255,255,0.98);backdrop-filter:blur(20px);z-index:999;overflow-y:auto;padding:20px 0}
  .nav-mobile.open{display:block}
  .nav-mobile a{display:block;padding:16px 5vw;font-size:16px;color:#3d4766;text-decoration:none;letter-spacing:2px;border-bottom:1px solid #f0f2f8;transition:all 0.2s}
  .nav-mobile a:hover,.nav-mobile a.active{color:#c8960c;padding-left:calc(5vw + 8px);background:rgba(200,150,12,0.04)}
  .nav-mobile a.active{font-weight:700}

  /* --- Hero --- */
  .hero{margin-top:60px}

  .hero-btns{flex-direction:column;gap:10px}
  .hbtn-fill,.hbtn-border{padding:14px 28px;text-align:center;letter-spacing:1px;font-size:13px}
  .hero-text{font-size:13px;margin-bottom:28px}
  .hero-overline-text{font-size:9px;letter-spacing:3px}
  .slider-dots{bottom:20px;left:5vw}

  /* --- 内页Banner --- */
  .inner-banner{margin-top:60px;height:220px}
  .inner-banner-en{font-size:11px;letter-spacing:4px;margin-top:6px}
  .breadcrumb{font-size:11px;margin-top:10px;gap:6px}
  .inner-banner-title{letter-spacing:2px;font-size:1.6rem}

  /* --- 金色优势条 --- */
  .gs-divider{display:none}
  .gold-strip-inner{flex-direction:column;align-items:stretch;gap:14px}
  .gs-item{justify-content:flex-start}

  /* --- 关于我们（首页） --- */
  .about-grid{grid-template-columns:1fr;gap:40px}
  .about-img-wrap{height:320px}
  .aimg-main{width:65%;height:260px}
  .aimg-sec{width:50%;height:200px}
  .aimg-badge{right:calc(50% - 20px);top:200px}
  .about-highlights{grid-template-columns:1fr}

  /* --- 数字区竖排 --- */
  .nblock{width:50%}
  .nblock::after{display:none}
.case-tile-bg{position: inherit !important;}
  /* --- 产品（首页） --- */
  .prod-grid{grid-template-columns:1fr}

  /* --- 案例（首页） --- */
  .cases-mosaic{grid-template-columns:1fr}
  .case-tile.t1{grid-column:span 1}

  /* --- 优势 --- */
  .adv-grid{grid-template-columns:1fr}

  /* --- CTA竖排 --- */
  .cta-inner{flex-direction:column;text-align:center}
  .cta-phone-block{text-align:center}
  .cta-btn-group{align-items:center}

  /* --- Footer --- */
  .footer-grid{grid-template-columns:1fr}
  .footer-bottom{justify-content:center;text-align:center;flex-direction:column;gap:8px}
  .fb-copy{font-size:12px}
  .fb-honor{font-size:11px}

  /* --- Logo手机端字号缩小 --- */
  .logo-wordmark .cn{font-size:16px}
  .logo-wordmark .en{font-size:8px}
  .logo-emblem{width:40px;height:40px}
  .logo-emblem img{ width: 40px;height:40px}
  .logo{gap:10px}
.gold-strip,.hero-text,.hbtn-border{display: none;}
.section{padding:50px 5vw;}
.hero{height: 40vh;}
.hero-h1{font-size: 24px;}

  /* --- Lightbox手机端 --- */
  .lightbox-close{top:12px;right:12px;width:48px;height:48px;font-size:28px}
  .lightbox img{max-width:95%;max-height:75vh}
  .lightbox-caption{font-size:13px;bottom:16px;max-width:90%}

  /* --- 通用段落文字缩小 --- */
  .sp{font-size:14px;line-height:1.8}
  .sl-text{font-size:11px;letter-spacing:2px}
  .sh{font-size:1.5rem}
  .sh em{font-size:inherit}
}

/* ═══════════════════════════════════════════════════════
   桌面端隐藏汉堡菜单和移动导航（必须放在 @media 块内，否则会覆盖移动端样式）
   ═══════════════════════════════════════════════════════ */
@media(min-width:769px){
  .nav-hamburger{display:none !important}
  .nav-mobile{display:none !important}
}

/* ═══════════════════════════════════════════════════════
   首页 index.html - 移动端
   ═══════════════════════════════════════════════════════ */
@media(max-width:768px){
  /* 资质证书无缝滚动 */
  .certs-scroll-wrap{margin-top:24px;padding:12px 0}
  .certs-scroll-wrap::before,.certs-scroll-wrap::after{width:30px}
  .cert-c{width:130px;padding:14px 10px}
  .cert-c-img{width:65px;height:82px;margin-bottom:8px}
  .cert-c-name{font-size:11px}
}

/* ═══════════════════════════════════════════════════════
   关于我们 about.html - 移动端
   ═══════════════════════════════════════════════════════ */
@media(max-width:900px){
  .about-intro{grid-template-columns:1fr;gap:40px}
  .about-intro-img{height:360px}
  .culture-grid{grid-template-columns:1fr}
  .data-grid{grid-template-columns:repeat(2,1fr)}
  .timeline-line{left:20px}
  .timeline-item,.tl-left,.tl-right{flex-direction:row;justify-content:flex-start}
  .timeline-item .tl-content,.tl-left .tl-content,.tl-right .tl-content{text-align:left;padding-left:50px;padding-right:0;width:100%}
  .timeline-dot{left:20px}
  .tl-content[style*="visibility:hidden"]{display:none}
}
@media(max-width:768px){
  .about-intro-img{height:280px;position:relative}
  .about-intro-img-main{width:60%;height:220px}
  .about-intro-img-sub{width:48%;height:180px}
  .about-intro-img-badge{left:calc(60% - 30px);top:180px}
  .about-intro-img-badge .n{font-size:1.6rem}
  .about-highlights{grid-template-columns:1fr}
  .about-body{font-size:14px;line-height:1.9}
  .data-grid{grid-template-columns:1fr 1fr;gap:16px}
  .data-val{font-size:2.2rem}
  .data-label{font-size:12px}
  .culture-title{font-size:18px}
  .culture-desc{font-size:13px;line-height:1.7}
  .timeline-sec{padding:60px 5vw}
  .tl-year{font-size:1.8rem}
  .tl-title{font-size:15px}
  .tl-desc{font-size:13px;line-height:1.6}
  .timeline-item{margin-bottom:40px}
}

/* ═══════════════════════════════════════════════════════
   产品中心 products.html - 移动端
   ═══════════════════════════════════════════════════════ */
@media(max-width:900px){
  .products-page-inner{flex-direction:column}
  .prod-sidebar{width:100%}
  .prod-cat-list{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:0}
  .prod-cat-item{white-space:nowrap;border-bottom:none;border-right:1px solid #e8ecf4;font-size:14px;padding:14px 20px}
  .prod-grid-page{grid-template-columns:repeat(2,1fr)}
  .prod-sidebar-contact{display:none}
}
@media(max-width:768px){
  .prod-sidebar{display: none;}
  .products-page{ padding:40px 5vw;}
  .prod-grid-page{grid-template-columns:1fr}
  .prod-card-img{height:160px}
  .prod-card-body{padding:16px}
  .prod-card-name{font-size:15px;margin-bottom:6px}
  .prod-card-desc{font-size:12px;-webkit-line-clamp:2}
  .prod-card-grade{font-size:10px;padding:3px 10px}
  .prod-cat-item{font-size:13px;padding:12px 16px}
  .pagination{gap:6px;margin-top:32px}
  .page-btn{width:36px;height:36px;font-size:13px}
  .page-info{font-size:12px;margin:0 8px}
}

/* ═══════════════════════════════════════════════════════
   工程案例 cases.html - 移动端
   ═══════════════════════════════════════════════════════ */
@media(max-width:900px){
  .cases-grid{grid-template-columns:repeat(2,1fr)}
  .case-card.lg{grid-column:span 2}
  .cases-stats{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
  .cases-grid{grid-template-columns:1fr}
  .case-card.lg{grid-column:span 1;aspect-ratio:4/3}
  .cases-stats{grid-template-columns:repeat(2,1fr)}
  .cases-stat{padding:20px 12px}
  .cases-stat-num{font-size:1.6rem}
  .cases-stat-label{font-size:11px}
  .case-name{font-size:15px}
  .case-card.lg .case-name{font-size:17px}
  .case-card-overlay{padding:16px}
  .case-tag{font-size:10px;padding:3px 10px}
  .case-desc{font-size:12px}
}

/* ═══════════════════════════════════════════════════════
   设备仪器 equipment.html - 移动端
   ═══════════════════════════════════════════════════════ */
@media(max-width:900px){
  .equip-grid{grid-template-columns:1fr 1fr}
  .equip-intro p{font-size:14px;line-height:1.8}
}
@media(max-width:768px){
  .equip-grid{grid-template-columns:1fr}
  .equip-note{flex-direction:column;text-align:center;padding:24px;gap:16px}
  .equip-note-text{font-size:13px;line-height:1.8}
  .equip-card-img{height:200px}
  .equip-card-body{padding:18px}
  .equip-card-name{font-size:17px;margin-bottom:8px}
  .equip-card-desc{font-size:13px;line-height:1.7}
  .equip-card-img-tag{font-size:10px;padding:4px 12px;top:12px;right:12px}
  .equip-spec{font-size:11px;padding:3px 10px}
}

/* ═══════════════════════════════════════════════════════
   企业荣誉 honors.html - 移动端
   ═══════════════════════════════════════════════════════ */
@media(max-width:900px){
  .honors-grid{grid-template-columns:repeat(3,1fr)}
  .honors-stats{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
  .honors-grid{grid-template-columns:repeat(2,1fr);gap:16px}
  .honor-card{padding:16px 12px}
  .honor-card-name{font-size:12px;line-height:1.4}
  .honor-card-tag{font-size:10px;padding:2px 8px;margin-top:6px}
  .honor-card-img{margin-bottom:10px}
  .honors-stats{grid-template-columns:repeat(2,1fr)}
  .honor-stat{padding:20px 12px}
  .honor-stat-num{font-size:1.6rem}
  .honor-stat-label{font-size:11px}
}

/* ═══════════════════════════════════════════════════════
   新闻中心 news.html - 移动端
   ═══════════════════════════════════════════════════════ */
@media(max-width:900px){
  .news-card{flex-direction:column}
  .news-card-img{width:100%;height:200px}
  .news-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;gap:0;padding-bottom:4px}
  .news-tab{padding:12px 20px;font-size:13px;white-space:nowrap;flex-shrink:0}
  .news-card-body{padding:20px 0}
}
@media(max-width:768px){
  .news-card{flex-direction:column}
  .news-card-img{width:100%;height:180px}
  .news-card-body{padding:16px 0}
  .news-card-title{font-size:15px;line-height:1.4;margin-bottom:8px}
  .news-card-desc{font-size:13px;line-height:1.7;-webkit-line-clamp:2}
  .news-card-date{font-size:12px;margin-bottom:6px}
  .news-card-link{font-size:12px;margin-top:10px}
  .news-tab{padding:10px 16px;font-size:12px}
  .pagination{gap:6px;margin-top:32px}
  .page-btn{width:36px;height:36px;font-size:13px}
  .page-info{font-size:12px;margin:0 8px}
}

/* ═══════════════════════════════════════════════════════
   联系我们 contact.html - 移动端
   ═══════════════════════════════════════════════════════ */
@media(max-width:900px){
  .contact-cards{grid-template-columns:1fr;gap:12px}
  .contact-form-sec{grid-template-columns:1fr}
  .contact-info-right{padding:36px 24px}
}
@media(max-width:768px){
  /* 联系我们专属：Banner更紧凑 */
  .page-contact .inner-banner{height:160px}
  .page-contact .inner-banner-title{font-size:1.4rem;letter-spacing:1px}
  .page-contact .inner-banner-en{font-size:10px;margin-top:4px}
  .page-contact .breadcrumb{margin-top:6px}

  /* 内容区紧凑间距 */
  .page-contact .contact-page{padding-top:0;padding-bottom:40px}

  /* ★ 关键修复：手机端联系卡片直接可见，不等待reveal动画 */
  .page-contact .contact-card.reveal{opacity:1;transform:none;transition:none}

  /* 联系卡片：横向紧凑布局 */
  .contact-cards{grid-template-columns:1fr;gap:8px;margin-bottom:20px}
  .contact-card{padding:12px 14px;display:flex;align-items:center;text-align:left;gap:12px}
  .contact-card::before{display:none}
  .contact-card-icon{width:40px;height:40px;font-size:18px;margin:0;flex-shrink:0}
  .contact-card-title{font-size:13px;margin-bottom:2px}
  .contact-card-text{font-size:12px;line-height:1.5}
  .contact-card-text strong{font-size:14px}

  /* 表单 */
  .msg-form{grid-template-columns:1fr}
  .form-group.full{grid-column:span 1}
  .form-submit{grid-column:span 1;height:46px;font-size:14px}
  .form-msg{grid-column:span 1;font-size:13px}
  .form-input{height:44px;font-size:14px}
  .form-textarea{font-size:14px}
  .form-label{font-size:12px}

  /* 右侧信息 */
  .contact-info-right h3{font-size:18px;margin-bottom:18px}
  .contact-info-content{font-size:13px;line-height:1.7}
  .contact-info-content strong{font-size:15px}

  /* 地图 */
  .contact-map-inner{flex-direction:column;gap:20px;padding:24px}
  .contact-map-marker{width:60px;height:60px;font-size:28px}
  .contact-map-right{padding:20px}
  .contact-map-title{font-size:16px}
  .contact-map-addr{font-size:13px;line-height:1.7}
  .contact-form-desc{font-size:13px;line-height:1.8}
}