/*
 * ZIT 重设计层｜2026-09-17
 * 令牌与 @font-face 在 tokens.css。本层只做视觉重构，不改断点体系（768 / 1024）。
 * 设计出处：商标红点 = PCB 基准点；45° 切角 = PCB 走线只走正交与 45° 的约定。
 */

/* ── 基础排印 ───────────────────────────────────────── */
.zit-site h1,.zit-site h2,.zit-site h3,.zit-site h4{font-weight:800;letter-spacing:-.01em;overflow-wrap:normal}
.zit-site h2{line-height:1.35}
.zit-site :focus-visible{outline:2px solid var(--zit-ink);outline-offset:3px}
.zit-site p{overflow-wrap:normal}
/* 基座里那个 ↗ 后缀：不传递信息，只是重复「这里能点」 */
.zit-card-link a::after{content:none}
.zit-card-link a{box-shadow:inset 0 -1px 0 0 var(--zit-copper)}

.zit-industry-card::before{content:none}
/* 小标签退役；404 等残留处收敛为普通文字，不再加宽字距 */
.zit-eyebrow{font-size:13px;font-weight:600;letter-spacing:0;color:var(--zit-muted);margin-bottom:12px!important}

/* ── 基准点：全系统唯一的红色用法 ─────────────────────── */
.zit-fid{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--zit-red);flex:none}

/* ── 页眉 ───────────────────────────────────────────── */
.zit-site .zit-header-inner{min-height:82px;gap:24px}
.zit-brand{gap:18px}
.zit-site .zit-logo{display:block;width:168px;height:auto}

.zit-site .zit-menu{gap:26px}
.zit-site .zit-menu>li>a{padding-block:28px;font-size:13.5px;font-weight:600}
.zit-site .zit-menu>li.current-menu-item>a::after,.zit-site .zit-menu>li.current-menu-ancestor>a::after{bottom:18px;height:2px}
.zit-site .zit-contact-link{font-size:13px;font-weight:600;padding:12px 20px;min-height:44px;gap:0}
.zit-site .zit-contact-link:hover{background:var(--zit-blue-press)}

/* ── 首页通则 ───────────────────────────────────────── */
.home .zit-breadcrumbs{font-size:12px;padding-block:10px}
.zit-home-content{font-size:15.5px;line-height:1.8}
.zit-home-content .zit-section{padding-block:var(--zit-s24)}
.zit-home-content h2{font-size:30px;letter-spacing:-.015em;line-height:1.35;margin:0 0 var(--zit-s8);max-width:20em}
.zit-home-content h3{font-size:16px;line-height:1.55;letter-spacing:0}

.zit-home-content .zit-actions{gap:var(--zit-s3);margin-top:var(--zit-s8)}
.zit-home-content .zit-button .wp-block-button__link{font-size:14px;font-weight:600;min-height:46px;padding:12px 26px;border-radius:0}
.zit-home-content .zit-button .wp-block-button__link:hover{background:var(--zit-blue-press);border-color:var(--zit-blue-press)}
.zit-home-content .zit-button-secondary .wp-block-button__link{border-color:var(--zit-line);color:var(--zit-blue);background:transparent}
.zit-home-content .zit-button-secondary .wp-block-button__link:hover{background:transparent;border-color:var(--zit-blue);color:var(--zit-blue)}

