/* ===== comm-foot 原 style 块 1 ===== */
/* ===== 图片封面视频播放（首页厂区图 / 关于我们厂区图） ===== */
.video-cover{position:relative;display:block;overflow:hidden;cursor:pointer}
.video-cover>img{display:block;width:100%;object-fit:cover;transition:transform .6s cubic-bezier(.22,1,.36,1)}
.video-cover:hover>img{transform:scale(1.04)}
.video-cover::before{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(circle at 50% 52%,rgba(8,18,32,.30) 0%,rgba(8,18,32,0) 62%);opacity:1;transition:opacity .35s}
.video-cover:hover::before{opacity:.6}
.video-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:4;width:76px;height:76px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.94);color:#1565C0;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 14px 38px rgba(6,16,32,.32);transition:transform .35s cubic-bezier(.22,1,.36,1),background .3s,color .3s}
.video-play-btn svg{width:26px;height:26px;fill:currentColor;margin-left:4px}
.video-play-btn:hover{transform:translate(-50%,-50%) scale(1.08);background:#fff;color:#0D47A1}
.video-play-btn::after{content:'';position:absolute;inset:0;border-radius:50%;border:2px solid rgba(255,255,255,.75);animation:videoPulse 2.4s ease-out infinite;pointer-events:none}
@keyframes videoPulse{0%{transform:scale(1);opacity:.85}70%{transform:scale(1.45);opacity:0}100%{transform:scale(1.45);opacity:0}}
/* 播放弹窗 */
.video-modal{position:fixed;inset:0;z-index:9998;display:flex;align-items:center;justify-content:center;padding:40px 24px;background:rgba(6,14,26,.9);opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.video-modal.show{opacity:1;visibility:visible}
.video-modal-box{position:relative;width:min(1080px,100%);border-radius:14px;overflow:hidden;background:#000;box-shadow:0 30px 90px rgba(0,0,0,.65);transform:scale(.96);transition:transform .3s}
.video-modal.show .video-modal-box{transform:scale(1)}
.video-modal-body{position:relative;width:100%;aspect-ratio:16/9;background:#000}
.video-modal-body video,.video-modal-body iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;background:#000}
.video-modal-close{position:absolute;top:12px;right:12px;z-index:5;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:rgba(10,22,40,.62);color:#fff;font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .25s}
.video-modal-close:hover{background:rgba(21,101,192,.95)}
@media(max-width:768px){
  .video-play-btn{width:56px;height:56px}
  .video-play-btn svg{width:20px;height:20px;margin-left:3px}
  .video-modal{padding:24px 12px}
  .video-modal-close{top:8px;right:8px;width:34px;height:34px;font-size:17px}
}

/* ===== 手机端底部快捷导航（≤768 显示，桌面隐藏） ===== */
.m-bar{display:none}
@media(max-width:768px){
  .m-bar{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;z-index:900;background:var(--primary);border-top:0;box-shadow:0 -4px 20px rgba(10,22,40,.22);padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px));transition:transform .3s ease}
  .m-bar-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 2px 5px;border-radius:10px;font-size:11px;line-height:1.2;color:rgba(255,255,255,.85);text-decoration:none;transition:background .2s,color .2s;-webkit-tap-highlight-color:transparent}
  .m-bar-item svg{width:22px;height:22px;fill:currentColor;transition:fill .2s}
  .m-bar-item:active{background:rgba(255,255,255,.16);color:#fff}
  .m-bar-item.is-active{background:rgba(255,255,255,.18);color:#fff;font-weight:700}
  .m-bar-tel{color:#fff;font-weight:700}
  .m-bar-tel svg{width:23px;height:23px}
  /* 手机端不再显示深色整块页脚，改用底部 4 按钮 */
  .footer-new{display:none!important}
  body{padding-bottom:66px}
  .back-top{bottom:80px;right:14px;width:42px;height:42px;background:#fff!important;box-shadow:0 4px 16px rgba(10,22,40,.22)}
  .back-top:hover{background:#fff!important}
  .back-top svg{fill:var(--primary)!important}
  body.m-nav-open .m-bar{transform:translateY(100%)}
}