
/* ===== 首页运行态：画布自适应 + 768px 双结构切换 ===== */
body{margin:0!important;background:#fff!important}
.stage-wrap{margin:0!important;padding:0!important;width:100%!important;max-width:none!important}
.stage-label,.toolbar,.canvas-pc .ruler{display:none!important}
.canvas-pc{width:100%!important;max-width:none!important;margin:0!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important}
.canvas-mo{max-width:none!important}
/* 首页 hero 全宽 + 高度收敛，与内页头部协调 */
.pc-hero{height:460px!important}
/* 适用范围标签：文字垂直居中 + 胶囊高度收缩 + 对比度达标 */
.prod-card .tag{display:inline-flex;align-items:center;justify-content:center;
  height:22px;padding:0 10px;line-height:1;flex:none;color:#525c74}
/* 首页分栏间距收敛，避免板块间留白过大 */
.pc-sec{padding:64px 0!important}
.pc-sec-head{margin-bottom:40px!important}
/* 首页顶底统一走全站模板：画布自带的顶栏 / 产品带 / 页脚隐藏，
   改用与 15 个内页完全相同的那一套，方便后期抽成独立模板文件 */
.canvas-pc .pc-topbar,.canvas-pc .pc-prodnav,.canvas-pc .pc-footer,
.canvas-mo .mo-topbar,.canvas-mo .mo-footer{display:none!important}
.stage-mo-wrap{display:none}
@media (max-width:768px){
  .stage-pc-wrap{display:none!important}
  .stage-mo-wrap{display:block!important}
}
/* ===== 站点运行态修正（覆盖评审稿样式） ===== */
html{-webkit-text-size-adjust:100%}
body{margin:0!important;background:#fff!important}
.frame,.frame-cap,.toolbar{display:none!important}
.page{display:block!important}
.zone{border:0!important;margin:0!important;background:transparent!important}
/* 注意：p2/p4/p5/p6 的正文块是 <div class="section zone">，section 的上下留白不能清零，
   否则正文会与 banner / 页脚贴死 */
.zone:not(.section){padding:0!important}
.section.zone{padding:48px 24px!important;max-width:1200px;margin-left:auto;margin-right:auto}
.zone-tag{display:none!important}
/* 分页与下方批量采购条的间距 */
.pager + .bulk-bar{margin-top:28px}
.pc-inner{width:100%!important}
.mo-footer{display:none!important}

/* 移动端菜单（首页复用） */
.mo-menu{display:none}
@media (max-width:768px){
  .mo-menu{display:block;position:fixed;top:0;right:0;bottom:0;width:80%;max-width:330px;
    background:#fff;z-index:120;transform:translateX(101%);transition:transform .26s ease;
    overflow-y:auto;padding:14px 18px}
  .mo-menu.open{transform:translateX(0)}
  .mo-menu .mm-hd{display:flex;align-items:center;justify-content:space-between;
    padding-bottom:10px;border-bottom:1px solid #e6eaf2;margin-bottom:6px}
  .mo-menu .mm-close{background:none;border:0;font-size:24px;line-height:1;color:#8a94a6;cursor:pointer}
  .mo-menu a{display:block;padding:13px 2px;border-bottom:1px solid #e6eaf2;
    color:#162648;font-size:15px;text-decoration:none}
  .mo-menu .mm-tel{display:block;margin-top:16px;background:#e60012;color:#fff;text-align:center;
    border-radius:6px;padding:12px 0;font-weight:600}
  .mo-mask{display:none;position:fixed;inset:0;background:rgba(9,31,60,.45);z-index:110}
  .mo-mask.open{display:block}
}