/* ── 产能条：归属声明一次，统辖全块 ───────────────────── */
.zit-home-content .zit-stats{padding-block:var(--zit-s12);background:var(--zit-ink)}
.zit-home-content .zit-stats-scope{display:flex;align-items:center;gap:var(--zit-s2);font-size:11.5px;font-weight:600;
  letter-spacing:.08em;color:var(--zit-sky);margin:0 0 var(--zit-s6);padding-bottom:var(--zit-s4);
  border-bottom:1px solid #9cbbcf47;max-width:none}
.zit-home-content .zit-stats .zit-grid{gap:var(--zit-s8)}
.zit-home-content .zit-stat{padding:0 var(--zit-s6) 0 0;border:0}
.zit-home-content .zit-stat-label{font-size:13.5px!important;font-weight:400;margin:0 0 var(--zit-s3);color:var(--zit-sky);line-height:1.5}
.zit-home-content .zit-stat-value{font-family:var(--zit-font-wide);font-size:clamp(44px,5.4vw,76px);font-weight:800;
  line-height:1;letter-spacing:-.02em;margin:0;color:#fff;font-variant-numeric:tabular-nums;
  display:flex;align-items:baseline;gap:10px;white-space:nowrap}
.zit-home-content .zit-stat-unit{font-family:var(--zit-font);font-size:16px;font-weight:400;
  color:var(--zit-sky);letter-spacing:0;white-space:nowrap;flex:none}

.zit-service-grid{display:block;border-top:1px solid var(--zit-ink);counter-reset:none}
.zit-service-card{display:grid;grid-template-columns:minmax(180px,26%) 1fr;gap:var(--zit-s6);align-items:baseline;
  position:static;min-width:0;background:none;border:0;border-bottom:1px solid var(--zit-line);
  padding:var(--zit-s4) 0;counter-increment:none}
.zit-service-card::before{content:none}
.zit-home-content .zit-service-card h3{font-size:16.5px;font-weight:700;margin:0;padding:0}
.zit-service-card a{color:var(--zit-ink)}
.zit-service-card h3 a::after{content:none}
.zit-home-content .zit-service-card p{font-size:14px;margin:0;color:var(--zit-muted);line-height:1.7}
.zit-service-card:hover h3 a{box-shadow:inset 0 -1px 0 0 var(--zit-blue);color:var(--zit-blue)}
.zit-service-card:focus-within{outline:2px solid var(--zit-ink);outline-offset:3px}

/* ── 工艺流程：编号唯一成立之处，连接线走 45° ─────────── */

.zit-section-heading{position:relative}
.zit-section-heading .zit-more-link{position:absolute;right:0;bottom:var(--zit-s3);font-size:13.5px;font-weight:600;margin:0}
.zit-section-heading .zit-more-link a{box-shadow:inset 0 -1px 0 0 var(--zit-copper)}

/* ── 页尾 CTA ───────────────────────────────────────── */

.zit-contact-short{display:flex;flex-direction:column;gap:5px;font-size:13.5px;overflow-wrap:anywhere}

.zit-home-content .zit-service-grid>*{margin-block:0}

/* ── 页脚 ───────────────────────────────────────────── */
.zit-site .zit-footer{background:#fff;color:var(--zit-muted);border-top:1px solid var(--zit-line)}
.zit-site .zit-footer-main{grid-template-columns:1.35fr 1fr;padding-block:var(--zit-s12);gap:var(--zit-s16)}
.zit-footer-logo{display:inline-block;margin-bottom:var(--zit-s6)}
.zit-footer-logo img{display:block;width:168px;height:auto}
.zit-site .zit-footer h2{color:var(--zit-ink);font-size:16px;font-weight:700;letter-spacing:0}
.zit-site .zit-footer p{font-size:13px}
.zit-site .zit-footer a{color:var(--zit-muted)}
.zit-site .zit-footer a:hover{color:var(--zit-blue)}
.zit-site .zit-footer-menu{font-size:13px;gap:18px 24px;padding-top:var(--zit-s2)}
.zit-site .zit-footer-bottom{border-color:var(--zit-line);font-size:11.5px;color:var(--zit-muted);padding-block:var(--zit-s4)}
.zit-site .zit-footer-contact{display:inline-block;font-size:13.5px;font-weight:600;margin-top:var(--zit-s3);color:var(--zit-blue);box-shadow:inset 0 -1px 0 0 var(--zit-copper)}

/* ── 动效：只保留回应用户动作的部分，不做滚动入场堆叠 ──── */
@media(prefers-reduced-motion:no-preference){
  .zit-service-card h3 a{transition:box-shadow .16s ease,color .16s ease}
  .zit-contact-link,.zit-button .wp-block-button__link{transition:background-color .16s ease,border-color .16s ease}
}
@media(min-width:1024px){
  .zit-site .zit-menu>li:last-child>.sub-menu{left:auto;right:0}
  .zit-site .zit-menu .sub-menu{display:block;visibility:hidden;opacity:0;transform:translateY(5px);pointer-events:none}
  .zit-site .zit-menu li:hover>.sub-menu,.zit-site .zit-menu li:focus-within>.sub-menu{visibility:visible;opacity:1;transform:translateY(0);pointer-events:auto}
}
@media(min-width:1024px) and (prefers-reduced-motion:no-preference){
  .zit-site .zit-menu .sub-menu{transition:opacity .16s ease,transform .16s ease,visibility .16s}
}
@media(min-width:1024px) and (max-width:1199px){
  .zit-site .zit-header-inner{gap:16px}.zit-site .zit-menu{gap:18px}.zit-brand{gap:12px}
  .zit-site .zit-logo{width:150px}.zit-site .zit-contact-link{padding-inline:14px}
}
@media(max-width:1023px){
  .zit-site .zit-header-inner{min-height:76px;gap:16px}.zit-site .zit-menu>li>a{padding-block:8px;font-size:14px}
  .zit-home-content .zit-section{padding-block:var(--zit-s16)}

  .zit-home-content h2{font-size:26px}
  .zit-home-content .zit-stats{padding-block:var(--zit-s8)}
  .zit-service-card{grid-template-columns:minmax(150px,34%) 1fr;gap:var(--zit-s4)}

  .zit-contact-short{flex-direction:row;flex-wrap:wrap;gap:10px 24px}
  .zit-site .zit-footer-main{gap:var(--zit-s8)}
}
@media(max-width:767px){
  .zit-site .zit-header-inner{min-height:66px;gap:10px}.zit-site .zit-logo{width:128px}.zit-brand{gap:0}
  
  .zit-site .zit-contact-link{font-size:12px;padding:10px 13px;min-height:42px}.zit-site .zit-menu{gap:16px}
  .zit-site .zit-menu-toggle{min-width:44px}.home .zit-breadcrumbs{padding-block:8px;font-size:11px}
  .zit-home-content .zit-section{padding-block:var(--zit-s12)}
  .zit-home-content h2{font-size:23px;margin-bottom:var(--zit-s6)}

  .zit-home-content .zit-actions{margin-top:var(--zit-s6);gap:10px}
  .zit-home-content .zit-button .wp-block-button__link{font-size:13px;padding:12px 20px}
  
  .zit-home-content .zit-stats .zit-grid{grid-template-columns:1fr;gap:var(--zit-s6)}
  .zit-home-content .zit-stat{padding-right:0}
  .zit-home-content .zit-stat-value{font-size:42px}
  .zit-service-card{grid-template-columns:1fr;gap:4px;padding:var(--zit-s3) 0}
  .zit-home-content .zit-service-card h3{font-size:15px}.zit-home-content .zit-service-card p{font-size:13px}

  .zit-section-heading .zit-more-link{position:static;font-size:13px;margin-bottom:var(--zit-s6)}

  .zit-contact-short{font-size:13px;gap:6px 18px}
  .zit-site .zit-footer-main{grid-template-columns:1fr;gap:var(--zit-s6);padding-block:var(--zit-s8)}
  .zit-footer-logo{margin-bottom:var(--zit-s4)}.zit-footer-logo img{width:144px}
  .zit-site .zit-footer h2{font-size:15px}.zit-site .zit-footer p{font-size:12.5px}
  .zit-site .zit-footer-menu{gap:16px;font-size:12.5px}.zit-site .zit-footer-bottom{font-size:10.5px;gap:8px}
}

/* ── 收口：区块留白收紧 + 技术文章行补日期 ──────────────── */
.zit-home-content .zit-section{padding-block:76px}

@media(max-width:1023px){.zit-home-content .zit-section{padding-block:58px}}
@media(max-width:767px){
  .zit-home-content .zit-section{padding-block:44px}
  
}

/* ══════════════════════════════════════════════════════════
   密度修补（2026-09-17 第二轮）
   问题实测：1990px 视口下容器仅占 60%；产能条纵向填充 31%、CTA 32%；
   索引表 8 行单列右侧空一大片；行业 7 块塞 4 列空 1 格；六个 H2 字号字重全同。
   对策：收紧留白、索引表改双列、补真实内容、给各区块做节奏分化。
   ══════════════════════════════════════════════════════════ */

/* 容器放宽：大屏下 1200px 让内容显得孤立，改为随视口增长但有上限 */
.zit-site .zit-container{width:min(1360px,calc(100% - 80px))}

/* 区块节律：不再每节等高等距，按内容分量给不同呼吸 */
.zit-home-content .zit-section{padding-block:64px}

.zit-home-content .zit-stats{padding-block:40px}

/* H2 节奏分化：不同区块承担不同分量，字号与配套装置随之变化 */

.zit-home-content .zit-actions{margin-top:var(--zit-s6)}

.zit-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:56px;border-top:1px solid var(--zit-ink)}
.zit-service-card{display:block;padding:14px 0;border-bottom:1px solid var(--zit-line)}
.zit-home-content .zit-service-card h3{font-size:16px;margin:0 0 3px}
.zit-home-content .zit-service-card p{font-size:13.5px;line-height:1.6}

/* ── 工艺流程：给它应有的分量，而不是一条几乎看不见的发丝 ── */

/* ── CTA 与产能条：填充率过低，收紧 ───────────────────── */
.zit-home-content .zit-stats .zit-grid{gap:var(--zit-s6)}
.zit-home-content .zit-stat-value{font-size:clamp(44px,5vw,68px)}

@media(max-width:1023px){
  .zit-site .zit-container{width:min(1360px,calc(100% - 48px))}
  .zit-home-content .zit-section{padding-block:52px}
  .zit-service-grid{grid-template-columns:1fr;column-gap:0}

}
@media(max-width:767px){
  .zit-site .zit-container{width:calc(100% - 36px)}
  .zit-home-content .zit-section{padding-block:40px}

}

/* 导语原限 24em，导致「整机组装测试。」把「试。」甩到下一行 */

/* 摘要：完整成句显示，限制在两行内 */

/* ══════════════════════════════════════════════════════════
   第三轮：补实质内容与视觉分量（2026-09-17）
   用户判断「版面仍太空太素」。根因不是留白参数，是内容承载不足——
   首页此前既没讲「客户要准备什么」，也没提集团制造纵深，两者都是站上已有的真实内容。
   ══════════════════════════════════════════════════════════ */

/* 区块地色节律：白 → 墨 → 白 → 浅 → 白 → 浅 → 墨 → 白 → 蓝
   两个深色锚点分列页面上下，中间靠浅底交替，不再整页一片白 */

/* ── 需要准备什么：五项，切角面板，横向铺满 ──────────────── */
.zit-home-content .zit-home-inputs{background:var(--zit-paper)}
.zit-home-content .zit-home-inputs h2{font-size:30px;margin-bottom:var(--zit-s3)}
.zit-home-content .zit-home-inputs .zit-lead{font-size:15.5px;color:var(--zit-muted);
  max-width:40em;margin:0 0 var(--zit-s8);line-height:1.8}
.zit-input-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--zit-s3)}
.zit-input-item{background:#fff;padding:var(--zit-s6) var(--zit-s4);min-width:0;
  box-shadow:inset 0 0 0 1px var(--zit-line);
  clip-path:polygon(0 0,100% 0,100% calc(100% - var(--zit-chamfer-sm)),calc(100% - var(--zit-chamfer-sm)) 100%,0 100%);
  border-top:2px solid var(--zit-copper)}
