@charset "UTF-8";
/* ==========================================================================
   南京外箱站 · CMS 主题补充样式
   在 style.css（静态设计系统）之后加载，只做「静态页 → CMS 动态输出」的衔接，
   复用既有设计令牌（--navy / --kraft / --line / --mono），不引入新视觉语言。
   ========================================================================== */

/* ---------- 1. 分页：把 TP5 Bootstrap 分页对齐到设计系统 ---------- */
.pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;margin-top:26px}
.pager ul.pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;margin:0;padding:0;list-style:none}
.pager ul.pagination>li{display:inline-block}
.pager ul.pagination>li>a,
.pager ul.pagination>li>span{
  display:inline-block;min-width:38px;padding:5px 12px;text-align:center;
  border:1px solid var(--line);border-radius:999px;background:#fff;
  font-family:var(--mono);font-size:15px;font-weight:600;color:var(--ink-600);
  transition:160ms ease-out;
}
.pager ul.pagination>li>a:hover{border-color:var(--kraft);background:var(--kraft-bg);color:#7A6220}
.pager ul.pagination>li.active>span,
.pager ul.pagination>li.active>a{background:var(--navy);border-color:var(--navy);color:#fff;font-weight:700}
.pager ul.pagination>li.disabled>span,
.pager ul.pagination>li.disabled>a{color:#B7C0CB;background:var(--surface-2);border-color:var(--line)}

/* ---------- 2. 筛选标签：CMS 输出为 <a>，去掉默认下划线 ---------- */
.filter-card .chips a.chip{text-decoration:none}
.filter-card+.note-mono{margin-top:10px}

/* ---------- 3. 列表 / 详情通用小件 ---------- */
.empty-box{padding:26px;border:1px dashed var(--line);border-radius:var(--r);background:var(--surface-2);text-align:center;color:var(--ink-500)}
.empty-box a{color:var(--navy-2);font-weight:700}
.empty-box a:hover{color:var(--kraft)}

.meta-mono{margin-top:6px;font-family:var(--mono);font-size:13.5px;font-weight:600;color:var(--ink-400);letter-spacing:.3px}

/* 资讯列表：头条横向卡 */
.news-top{display:grid;grid-template-columns:360px 1fr;gap:0;overflow:hidden}
.news-top .card-title{font-size:19px}
@media (max-width:768px){.news-top{grid-template-columns:1fr}}

/* ---------- 4. 正文（后台富文本 content 输出） ---------- */
.prose img{width:100%;height:auto;margin:14px 0;border-radius:var(--r);border:1px solid var(--line)}
.prose table{width:100%;margin:16px 0;border-collapse:collapse;font-size:15px}
.prose th,.prose td{border:1px solid var(--line);padding:8px 12px;text-align:left}
.prose th{background:var(--surface-2);font-weight:700}
.prose blockquote{margin:16px 0;padding:12px 16px;border-left:3px solid var(--kraft);background:var(--kraft-bg);color:var(--ink-600)}

/* ---------- 5. 单页：正文与侧栏的比例 ---------- */
.single-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:34px;align-items:start}
@media (max-width:992px){.single-grid{grid-template-columns:1fr;gap:24px}}

/* ---------- 6. 表单（询价 / 自定义表单） ---------- */
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
@media (max-width:640px){.form-grid{grid-template-columns:1fr}}

/* 6.1 异步提交提示：成功 / 失败 / 进行中三态，就地替代跳转「感谢页」 */
.form-msg{display:none;margin:10px 0 0;padding:9px 12px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface-2);font-size:14.5px;line-height:1.6;color:var(--ink-600)}
.form-msg:not(:empty){display:block}
.form-msg.is-ok{border-color:#B7D9BE;background:#F2FAF4;color:#245C33}
.form-msg.is-err{border-color:#E7C2BC;background:#FDF4F3;color:#8E2F22}
.form-msg+.form-note{margin-top:8px}

/* ---------- 7. 产品详情页：4 列相关推荐 ---------- */
.rec-grid-4{grid-template-columns:repeat(4,1fr)}
@media (max-width:1200px){.rec-grid-4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:768px){.rec-grid-4{grid-template-columns:1fr;gap:18px}}

/* ---------- 8. FAQ 折叠列表 ---------- */
.faq-list{display:grid;gap:10px;max-width:900px}
.faq-item{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.faq-list .faq-item:last-child{border-bottom:1px solid var(--line)}
.faq-item summary{cursor:pointer;padding:14px 16px;font-weight:700;color:var(--ink-900);list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:'+';font-family:var(--mono);font-size:18px;color:var(--kraft);font-weight:700}
.faq-item[open] summary::after{content:'−'}
.faq-ans{padding:0 16px 16px;color:var(--ink-600);line-height:1.8}
.faq-ans p+p{margin-top:10px}

/* ---------- 9. 产品视频与右侧说明 ---------- */
.video-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,340px);gap:26px;align-items:start}
.video-col{min-width:0}
/* 视频块描边与工艺说明卡片一致：发丝浅灰线，替代深蓝重边 */
.media-video{border-color:var(--line)}
/* 日期统一不加粗（k-meta 用于首页/列表/文章页的日期行） */
.k-meta, .k-meta time{font-weight:400}
/* 品类页顶部代表图：21:4（图与比例不符时由 .media img 的 object-fit:cover 居中裁切） */
.ratio-21x4{aspect-ratio:21/4}
.video-col .media-video{max-width:none;margin:0}
.video-desc-col{min-width:0}
.video-desc-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:18px 20px;height:100%}
.video-desc-card .card-title{font-size:17px;font-weight:700;margin:0 0 10px;color:var(--ink-900)}
.video-desc-text{color:var(--ink-600);line-height:1.8;white-space:pre-line}
@media (max-width:992px){
  .video-grid{grid-template-columns:1fr}
  .video-desc-col{margin-top:18px}
}

/* ---------- 10. 工厂页 · 视频章节 / 侧栏布局 / 双表 ---------- */
.lay-300video{grid-template-columns:1fr 300px;gap:22px;align-items:stretch}
.lay-2-22{grid-template-columns:1fr 1fr;gap:22px}
.layout,.layout-380{display:grid;grid-template-columns:1fr 380px;gap:30px;align-items:start}
.layout-340{grid-template-columns:1fr 340px}
.sticky-side{position:sticky;top:132px}
.chapters{display:flex;flex-direction:column;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r);background:#fff}
.chapters .ch-h{margin-bottom:6px;font-size:15.5px;font-weight:800;color:var(--ink-900)}
.chapters .ch-h small{margin-left:4px;font-family:var(--mono);font-size:12.5px;font-weight:600;color:var(--ink-400)}
.chapters ol{flex:1;font-size:13.5px;line-height:2;color:var(--ink-500)}
.chapters li{display:flex;gap:7px;cursor:pointer;transition:160ms ease-out}
.chapters li b{flex:none;font-family:var(--mono);font-weight:800;color:var(--kraft)}
.chapters li:hover{color:var(--navy-2)}
.chapters li.on{color:var(--navy);font-weight:700}
.chapters .ch-f{margin-top:8px;font-family:var(--mono);font-size:13.5px;font-weight:600;color:var(--ink-400)}

/* 设备实拍卡片：图下 mono 型号 */
.card-spec{display:block;font-family:var(--mono);font-size:13.5px;font-weight:600;color:var(--ink-400);letter-spacing:.3px;margin-top:6px;font-variant-numeric:tabular-nums}

/* 询盘表单图形验证码弹窗（在线询价 / 预约到厂 / 我要做同款 通用） */
.cap-dlg-mask{display:none;position:fixed;inset:0;z-index:999;background:rgba(14,28,46,.55);backdrop-filter:blur(2px);align-items:center;justify-content:center;padding:20px}
.cap-dlg-mask.on{display:flex}
.cap-dlg{width:min(340px,92vw);max-height:calc(100vh - 40px);overflow:auto;background:#fff;border-radius:var(--r);padding:22px 22px 18px;box-shadow:var(--sh-3)}
.cap-dlg-t{margin:0 0 4px;font-size:18px;font-weight:800;color:var(--ink-900)}
.cap-dlg-s{margin:0 0 14px;font-size:13.5px;color:var(--ink-400);line-height:1.6}
.cap-dlg-row{display:flex;gap:10px;align-items:center}
.cap-dlg-input{flex:1;min-width:0;padding:10px 12px;font-size:16px;letter-spacing:1px;border:1px solid var(--line);border-radius:8px;color:var(--ink-900);background:var(--surface-2)}
.cap-dlg-input:focus{outline:none;border-color:var(--kraft);background:#fff;box-shadow:0 0 0 3px rgba(217,158,73,.18)}
.cap-dlg-q{flex:1;min-width:0;padding:10px 12px;font-family:var(--mono);font-size:20px;font-weight:700;letter-spacing:1px;color:var(--ink-900);background:var(--kraft-bg);border:1px dashed var(--kraft-line);border-radius:8px;text-align:center;white-space:nowrap}
.cap-dlg-fresh{flex:none;padding:10px 12px;font-size:13.5px;font-weight:600;color:var(--navy-2);background:#fff;border:1px solid var(--line);border-radius:8px;cursor:pointer;transition:160ms ease-out}
.cap-dlg-fresh:hover{border-color:var(--kraft);color:var(--kraft);background:var(--kraft-bg)}
.cap-dlg-note{min-height:18px;margin:8px 0 4px;font-size:13px;color:#C0392B}
.cap-dlg-note.ok{color:var(--ok)}
.cap-dlg-btns{display:flex;gap:10px;margin-top:8px}
.cap-dlg-cancel{flex:1;padding:10px 0;font-size:15px;font-weight:600;border:1px solid var(--line);border-radius:var(--r-lg);background:#fff;color:var(--ink-600);cursor:pointer}
.cap-dlg-ok{flex:1.4;padding:10px 0;font-size:15px;font-weight:700;border:none;border-radius:var(--r-lg);background:var(--kraft);color:#fff;cursor:pointer}
.cap-dlg-ok:hover{background:var(--kraft-2)}
.cap-dlg-ok:disabled{opacity:.65;cursor:default}
.cap-dlg-cancel:hover{background:var(--surface-2)}

/* 三列规格表 */
.tbl-scroll .spec{width:100%;background:#fff;border-radius:var(--r)}
.spec th,.spec td{border:1px solid var(--line);padding:8px 12px;font-size:14px;text-align:left;vertical-align:top;line-height:1.7}
.spec thead th{background:var(--surface-2);font-size:14px;font-weight:700;color:var(--ink-700);letter-spacing:.3px}
.spec td{color:var(--ink-600)}
.spec td:first-child{color:var(--ink-900);font-weight:600;white-space:nowrap}
.spec .n{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--ink-800)}
.spec tbody tr:hover{background:var(--surface-2)}

/* 表单卡（带图：图+fc-body） */
.form-card{border:1px solid var(--line);border-radius:var(--r);background:#fff;box-shadow:var(--sh-1)}
.form-card-flush{padding:0;overflow:hidden;display:flex;flex-direction:column}
.form-card-flush .media{border-radius:0;border-left:none;border-right:none;border-top:none}
.fc-body{padding:16px 18px}
.fc-t{font-size:18px;font-weight:800;color:var(--ink-900);margin:0 0 4px}
.fc-s{margin-bottom:12px;font-size:14.5px;line-height:1.8;color:var(--ink-500)}

.note-mono{margin-top:8px;font-family:var(--mono);font-size:14px;font-weight:500;line-height:1.8;color:var(--ink-400)}
.note-mono.warn{color:var(--warn)}

/* 表单字段（与表单页同款） */
.form .field{margin-bottom:12px}
.form .field label{display:block;font-size:14.5px;font-weight:600;color:var(--ink-700);margin-bottom:6px}
.form .field label em{color:var(--danger);font-style:normal;margin-left:2px}
.form .field input,.form .field select,.form .field textarea{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:8px;font-size:15px;background:#fff;color:var(--ink-900);transition:160ms ease-out}
.form .field input:focus,.form .field select:focus,.form .field textarea:focus{outline:none;border-color:var(--kraft);box-shadow:0 0 0 3px rgba(217,158,73,.18)}
.form .field .hint{display:block;margin-top:4px;font-size:12.5px;color:var(--ink-400)}
.form .form-actions{margin-top:6px}
.form-note{margin-top:10px;font-family:var(--mono);font-size:12.5px;color:var(--ink-400);text-align:center}

@media (max-width:1100px){
  .layout,.layout-380{grid-template-columns:1fr 340px;gap:24px}
}
@media (max-width:992px){
  .layout,.layout-380,.layout-340,.lay-300video,.lay-2-22{grid-template-columns:1fr;gap:22px}
  .sticky-side{position:static}
}
@media (max-width:768px){
  .spec th,.spec td{padding:7px 9px;font-size:13.5px}
  .lay-2-22{gap:16px}
}

/* ---------- 11. 工厂页 · 生产流程 7 步（三行：序号 / 标题 / 说明） ---------- */
.flow-7 .step{position:relative;display:flex;flex-direction:column;padding:18px 14px 20px 16px;border-right:1px solid var(--line);background:#fff}
.flow-7 .step:last-child{border-right:1px solid var(--line)}
.flow-7 .step u{position:static;display:block;text-decoration:none;font-family:var(--mono);font-size:22px;font-weight:800;color:var(--kraft);line-height:1;margin-bottom:8px}
.flow-7 .step b{display:block;font-size:17px;font-weight:700;color:var(--ink-900);line-height:1.4;margin-bottom:6px}
.flow-7 .step span{display:block;font-size:14px;color:var(--ink-400);line-height:1.7}
@media (max-width:1100px){
  .flow-7 .step:nth-child(4n){border-right:1px solid var(--line)}
  .flow-7 .step:nth-child(4n+1){border-left:1px solid var(--line)}
}
@media (max-width:560px){
  .flow-7 .step:nth-child(2n){border-right:1px solid var(--line)}
  .flow-7 .step:nth-child(2n+1){border-left:1px solid var(--line)}
}

/* ---------- 12. 工厂全景导览页 ---------- */
.panorama-hero{padding:48px 0 24px;background:linear-gradient(180deg,#0E1C2E 0%,#123458 100%);color:#fff;text-align:center}
.panorama-hero h1{font-size:34px;font-weight:800;margin:0 0 10px;letter-spacing:1px}
.panorama-sub{font-size:16px;color:#cbd6e6;margin:0 0 6px}
.panorama-desc{font-size:14px;color:#9eb1cc;margin:0}

.panorama-player{padding:32px 0 56px;background:#F4F6F8}
.panorama-player-in{display:grid;grid-template-columns:1fr 360px;gap:24px;align-items:start}
.panorama-video-wrap{background:#000;border-radius:10px;overflow:hidden;min-height:280px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(15,30,55,.12)}
.panorama-video-wrap video{width:100%;height:auto;display:block;background:#000}
.panorama-empty{padding:60px 30px;text-align:center;color:#cbd6e6}
.panorama-empty .fa{font-size:46px;display:block;margin-bottom:14px;color:#4f6488}
.panorama-empty p{margin:0;font-size:15px;line-height:1.7;color:#cbd6e6}

.panorama-chapters{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px 18px 14px;box-shadow:0 4px 14px rgba(15,30,55,.05);position:sticky;top:12px}
.panorama-chapters-head{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:10px}
.panorama-chapters-head h2{margin:0;font-size:18px;color:var(--ink-900);font-weight:700}
.panorama-chapters-head h2 .fa{color:var(--kraft);margin-right:6px}
.panorama-total{font-size:13px;color:var(--ink-400)}
.panorama-chapter-list{list-style:none;margin:0;padding:0;max-height:560px;overflow:auto}
.panorama-chapter{width:100%;display:flex;align-items:flex-start;gap:10px;text-align:left;background:#F8FAFC;border:1px solid var(--line);border-radius:8px;padding:10px 12px;margin:0 0 8px;cursor:pointer;transition:all .15s ease;color:var(--ink-900)}
.panorama-chapter:hover{background:#FFF5E8;border-color:#E9C28B;transform:translateY(-1px)}
.panorama-chapter.on{background:#FFE9C9;border-color:#E9A24B;box-shadow:0 4px 10px rgba(233,143,42,.18)}
.panorama-chapter-time{flex:0 0 auto;font-family:var(--mono);font-weight:700;color:#C2410C;font-size:14px;background:#FFF5E8;border:1px solid #E9C28B;border-radius:6px;padding:3px 8px;line-height:1.2}
.panorama-chapter-body{flex:1 1 auto;display:flex;flex-direction:column;min-width:0}
.panorama-chapter-label{font-size:14.5px;font-weight:600;color:var(--ink-900);line-height:1.4}
.panorama-chapter-desc{font-size:12.5px;color:var(--ink-400);line-height:1.55;margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.panorama-chapter .fa-play-circle{flex:0 0 auto;color:var(--ink-400);font-size:18px;margin-top:2px}
.panorama-chapter:hover .fa-play-circle,.panorama-chapter.on .fa-play-circle{color:#C2410C}
.panorama-empty-mini{font-size:13px;color:var(--ink-400);background:#F8FAFC;border:1px dashed var(--line);border-radius:8px;padding:14px;text-align:center;margin:0}

.panorama-tips{padding:0 0 48px;background:#F4F6F8}
.panorama-tip-card{display:flex;align-items:flex-start;gap:14px;background:#fff;border:1px solid var(--line);border-left:4px solid var(--kraft);border-radius:8px;padding:16px 20px;color:var(--ink-900)}
.panorama-tip-card .fa{font-size:26px;color:var(--kraft);line-height:1}
.panorama-tip-card b{display:block;font-size:15px;margin-bottom:4px}
.panorama-tip-card p{margin:0;font-size:13.5px;color:var(--ink-400);line-height:1.7}

@media (max-width:1024px){
  .panorama-player-in{grid-template-columns:1fr}
  .panorama-chapters{position:static}
}
@media (max-width:560px){
  .panorama-hero h1{font-size:26px}
  .panorama-chapter-desc{display:none}
}

/* ============== 性能与移动端微调（2026-09-21）============== */
/* 移动端 tap target ≥44px（Apple HIG / WCAG AA） */
@media (max-width:768px){
  .btn, .btn-k, .btn-k-sm, .qb-cta, .nav-tel, .site-header a, .main-nav a,
  .rec-card, .news-card, .nap-row, .pc-tab, .pc-tab a, .pc-filter a,
  .chapter, .pc-tag, .qb-tel, .header-tel { min-height:44px; }
  .main-nav a { padding:14px 12px; }
  .btn { padding:14px 18px; font-size:16px; }
  .qb-cta, .qb-tel { padding:14px 16px; }
  /* 避免 300ms tap delay：声明 pointer 行为 */
  a, button, .btn { touch-action:manipulation; }
}
/* 图片性能优化 */
img { max-width:100%; height:auto; }
/* 文本字号禁小于 12px（移动可读） */
html { -webkit-text-size-adjust:100%; text-size-adjust:100%; }
/* prefers-reduced-motion：尊重系统降级动画 */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after { animation-duration:.01ms !important; transition-duration:.01ms !important; scroll-behavior:auto !important; }
}

/* ============== 页头 Logo 换图片版（2026-09-30）============== */
.site-header .logo img {
  height: 42px; width: auto; max-width: none; display: block;
}
@media (max-width:768px) {
  .site-header .logo img { height: 34px; }
}

/* 数字滚动动画不吞单位：cnum 只包数字，单位放 small */
.stats-band .st .cnum { font-style: normal; }
/* 首页 hero 视频比例 16:9 */
.hero-video { aspect-ratio: 16 / 9; }

/* 页头 Logo 放大 1.5 倍 */
.site-header .logo img { height: 63px; }
@media (max-width:768px) {
  .site-header .logo img { height: 51px; }
}

/* Logo 缩小到上一版 90%，并换 3x 高清图（450x150）保证放大不糊 */
.site-header .logo img { height: 57px; }
@media (max-width:768px) {
  .site-header .logo img { height: 46px; }
}

/* Logo 高度 45px，宽度按原图比例自适应 */
.site-header .logo img { height: 45px; }
@media (max-width:768px) {
  .site-header .logo img { height: 32px; }
}

/* Logo 高度改 40px */
.site-header .logo img { height: 40px; }
@media (max-width:768px) {
  .site-header .logo img { height: 28px; }
}

/* 首页 hero 视频封面图显示，并加暗色遮罩保证文字可读 */
.hero-video .video-poster { display: block !important; z-index: 0; }
.hero-video::before {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(14,28,46,.28);
  z-index: 1;
  pointer-events: none;
}

/* 首页 hero 视频区适度放大：右侧列与左侧等宽，去掉 hero-data 后视频自然更高（仅桌面，避免覆盖移动端单列断点） */
@media (min-width:993px){
  .hero-cols { grid-template-columns: 1fr 1fr; }
}
.hero-media { gap: 0; }

/* 卡片图片整块可点：首页「按楞型 / 按用途快速找箱」点击图片直达对应品类页
   （a 绝对定位铺满 .media，无图时占位说明同样可点；悬停轻微放大提示可点击） */
.media-link{position:absolute;inset:0;display:block;z-index:2}
.media-link img{transition:transform .35s ease-out}
.media-link:hover img,.media-link:focus-visible img{transform:scale(1.04)}

/* 六步定制流程：数字/标题/描述三行展示 */
.flow .step { display: flex; flex-direction: column; padding: 16px 14px; }
.flow .step u { position: static; font-size: 18px; margin-bottom: 6px; }
.flow .step b { margin-top: 0; }
.flow .step span { margin-top: 6px; }

/* 资讯详情页：右侧目录侧栏收窄到 280px，让正文区域更宽 */
.layout-news { grid-template-columns: minmax(0, 1fr) 280px; }
@media (max-width:1200px){
  .layout-news { grid-template-columns: minmax(0, 1fr) 260px; }
}
@media (max-width:992px){
  .layout-news { grid-template-columns: 1fr; }
  .layout-news .sticky-side { position: static; }
}

/* 工厂实力页：没有资质时检测项目单栏占满整行宽度 */
.lay-1 { grid-template-columns: 1fr; }
.lay-1 > div { max-width: none; margin: 0; width: 100%; }

/* 工厂实力页：生产流程 5 步 */
.flow-5 { grid-template-columns: repeat(5, 1fr); }
@media (max-width:1100px){
  .flow-5 { grid-template-columns: repeat(3, 1fr); }
}

/* 页脚：NAP 联系列加宽（原 1.4fr），地址「南京市江宁区陆郎社区六顺园路 10-1 号」一行完整显示
   —— 仅桌面生效；≤992 由 style.css 的 2 列断点接管，≤768 由文件末尾移动端块改单列 */
@media (min-width:993px){
  .footer-grid{grid-template-columns:1.4fr 1fr 1fr minmax(335px,1.55fr)}
}

/* 工厂实力页：Hero 背景替换为工厂实拍图（仅本页），左侧保留渐变保证白字可读，右侧透明显示原图 */
/* 高度与首页 .hero 对齐（桌面端 476px）；文字块顶部对齐，使面包屑位置等同首页 eyebrow（偏移 52px） */
.hero-sm.hero-factory {
  background: url('../images/factory-hero.png?v=20261011h') center center / cover no-repeat;
  display:flex;align-items:flex-start;min-height:476px;
}
.hero-sm.hero-factory .hero-sm-in{width:100%}
.hero-sm.hero-factory .flute-edge{position:absolute;left:0;right:0;bottom:-1px;margin:0}
/* 文字样式与首页 hero 统一：h1 36px/1.35/字距1px，说明段上边距 14px */
.hero-sm.hero-factory h1{font-size:36px;line-height:1.35;letter-spacing:1px}
.hero-sm.hero-factory .lead{margin-top:14px}
.hero-sm.hero-factory .lead strong{color:#F4D9AC;font-weight:700}
.hero-sm.hero-factory .eyebrow{margin-bottom:16px}
@media (max-width:992px){
  .hero-sm.hero-factory h1{font-size:30px}
}
@media (max-width:768px){
  .hero-sm.hero-factory{min-height:0}
  .hero-sm.hero-factory .flute-edge{position:static}
  .hero-sm.hero-factory .lead{font-size:16px}
}
@media (max-width:560px){
  .hero-sm.hero-factory h1{font-size:26px}
}
.hero-sm.hero-factory::before {
  background-image:
    linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px),
    linear-gradient(120deg, rgba(11,31,58,.55) 0%, rgba(15,43,76,.32) 42%, rgba(18,52,88,0) 65%);
  background-size: 38px 38px, 38px 38px, cover;
}

/* ==========================================================================
   移动端适配（2026-10-16）：
   规则 —— 每一行 / 每个区块只放一个内容模块，内容必须完整显示，
          放不下就换行，禁止把两个模块挤在同一行里。
   说明：本文件早先有几条「无媒体查询」的全局覆盖（.footer-grid / .hero-cols），
        会穿透 style.css 的小屏断点，导致手机端四栏页脚挤成竖排文字、
        首屏两栏挤压溢出 —— 这里统一在文件末尾用同特异性规则压回来。
   ========================================================================== */
@media (max-width:768px){

  /* ---------- 页头：logo 一行，导航一行（横向滑动），一行一个模块 ---------- */
  .site-top{position:static}              /* 移动端不吸附，避免顶部块过高遮挡内容 */
  .site-header{height:auto}
  .header-in{flex-direction:column;align-items:center;gap:8px;padding:12px 0}
  .main-nav{
    display:flex;flex-wrap:nowrap;justify-content:flex-start;
    gap:2px;margin-left:0;width:100%;font-size:15px;
    overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;
  }
  .main-nav::-webkit-scrollbar{display:none}
  .main-nav a{flex:none;white-space:nowrap;padding:10px 11px;border-bottom-width:2px}
  .header-tel{display:none}               /* 电话在下方询价条完整展示，不重复占行 */

  /* ---------- 悬浮询价条：电话 / 说明 / 按钮各占一行，说明完整换行 ---------- */
  .quote-bar-in{flex-direction:column;align-items:stretch;gap:8px;padding:14px 0;text-align:center}
  .qb-tel{font-size:18px;text-align:center}
  .quote-bar-in span{white-space:normal;overflow:visible;text-overflow:clip;font-size:14px;line-height:1.8}
  .qb-cta{margin-left:0}

  /* ---------- 首屏 hero：文案一块、视频一块，纵向排布 ---------- */
  .hero-cols{grid-template-columns:1fr;gap:26px}
  .hero h1{font-size:27px}
  .hero-data{grid-template-columns:repeat(3,1fr);gap:8px}

  /* ---------- 分类入口 / 流程 / 卡片墙：每行一个 ---------- */
  .cat-wrap{grid-template-columns:1fr}
  .cat-grid{grid-template-columns:1fr}
  .flow{grid-template-columns:1fr}
  .flow .step:nth-child(n){border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
  .flow .step:last-child:nth-child(n){border-bottom:1px solid var(--line)}
  .flow-7{grid-template-columns:1fr}
  .flow-7 .step:nth-child(n){border-right:1px solid var(--line)}

  /* ---------- 首页六步定制流程（flow-6）/ 工厂页生产流程 5 步（flow-5）：
       手机端也排成每行 3 个 —— 六步 = 2 行 × 3，五步 = 第一行 3 个 / 第二行 2 个
       （仅窄屏生效，桌面/平板维持原状；格内文字缩号缩距，窄格才放得下） ---------- */
  .flow-6,.flow-5{grid-template-columns:repeat(3,1fr)}
  .flow-6>*,.flow-5>*{min-width:0}
  .flow-6 .step,.flow-5 .step{padding:12px 8px}
  .flow-6 .step u,.flow-5 .step u{font-size:16px;margin-bottom:4px}
  .flow-6 .step b,.flow-5 .step b{font-size:14.5px;line-height:1.35}
  .flow-6 .step span,.flow-5 .step span{font-size:12px;line-height:1.5;margin-top:4px;word-break:break-word}
  /* 三列右侧边框：行尾（第 3、6 格）与末格补回，其余去掉避免与邻格左边框叠成双线 */
  .flow-6 .step:nth-child(n),.flow-5 .step:nth-child(n){border-right:none;border-bottom:1px solid var(--line)}
  .flow-6 .step:nth-child(3n),.flow-5 .step:nth-child(3n),
  .flow-6 .step:last-child,.flow-5 .step:last-child{border-right:1px solid var(--line)}
  /* 第二行起去掉顶边框，只留第一行的底边框，避免行间出现 2px 双线 */
  .flow-6 .step:nth-child(n+4),.flow-5 .step:nth-child(n+4){border-top:none}

  /* ---------- 通用多列卡栅格：全部单列 ---------- */
  .g2,.g3,.g4,.g5,.g4.case-grid,.case-grid,.rec-grid-4,.fk-grid,.news-top{grid-template-columns:1fr}
  .profile-facilities.g5{grid-template-columns:1fr}
  .lay-2-22,.lay-300video,.video-grid,.form-grid{grid-template-columns:1fr}
  .stats-in{grid-template-columns:repeat(2,1fr)}   /* 纯数字小卡，2 列可完整显示 */

  /* ---------- 页脚：一个区块占满一行，文字正常横排 ---------- */
  .footer-grid{grid-template-columns:1fr;gap:24px}
  .footer-bot{flex-direction:column;gap:6px}
  /* NAP 行：标签与内容不再互相挤压（防止内容被挤成一字一行） */
  .nap div{flex-wrap:wrap;gap:4px 8px}
  .nap i{width:auto;min-width:44px;flex:none}
  .nap b{min-width:0;word-break:break-word}

  /* ---------- 转化条：文案与按钮各占一行 ---------- */
  .cta-bar-in{flex-direction:column;align-items:stretch;text-align:center;gap:14px}
  .cta-bar .btn{margin-left:0}

  /* ---------- 栅格子项最小宽度归零：防止宽内容把单列撑破 ---------- */
  .layout>*,.layout-380>*,.layout-340>*,.lay-300video>*,.lay-2-22>*,.video-grid>*,
  .single-grid>*,.layout-news>*,.g2>*,.g3>*,.g4>*,.g5>*{min-width:0}
  /* 工厂全景视频位：min-height+aspect-ratio 会传递出 427px 最小宽，单列下改为由宽度定高 */
  .lay-300video .media-video{min-height:0;width:100%;aspect-ratio:16/9}
}

/* SEM 落地页「为什么选我们」：桌面 2 列，移动 1 列（模板改用类名，不再写死内联样式） */
.reasons{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:10px}
@media (max-width:768px){
  .reasons{grid-template-columns:1fr}
}