.zit-home-content .zit-input-item h3{font-size:15px;font-weight:700;margin:0 0 var(--zit-s2);line-height:1.5}
.zit-home-content .zit-input-item p{font-size:13px;line-height:1.7;margin:0;color:var(--zit-muted)}

@media(max-width:1023px){
  .zit-input-grid{grid-template-columns:repeat(3,minmax(0,1fr))}

}
@media(max-width:767px){
  .zit-input-grid{grid-template-columns:1fr;gap:var(--zit-s2)}
  .zit-input-item{padding:var(--zit-s4)}
  .zit-home-content .zit-home-inputs h2{font-size:24px}

}

/* ── 孤字治理：系统解，不逐个调 max-width ──────────────────
   中文断行容易把末尾一两个字甩到下一行。balance 让标题各行长度均衡，
   pretty 专治段落末行孤字。不支持的浏览器静默回落到 wrap，不会变糟。 */
.zit-site h1,.zit-site h2,.zit-site h3,
.zit-home-content h1,.zit-home-content h2,.zit-home-content h3{text-wrap:balance}
.zit-home-content p,.zit-home-content .zit-lead,.zit-site .zit-footer p{text-wrap:pretty}

/* 新网格同样要清掉 WordPress 区块默认外边距，否则末项被 :last-child 清零、
   grid 拉伸后比前几项高一截（实测差 23px） */
.zit-home-content .zit-input-grid>*{margin-block:0}

/* 遮罩：左侧压到几乎不透明保证文字可读，右侧放开让车间看得见 */

/* 无图时退回浅色版式，文字自动转深色 */

/* ── 页尾 CTA：照片背景 + 品牌蓝遮罩 ─────────────────────── */

/* ── 背景媒体层的两个坑（第三次遇到 WordPress 区块默认外边距）──
   1. 媒体层由区块渲染，会继承 .wp-block-group>* 的 margin-block:23.25px；
      absolute + inset:0 拉伸时这个 margin 会把高度吃掉 23px，
      表现为底部露出一条未被遮罩覆盖的原图。
   2. 基座 .zit-site img{height:auto}（特异性 0,1,1）压过 .zit-cta-bg{height:100%}（0,1,0），
      图片按原始比例撑开而不是填满容器。
   通则：任何 absolute 背景媒体层都要同时清 margin 并用足够特异性锁死尺寸。 */

/* ── 深色页脚（2026-09-17，反白商标到位后启用）──────────────
   商标为双色定稿件，蓝色字标压在 ink 上仅 2.15:1 不可读，
   故使用反白版：字标转白、红点提亮至 #FF3B47（压 ink 4.20:1）。
   路径几何与原件逐字节一致，只改填充色。 */
.zit-site .zit-footer{background:var(--zit-ink);color:var(--zit-sky);border-top:0}
.zit-site .zit-footer h2{color:#fff}
.zit-site .zit-footer p{color:var(--zit-sky)}
.zit-site .zit-footer a{color:var(--zit-sky)}
.zit-site .zit-footer a:hover{color:#fff}
.zit-site .zit-footer-menu a{color:var(--zit-sky)}
.zit-site .zit-footer-menu a:hover{color:#fff}
.zit-site .zit-footer-bottom{border-color:#9cbbcf2e;color:#7d9cb4}
.zit-site .zit-footer-bottom a{color:#7d9cb4}
.zit-site .zit-footer-bottom a:hover{color:var(--zit-sky)}
.zit-site .zit-footer-contact{color:#fff;box-shadow:inset 0 -1px 0 0 var(--zit-copper-lit)}
.zit-site .zit-footer-contact:hover{color:#fff}
.zit-site .zit-footer .zit-contact-short a,
.zit-site .zit-footer address a{color:var(--zit-sky)}
/* 页脚导航加一条栏目标题，避免链接直接贴着品牌块 */
.zit-site .zit-footer-main{border-bottom:1px solid #9cbbcf1f}

/* ── 工艺流程扩为九道：3×3 网格，编号贯穿保持序列可读 ────── */

/* ══════════════════════════════════════════════════════════
   第七轮：按设计稿重做能力卡与数据条（2026-09-17）
   上一版把「全制程制造能力」做成了素文字表，与设计稿差距最大；
   稿子是「图标 + 标题 + 说明 + 右侧配图」的卡片。图标本就该我自己画，不该等照片。
   ══════════════════════════════════════════════════════════ */

.zit-icon,.zit-stat-icon{display:block;flex:none}

/* 配图占右半，向左淡出融进卡片底色——与稿子一致 */

/* ── 产能条：加入图标，收紧空高 ─────────────────────────── */
.zit-home-content .zit-stats{padding-block:var(--zit-s8)}
.zit-home-content .zit-stat{display:grid;grid-template-columns:auto 1fr;
  column-gap:var(--zit-s4);align-items:center;padding-right:var(--zit-s6)}
.zit-stat-icon{width:40px;height:40px;color:var(--zit-sky);grid-row:span 2;opacity:.85}
.zit-home-content .zit-stat-label{grid-column:2;margin:0 0 2px!important;font-size:13px!important}
.zit-home-content .zit-stat-value{grid-column:2;font-size:clamp(40px,4.2vw,56px)}
.zit-home-content .zit-stats .zit-grid{gap:var(--zit-s4)}
.zit-home-content .zit-stat+.zit-stat{border-left:1px solid #9cbbcf2e;padding-left:var(--zit-s8)}

@media(max-width:767px){

  .zit-home-content .zit-stat{padding-right:0}
  .zit-home-content .zit-stat+.zit-stat{border-left:0;padding-left:0;
    border-top:1px solid #9cbbcf2e;padding-top:var(--zit-s4)}
  .zit-stat-icon{width:34px;height:34px}
}

/* ── 🔴 网格子项外边距清零（本项目第四次踩这个坑）────────────
   WordPress 给区块子项加 margin-block:23.25px，末项被 :last-child 清零，
   grid 拉伸后末项就比其余高 23px。CSS 无法「选中所有 display:grid 的子元素」，
   只能逐个列。**今后新增任何网格容器，必须把它加进下面这份清单。** */

.zit-home-content .zit-input-grid>*,
.zit-home-content .zit-service-grid>*,
.zit-home-content .zit-stats .zit-grid>*,
.zit-site .zit-footer-main>*{margin-block:0}

/* ── 区块标题行：左标题 + 右引导段与链接 ─────────────────── */
.zit-sec-head{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);
  gap:var(--zit-s16);align-items:end;margin-bottom:var(--zit-s8)}
.zit-home-content .zit-sec-head h2{margin:0;max-width:none}
.zit-sec-aside{display:flex;flex-direction:column;gap:var(--zit-s3);align-items:flex-start}
.zit-home-content .zit-sec-lead{font-size:14.5px;line-height:1.8;color:var(--zit-muted);margin:0;max-width:34em}
.zit-home-content .zit-sec-more{margin:0;font-size:14px;font-weight:600}
.zit-sec-more a{color:var(--zit-blue);display:inline-flex;align-items:center;gap:10px}
.zit-sec-more a::after{content:"";width:7px;height:7px;flex:none;
  border-top:1.8px solid currentColor;border-right:1.8px solid currentColor;transform:rotate(45deg)}
.zit-home-content .zit-sec-head>*{margin-block:0}

/* 紧随其后的工艺流程去掉上边距，两块读作一体 */

/* ── 页脚分栏 ───────────────────────────────────────────── */
.zit-site .zit-footer-main{display:grid;grid-template-columns:1.5fr 1fr 1.2fr;gap:var(--zit-s16)}
.zit-site .zit-footer-col h3{color:#fff;font-size:13.5px;font-weight:700;letter-spacing:.04em;
  margin:0 0 var(--zit-s4);padding-bottom:var(--zit-s3);border-bottom:1px solid #9cbbcf2e}
.zit-site .zit-footer-menu{display:flex;flex-direction:column;gap:11px;font-size:13.5px;padding-top:0}
.zit-site .zit-footer-contact-col p{margin:0 0 9px;font-size:13.5px}
.zit-site .zit-footer-contact{margin-top:var(--zit-s4)}

@media(max-width:1023px){
  .zit-sec-head{grid-template-columns:1fr;gap:var(--zit-s4);align-items:start}

  .zit-site .zit-footer-main{grid-template-columns:1fr 1fr;gap:var(--zit-s8)}
  .zit-site .zit-footer-brand{grid-column:span 2}
}
@media(max-width:767px){

  .zit-site .zit-footer-main{grid-template-columns:1fr;gap:var(--zit-s6)}
  .zit-site .zit-footer-brand{grid-column:auto}
  
}

/* 各屏叠在同一个网格单元里：高度取最高的一屏，切换时不跳版 */

/* 背景层同理叠放，交叉淡入 */

/* 第 2、3 屏的标题是 <p>：一个轮播横幅不该给页面三个一级标题。
   视觉与 h1 完全一致，语义上不是标题。 */

/* 顶部英文栏目标签：只是分类标签，不承载任何主张 */

.zit-equipment{border-top:1px solid var(--zit-line)}
.zit-site .zit-equipment h2{font-size:26px;margin:0 0 var(--zit-s3)}
.zit-site .zit-equipment .zit-sec-lead{font-size:14.5px;color:var(--zit-muted);
  margin:0 0 var(--zit-s6);max-width:40em}
/* 仅管理员可见时给整块一个明显的未发布态，别在前台误以为已上线 */
.zit-equipment.is-preview{background:repeating-linear-gradient(135deg,
  #f1f5f8 0 14px,#e8eef3 14px 28px)}
.zit-eq-notice{margin:0 0 var(--zit-s4);padding:12px 16px;background:#fff;
  border-left:3px solid var(--zit-red);font-size:13px;color:var(--zit-ink)}
.zit-site .zit-eq-notice a{color:var(--zit-blue);font-weight:650}

.zit-eq-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.zit-eq-table{width:100%;min-width:640px;border-collapse:collapse;background:#fff;
  font-size:14px;line-height:1.7}
.zit-eq-table th,.zit-eq-table td{text-align:left;vertical-align:top;
  padding:14px 18px;border-bottom:1px solid var(--zit-line)}
.zit-eq-table thead th{background:var(--zit-ink);color:#fff;font-size:12px;font-weight:700;
  letter-spacing:.04em;border-bottom:0;white-space:nowrap}
.zit-eq-table tbody th{width:30%;color:var(--zit-ink);font-weight:600}
.zit-eq-station{display:block;font-size:15px;font-weight:700}
.zit-eq-duty{display:block;margin-top:3px;font-size:12.5px;font-weight:400;color:var(--zit-muted)}
.zit-eq-table td{color:var(--zit-muted)}
.zit-eq-table tr.is-pending{background:#fbfcfd}
.zit-eq-blank{display:inline-block;padding:2px 8px;background:var(--zit-paper);
  color:var(--zit-muted);font-size:12px;letter-spacing:.04em}
.zit-eq-table tr.is-pending .zit-eq-blank{background:#fff;box-shadow:inset 0 0 0 1px var(--zit-line)}

@media(max-width:767px){
  .zit-site .zit-equipment h2{font-size:22px}
  .zit-eq-table{min-width:560px;font-size:13px}
  .zit-eq-table th,.zit-eq-table td{padding:12px 14px}
  .zit-eq-station{font-size:14px}
}

:root{--zit-header-h:82px}

.zit-site .zit-header{position:sticky;top:0;z-index:60}
/* 吸顶页眉会盖住锚点跳转的落点，全站带 id 的元素统一让出一个页眉高度。 */
.zit-site [id]{scroll-margin-top:calc(var(--zit-header-h) + 16px)}
.admin-bar .zit-header{top:32px}
@media screen and (max-width:782px){.admin-bar .zit-header{top:46px}}
/* 782px 以下管理条改成 absolute，不再占据视口顶端，页眉就该贴到 0。 */
@media screen and (max-width:600px){.admin-bar .zit-header{top:0}}

/* ── 透明态：页眉压在首屏照片上 ──────────────────────── */

.zit-js .zit-header-overlay{border-bottom:0;
  background:linear-gradient(to bottom,rgba(4,27,45,.78) 0%,rgba(4,27,45,.7) 62%,rgba(4,27,45,.34) 86%,rgba(4,27,45,0) 100%)}
.zit-js .zit-header-overlay+main{margin-top:calc(var(--zit-header-h) * -1)}

/* ── 反色：商标、导航、按钮整体转白 ─────────────────── */
.zit-site .zit-logo-reverse{display:none}
.zit-js .zit-header-overlay .zit-logo-ink{display:none}
.zit-js .zit-header-overlay .zit-logo-reverse{display:block}
.zit-js .zit-header-overlay .zit-contact-link{background:#fff;color:var(--zit-blue)}
.zit-js .zit-header-overlay .zit-contact-link:hover{background:var(--zit-sky);color:var(--zit-ink)}
.zit-js .zit-header-overlay .zit-menu-toggle{background:#ffffff26;color:#fff}
@media(min-width:1024px){
  /* 1024px 以下导航收进白底抽屉，那里的链接必须保持深色，故反色只在宽屏生效。 */
  .zit-js .zit-header-overlay .zit-menu>li>a{color:#fff}
  .zit-js .zit-header-overlay .zit-menu>li>a:hover{color:var(--zit-sky)}
  .zit-js .zit-header-overlay .zit-menu>li.current-menu-item>a,
  .zit-js .zit-header-overlay .zit-menu>li.current-menu-ancestor>a{color:#fff}
  .zit-js .zit-header-overlay .zit-menu>li.current-menu-item>a::after,
  .zit-js .zit-header-overlay .zit-menu>li.current-menu-ancestor>a::after{background:#fff}
}
/* 抽屉展开时页眉不能还是全透明，否则白色面板悬在照片上没有落点。 */
.zit-js .zit-header-overlay:has(.zit-navigation.is-open){background:rgba(6,42,68,.96)}

/* ── 吸顶态：滚过首屏后的深墨半透明 ─────────────────── */
.zit-js .zit-header-overlay.is-stuck{background:rgba(6,42,68,.86);
  -webkit-backdrop-filter:saturate(140%) blur(10px);backdrop-filter:saturate(140%) blur(10px);
  box-shadow:0 10px 30px rgba(6,42,68,.18)}
@supports not ((backdrop-filter:blur(2px)) or (-webkit-backdrop-filter:blur(2px))){
  .zit-js .zit-header-overlay.is-stuck{background:rgba(6,42,68,.95)}
}
/* 内页页眉本来就是白底，吸顶后只需要一道投影把它从内容上抬起来。 */
.zit-js .zit-header.is-stuck:not(.zit-header-overlay){box-shadow:0 6px 18px rgba(6,42,68,.1)}
@media(prefers-reduced-motion:no-preference){
  .zit-site .zit-header{transition:background-color .2s ease,box-shadow .2s ease}
}

@media(max-width:1023px){
  :root{--zit-header-h:76px}
  
}
@media(max-width:767px){
  :root{--zit-header-h:66px}
  
}

/* 登录状态顶上还有一条管理条，它占掉的高度不能算进首屏。 */
.admin-bar{--zit-vh-off:32px}
@media screen and (max-width:782px){.admin-bar{--zit-vh-off:46px}}
@media screen and (max-width:600px){.admin-bar{--zit-vh-off:0px}}

/* 上下都给 auto，文案在翻页条以上的空间里居中；翻页条自己落到屏底。 */

/* 文案收成一列，把右侧还给照片——厂房主体本来就在画面右半边。 */

/* 翻页条：贴屏底，压在一条横贯的发丝线上，不再是飘在文案下的三个小数字。 */

/* 屏底压暗：翻页条落在水泥地与栏杆的亮部上，同时给首屏一个收口。 */

/* 窄屏上英文栏目标签会折成两行，flex 里的那截发丝线就吊在两行中间。折行就不画它。 */

/* ══════════════════════════════════════════════════════════
   按设计稿补齐的元素（2026-09-19）
   对照清单见 docs/zit-zhejiang/41-设计稿与线上逐块差异清单-20260919.md 的 C 类。
   ══════════════════════════════════════════════════════════ */

/* ── 箭头：设计稿里所有按钮与「更多」链接都带一支实心箭头 ──
   用 clip-path 在一个伪元素上一次画出杆与头，继承 currentColor；
   不写 "→" 字符——Archivo 子集里没有 U+2192，会回落系统字体，各处粗细不一。 */
.zit-home-content .zit-button .wp-block-button__link{display:inline-flex;align-items:center;gap:12px}
.zit-home-content .zit-button .wp-block-button__link::after,
.zit-section-heading .zit-more-link a::after{content:"";width:18px;height:10px;flex:none;background:currentColor;
  clip-path:polygon(0 45%,70% 45%,70% 18%,100% 50%,70% 82%,70% 55%,0 55%)}
.zit-section-heading .zit-more-link a{display:inline-flex;align-items:center;gap:10px}

/* ── 双行英文小标：设计稿每一屏都有，站上一处没有 ──
   纯装饰性品牌标语，不承载任何事实主张。 */
.zit-brandline{display:flex;align-items:center;gap:var(--zit-s3);
  font-family:var(--zit-font-wide);font-size:10.5px;font-weight:600;letter-spacing:.16em;
  line-height:1.75;margin:0!important}
.zit-brandline::before{content:"";height:1px;width:34px;flex:none;background:currentColor;opacity:.5}
.zit-brandline span{display:block}

@media(max-width:767px){
  /* 窄屏工序改竖排，那条线变成竖线，横向箭头就不成立了 */
  
  .zit-home-content .zit-button .wp-block-button__link{gap:8px}
  .zit-home-content .zit-button .wp-block-button__link::after{width:15px}
}
/* ── 首屏的两组品牌标语（设计稿右上四行 + 左下双行）── */

/* ── 英文栏目眉标：设计稿每一屏标题上方都有一行 ── */
.zit-home-content .zit-eyebrow-en{font-family:var(--zit-font-wide);font-size:11px;font-weight:700;
  letter-spacing:.18em;color:var(--zit-muted);margin:0 0 var(--zit-s3)!important;
  display:flex;align-items:center;gap:var(--zit-s3)}
.zit-home-content .zit-eyebrow-en::after{content:"";height:1px;width:56px;flex:none;background:var(--zit-line)}
/* 深色带里的眉标转浅 */

/* 标题下的副行 */
.zit-home-content .zit-sec-sub{font-size:13.5px;color:var(--zit-muted);
  margin:calc(var(--zit-s6) * -1) 0 var(--zit-s8)!important;letter-spacing:.02em}

.zit-home-content .zit-sec-brandline{position:absolute;top:0;right:0;color:var(--zit-muted);
  text-align:right;flex-direction:row-reverse}

@media(max-width:1023px){
  .zit-home-content .zit-sec-brandline{display:none}
}
@media(max-width:767px){
  .zit-home-content .zit-eyebrow-en{font-size:10px;letter-spacing:.14em}
  .zit-home-content .zit-eyebrow-en::after{width:32px}
  
  .zit-home-content .zit-sec-sub{margin:calc(var(--zit-s4) * -1) 0 var(--zit-s6)!important;font-size:12.5px}
}
/* ── 页尾 CTA：按设计稿改成深色照片 + 蓝色实心 + 描边次按钮 ──
   原来是纯蓝底 + 两个白底按钮，与设计稿差一整套配色。 */