/* ============================================================
   智数盒子 · 品牌版首页样式（来自 preview/index.html 设计稿）
   以 .zh 为作用域，避免与全站基础样式冲突
   ============================================================ */
.zh {
  --ink-950: #0B0D23;
  --ink-900: #0F122E;
  --ink-850: #12173A;
  --ink-800: #1A1F4B;
  --gold:    #818CF8;
  --gold-l:  #C7D2FE;
  --zcyan:   #22D3EE;
  --zcyan-l: #67E8F9;
  --zblue:   #6366F1;
  --zblue-d: #4F46E5;
  --t-d1: rgba(255,255,255,.94);
  --t-d2: rgba(255,255,255,.62);
  --t-d3: rgba(255,255,255,.38);
  --line-d: rgba(255,255,255,.10);
  --zline:  #E5E5E5;
  --serif: Georgia, "Times New Roman", "Songti SC", serif;
}
.zh { overflow-x: hidden; overflow-x: clip; }  /* 首页禁横向滚动（出血元素一律裁切） */
.zh .container { max-width: 1200px; padding-left: 40px; padding-right: 40px; }
@media (max-width: 960px) { .zh .container { padding: 0 24px; } }

/* ===== 通用：标题 ===== */
.zh .eyebrow { display:inline-flex; align-items:center; gap:14px; font-size:13px; letter-spacing:.35em; color:var(--gold); font-weight:600; }
.zh .eyebrow::before { content:""; width:36px; height:1px; background:var(--gold); }
.zh .h-display { font-size:clamp(30px, 4vw, 46px); font-weight:800; letter-spacing:-.01em; line-height:1.25; }
.zh .h-display .em { color:transparent; background:linear-gradient(120deg, var(--zblue) 20%, #6FA1FF 80%); -webkit-background-clip:text; background-clip:text; }
.zh .section-sub { margin-top:18px; font-size:16px; line-height:1.9; color:var(--text-3); max-width:560px; }

/* ===== 入场动效 ===== */
.zh [data-reveal] { opacity:0; transform:translateY(28px); transition:opacity .9s cubic-bezier(.2,.6,.2,1), transform .9s cubic-bezier(.2,.6,.2,1); }
.zh [data-reveal].in { opacity:1; transform:none; }
.zh [data-reveal][data-delay="1"] { transition-delay:.12s; }
.zh [data-reveal][data-delay="2"] { transition-delay:.24s; }
.zh [data-reveal][data-delay="3"] { transition-delay:.36s; }
@media (prefers-reduced-motion: reduce) {
  .zh [data-reveal] { opacity:1; transform:none; transition:none; }
}

/* ============ 公告轮播 ============ */
.zh .announce {
  display:inline-flex; align-items:center; gap:12px;
  padding:8px 16px 8px 10px; border:1px solid var(--line-d); border-radius:999px;
  background:rgba(11,13,35,.55); margin-bottom:18px;
  max-width:520px; backdrop-filter:blur(6px);
}
.zh .announce__new {
  flex-shrink:0; padding:2px 8px; border-radius:999px; font-size:11px; font-weight:700;
  background:linear-gradient(120deg, var(--zblue), var(--zcyan)); color:#fff; letter-spacing:.1em;
}
.zh .announce__rot { position:relative; height:20px; overflow:hidden; flex:1; min-width:0; }
.zh .announce__rot span {
  position:absolute; left:0; top:0; width:100%;
  font-size:13px; color:var(--t-d2); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  opacity:0; transform:translateY(14px);
  animation:annCycle 16s infinite;
}
.zh .announce__rot span:nth-child(1) { animation-delay:0s; }
.zh .announce__rot span:nth-child(2) { animation-delay:4s; }
.zh .announce__rot span:nth-child(3) { animation-delay:8s; }
.zh .announce__rot span:nth-child(4) { animation-delay:12s; }
@keyframes annCycle {
  0%    { opacity:0; transform:translateY(14px); }
  3%    { opacity:1; transform:translateY(0); }
  23%   { opacity:1; transform:translateY(0); }
  26%   { opacity:0; transform:translateY(-14px); }
  100%  { opacity:0; transform:translateY(-14px); }
}
.zh .announce__link { flex-shrink:0; font-size:12.5px; font-weight:600; color:var(--zcyan-l); }
.zh .announce__link:hover { color:#fff; }
@media (prefers-reduced-motion: reduce) {
  .zh .announce__rot span { animation:none; opacity:1; transform:none; position:static; }
  .zh .announce__rot { height:auto; }
}

/* ============ Hero（白净 B2B 风格） ============ */
.page-home .site-header { background:rgba(255,255,255,.94); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); border-bottom:1px solid #E4E7EC; }
.page-home .site-header.is-scrolled { box-shadow:0 8px 24px -18px rgba(15,23,42,.16); }
.page-home .brand__name { color:var(--text-1); }
.page-home .nav__link { color:var(--text-2); }
.page-home .nav__link:hover, .page-home .nav__link.is-active { color:var(--text-1); }
.page-home .site-header.is-scrolled .nav__link { color:var(--text-2); }
.page-home .site-header.is-scrolled .nav__link:hover,
.page-home .site-header.is-scrolled .nav__link.is-active { color:var(--text-1); }
.page-home .menu-toggle { color:var(--text-1); }

.zh .hero { position:relative; background:linear-gradient(180deg, #FFFFFF 0%, #F4F4F5 100%); overflow:hidden; padding:calc(var(--header-h) + 8px) 0 0; }
.zh .hero::before, .zh .hero::after { display:none; }
.zh .hero__head { position:relative; z-index:2; padding:0 0 16px; }
.zh .hero__grid { display:grid; grid-template-columns:39fr 61fr; gap:52px; align-items:center; width:100%; }

/* 左侧文字：深海军蓝体系 */
.zh .hero__title { color:var(--text-1); }
.zh .hero__title .thin { font-weight:300; color:var(--text-2); }
.zh .hero__title .gold { color:var(--brand-primary); background:none; -webkit-background-clip:initial; background-clip:initial; }
.zh .hero__sub b { color:var(--text-1); }
/* 左栏布局节奏（眉题→标题→副文→按钮→特点行） */
.zh .hero__tag {
  display:inline-flex; align-items:center; gap:12px;
  font-size:13px; font-weight:600; letter-spacing:.28em; color:var(--text-3);
}
.zh .hero__tag::before { content:""; width:24px; height:2px; background:var(--brand-primary); }
.zh .hero__title {
  margin-top:38px;
  font-size:clamp(32px, 3.6vw, 50px);
  font-weight:900; color:var(--text-1);
  line-height:1.16; letter-spacing:-.01em;
}
.zh .hero__sub {
  margin-top:36px;
  font-size:15.5px; line-height:1.95; max-width:30em; color:var(--text-3);
}
.zh .hero__actions {
  margin-top:62px;
  display:flex; align-items:center; gap:22px; flex-wrap:wrap;
}
.zh .hero__badge { background:#fff; border-color:#E4E7EC; color:var(--text-2); }
.zh .hero__badge i { background:var(--brand-primary); box-shadow:0 0 0 3px rgba(29,78,216,.12); }
.zh .hero__note { color:var(--text-4); }
.zh .hero__feats { margin-top:46px; padding-top:26px; border-top:1px solid #E7EAF0; display:flex; gap:36px; flex-wrap:wrap; }
.zh .hero__feats span { display:inline-flex; align-items:center; gap:9px; font-size:14.5px; font-weight:500; color:var(--text-2); }
.zh .hero__feats i {
  width:18px; height:18px; border-radius:50%; flex-shrink:0;
  background:color-mix(in srgb, var(--brand-primary) 12%, #fff);
  position:relative;
}
.zh .hero__feats i::after {
  content:""; position:absolute; left:5.5px; top:5px; width:5px; height:3px;
  border-left:1.6px solid var(--brand-primary); border-bottom:1.6px solid var(--brand-primary);
  transform:rotate(-45deg);
}
/* 按钮基础（内距/圆角/flex） */
.zh .btn-lg {
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding:15px 34px; border:1px solid transparent; border-radius:10px;
  font-size:15px; letter-spacing:.02em; font-weight:600; line-height:1;
  transition:all .22s var(--ease); cursor:pointer; text-decoration:none;
}
/* 按钮改 B2B 蓝 */
.zh .btn-lg--light {
  background:var(--brand-primary); color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16), 0 8px 20px -8px rgba(79,70,229,.38);
}
.zh .btn-lg--light:hover {
  background:var(--brand-primary-d); color:#fff; transform:translateY(-1px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16), 0 12px 26px -8px rgba(79,70,229,.5);
}
.zh .btn-lg--light:active { transform:translateY(0); }
.zh .btn-lg--ghost { border-color:#D0D5DD; background:#fff; color:var(--text-1); }
.zh .btn-lg--ghost:hover {
  border-color:var(--brand-primary); color:var(--brand-primary); background:#fff;
  transform:translateY(-1px); box-shadow:0 8px 18px -10px rgba(16,24,40,.2);
}
.zh .btn-lg--ghost:active { transform:translateY(0); }
/* 公告轮播浅色 */
.zh .announce { background:#fff; border-color:#E4E7EC; }
.zh .announce__rot span { color:var(--text-2); }
.zh .announce__link { color:var(--brand-primary); }
.zh .announce__link:hover { color:#1E40AF; }
/* 数据统计条浅色 */

.zh .glass { position:relative; border:1px solid rgba(255,255,255,.12); border-radius:14px; background:linear-gradient(160deg, rgba(255,255,255,.07), rgba(255,255,255,.02)); backdrop-filter:blur(10px); box-shadow:0 40px 90px -30px rgba(0,0,0,.7), inset 0 1px 0 rgba(255,255,255,.1); overflow:hidden; }
.zh .glass__bar { display:flex; align-items:center; gap:8px; padding:14px 18px; border-bottom:1px solid var(--line-d); }
.zh .glass__bar i { width:9px; height:9px; border-radius:50%; background:rgba(255,255,255,.14); }
.zh .glass__bar i:first-child { background:rgba(129,140,248,.7); }
.zh .glass__url { margin-left:10px; font-size:11px; color:var(--t-d3); letter-spacing:.08em; }
.zh .glass__body { padding:22px 22px 26px; }
.zh .glass__title { font-size:11px; letter-spacing:.28em; color:var(--t-d3); margin-bottom:16px; }
.zh .kpis { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.zh .kpi { padding:14px 14px 12px; border:1px solid rgba(255,255,255,.08); border-radius:8px; background:rgba(255,255,255,.03); }
.zh .kpi__lbl { font-size:11px; color:var(--t-d3); letter-spacing:.06em; }
.zh .kpi__val { margin-top:6px; font-size:22px; font-weight:800; color:#fff; font-variant-numeric:tabular-nums; }
.zh .kpi__val .u { font-size:12px; font-weight:400; color:var(--t-d3); margin-left:2px; }
.zh .kpi--gold .kpi__val { color:var(--zcyan-l); }
.zh .chart { margin-top:16px; display:flex; align-items:flex-end; gap:7px; height:88px; padding:12px 14px 14px; border:1px solid rgba(255,255,255,.08); border-radius:8px; background:rgba(255,255,255,.03); }
.zh .chart i { flex:1; border-radius:2px 2px 0 0; background:linear-gradient(180deg, rgba(99,102,241,.85), rgba(99,102,241,.15)); transform-origin:bottom; animation:rise 1.2s cubic-bezier(.2,.7,.2,1) both; }
.zh .chart i:nth-child(1) { height:34%; animation-delay:.10s; }
.zh .chart i:nth-child(2) { height:52%; animation-delay:.18s; }
.zh .chart i:nth-child(3) { height:44%; animation-delay:.26s; }
.zh .chart i:nth-child(4) { height:68%; animation-delay:.34s; }
.zh .chart i:nth-child(5) { height:58%; animation-delay:.42s; }
.zh .chart i:nth-child(6) { height:82%; animation-delay:.50s; }
.zh .chart i:nth-child(7) { height:100%; background:linear-gradient(180deg, var(--zcyan-l), rgba(34,211,238,.12)); animation-delay:.58s; }
@keyframes rise { from { transform:scaleY(0); } to { transform:scaleY(1); } }
.zh .glass__float { position:absolute; right:-26px; top:-30px; padding:13px 18px; border-radius:10px; background:rgba(7,13,26,.9); border:1px solid rgba(129,140,248,.4); box-shadow:0 20px 50px -12px rgba(0,0,0,.6); animation:float 5s ease-in-out infinite; }
.zh .glass__float .l { font-size:11px; color:var(--t-d3); }
.zh .glass__float .v { font-size:15px; font-weight:700; color:var(--zcyan-l); margin-top:2px; }
@keyframes float { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-10px); } }

/* Hero 底部数字带 */
.zh .hero__stats { position:relative; z-index:2; border-top:1px solid #E4E7EC; background:#fff; backdrop-filter:none; -webkit-backdrop-filter:none; }
.zh .hero__stats .container { display:grid; grid-template-columns:repeat(4,1fr); }
.zh .stat { padding:34px 0; text-align:center; position:relative; }
.zh .stat + .stat::before { content:""; position:absolute; left:0; top:28%; bottom:28%; width:1px; background:#E4E7EC; }
.zh .stat__num { font-family:var(--serif); font-size:40px; font-weight:700; color:var(--text-1); font-variant-numeric:tabular-nums; }
.zh .stat__num .u { font-size:17px; color:var(--brand-primary); margin-left:3px; font-family:inherit; font-weight:600; }
.zh .stat__lbl { margin-top:8px; font-size:13px; color:var(--text-4); letter-spacing:.18em; }

/* ============ 品牌宣言 ============ */
.zh .statement { padding:130px 0 120px; background:#fff; text-align:center; }
.zh .statement__text { margin-top:8px; font-size:clamp(24px, 3vw, 34px); font-weight:700; line-height:1.75; letter-spacing:.01em; }
.zh .statement__text .em { color:var(--gold); }
.zh .statement__sub { margin-top:24px; font-size:14.5px; color:var(--text-3); letter-spacing:.04em; }

/* ============ 核心价值 ============ */
.zh .values { padding:130px 0; background:#fff; }
.zh .values__grid { margin-top:80px; display:grid; grid-template-columns:1.22fr .89fr .89fr; gap:0; border-top:1px solid var(--zline); border-left:1px solid var(--zline); }
.zh .vcard { padding:52px 44px 56px; border-right:1px solid var(--zline); border-bottom:1px solid var(--zline); position:relative; transition:all .4s ease; }
.zh .vcard:hover { background:var(--bg-soft); }
.zh .vcard__no { font-family:var(--serif); font-size:15px; color:var(--gold); letter-spacing:.2em; }
.zh .vcard__metric { margin-top:14px; font-family:var(--serif); font-size:clamp(34px,3.2vw,46px); font-weight:700; color:var(--text-1); line-height:1; letter-spacing:-.01em; }
.zh .vcard__metric span { font-size:15px; color:var(--text-3); margin-left:4px; font-family:inherit; font-weight:500; }
.zh .vcard__metric-l { margin-top:6px; font-size:12.5px; color:var(--text-3); letter-spacing:.06em; }
.zh .vcard__title { margin-top:14px; }
.zh .vcard__title { margin-top:18px; font-size:21px; font-weight:800; letter-spacing:.01em; }
.zh .vcard__text { margin-top:16px; font-size:14.5px; line-height:2; color:var(--text-2); }
.zh .vcard__list { margin-top:22px; list-style:none; }
.zh .vcard__list li { position:relative; padding:7px 0 7px 22px; font-size:13.5px; color:var(--text-3); }
.zh .vcard__list li::before { content:""; position:absolute; left:0; top:15px; width:10px; height:1px; background:var(--gold); }
.zh .vcard__arrow { position:absolute; right:36px; bottom:36px; width:18px; height:18px; color:var(--zline); transition:all .4s; }
.zh .vcard:hover .vcard__arrow { color:var(--gold); transform:translate(3px,-3px); }

/* ============ 选对版本（品牌门户主区） ============ */
.zh .ed-split { margin-top:70px; display:grid; grid-template-columns:1fr 1fr; gap:28px; }
.zh .ed-split__card { position:relative; padding:46px 44px 42px; border:1px solid var(--zline); border-radius:6px; background:#fff; transition:all .45s ease; }
.zh .ed-split__card:hover { transform:translateY(-5px); border-color:color-mix(in srgb, var(--ed) 45%, transparent); box-shadow:0 30px 60px -35px color-mix(in srgb, var(--ed) 30%, transparent); }
.zh .ed-split__head { display:flex; align-items:center; justify-content:space-between; }
.zh .ed-split__title { font-size:26px; font-weight:800; }
.zh .ed-split__for { margin-top:14px; font-size:14px; color:var(--text-2); }
.zh .ed-split__for b { color:var(--text-1); font-weight:600; }
.zh .ed-flow { margin-top:20px; display:flex; flex-wrap:wrap; align-items:center; gap:8px 6px; }
.zh .ed-chip { display:inline-flex; align-items:center; padding:7px 13px; border:1px solid var(--zline); border-radius:999px; background:#fff; font-size:12.5px; font-weight:600; color:var(--text-2); }
.zh .ed-flow i { font-style:normal; color:var(--text-4); font-size:12px; }
.zh .ed-chip--end { background:var(--ed); border-color:var(--ed); color:#fff; }
.zh .ed-split__card .eco-card__list { margin-top:22px; list-style:none; }
.zh .ed-split__card .eco-card__list li { position:relative; padding:6px 0 6px 20px; font-size:13.5px; color:var(--text-3); }
.zh .ed-split__card .eco-card__list li::before { content:""; position:absolute; left:0; top:14px; width:10px; height:1px; background:var(--ed); }
.zh .tag { display:inline-flex; align-items:center; padding:5px 14px; font-size:11px; letter-spacing:.22em; border-radius:2px; }
.zh .ed-split__head .tag--now { background:var(--ed); color:#fff; }
.zh .tag--now { background:var(--zblue-d); color:#fff; }
.zh .tag--soon { border:1px solid var(--zline); color:var(--text-3); }
.zh .ed-split__links { margin-top:26px; padding-top:22px; border-top:1px solid var(--zline); display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; }
.zh .ed-split__price { font-size:13px; font-weight:700; color:var(--ed); }
.zh .ed-split__price:hover { color:var(--brand-primary); }
.zh .ed-roadmap { margin-top:34px; display:flex; align-items:center; flex-wrap:wrap; gap:12px; padding:18px 24px; border:1px dashed var(--zline); border-radius:6px; background:var(--bg-soft); }
.zh .ed-roadmap__lbl { font-size:12px; letter-spacing:.2em; color:var(--text-4); }
.zh .ed-roadmap__item { font-size:13px; font-weight:600; color:var(--text-3); padding:6px 14px; border:1px solid var(--zline); border-radius:999px; background:#fff; }
.zh .ed-roadmap__note { margin-left:auto; font-size:12.5px; color:var(--text-4); }
.zh .ed-roadmap__note b { color:var(--text-2); font-weight:600; }
@media (max-width: 960px) {
  .zh .ed-split { grid-template-columns:1fr; }
  .zh .ed-roadmap__note { margin-left:0; width:100%; }
  /* 核心价值区：单列堆叠，内距收紧 */
  .zh .values__grid { grid-template-columns:1fr; }
  .zh .vcard { padding:34px 26px 38px; }
  .zh .vcard__arrow { display:none; }
  .zh .statement, .zh .values { padding:72px 0; }
}

/* ============ 右侧产品图（16:9 画框，contain 不裁切） ============ */
.zh .hero__visual { position:relative; }
.zh .hero__shot {
  margin:0 -8% -4% 0;   /* 向右下出血，图更大 */
  background:transparent; border:none; border-radius:0; box-shadow:none;
}
.zh .hero__shot img { display:block; width:100%; height:auto; object-fit:contain; }
/* 显示器（前景表格的外壳） */
.zh .zmon {
  position:absolute; right:0; top:50%; z-index:3;
  transform:perspective(1500px) rotateY(-10deg) translateY(-50%);
  width:min(700px,100%);
  background:#1F2733; border-radius:16px; padding:10px 10px 12px;
  box-shadow:0 32px 64px -24px rgba(16,24,40,.28), 0 4px 10px rgba(16,24,40,.08);
}
.zh .zmon .zwin--front { position:relative; right:auto; top:auto; transform:none; width:100%; box-shadow:none; border:none; animation:none; }
.zh .zmon::before { /* 支架颈 */
  content:""; position:absolute; left:50%; bottom:-30px; transform:translateX(-50%);
  width:46px; height:30px; background:linear-gradient(180deg,#D6DAE1,#AEB4BF);
  border-radius:0 0 4px 4px;
}
.zh .zmon::after { /* 底座 */
  content:""; position:absolute; left:50%; bottom:-42px; transform:translateX(-50%);
  width:150px; height:12px; background:linear-gradient(180deg,#C9CED6,#98A0AC);
  border-radius:6px; box-shadow:0 10px 20px -8px rgba(16,24,40,.3);
}
/* 迷你主机（软硬件一体，克制呈现） */
.zh .zhost {
  position:absolute; left:-2%; bottom:2%; z-index:4; width:128px; height:36px;
  border-radius:8px;
  background:linear-gradient(180deg,#EEF0F3,#CDD3DB 70%,#B9C0CA);
  border:1px solid #C2C8D1;
  box-shadow:0 14px 28px -12px rgba(16,24,40,.28), inset 0 1px 0 #fff;
}
.zh .zhost::before { /* 散热格栅 */
  content:""; position:absolute; left:12px; right:34px; top:9px; height:8px;
  background:repeating-linear-gradient(90deg, rgba(16,24,40,.18) 0 2px, transparent 2px 6px);
  border-radius:2px;
}
.zh .zhost i { position:absolute; right:12px; top:50%; transform:translateY(-50%); width:6px; height:6px; border-radius:50%; background:#34D399; box-shadow:0 0 6px rgba(52,211,153,.7); }
/* 背景窗口（浅景深） */
.zh .zwin--bl { left:-8%; top:-5%; width:min(330px,44%); transform:perspective(1200px) rotateY(-6deg); filter:blur(2.5px); opacity:.5; animation-delay:.9s; }
.zh .zwin--br { left:0%; bottom:-5%; width:min(320px,42%); transform:perspective(1200px) rotateY(-4deg); filter:blur(1.5px); opacity:.65; animation-delay:1.8s; }
/* 窗口阴影浅色化 */
.zh .zwin { box-shadow:0 20px 44px -18px rgba(16,24,40,.2), 0 2px 6px rgba(16,24,40,.07); }
/* 浮卡浅色 */
.zh .zfloat {
  background:rgba(255,255,255,.92); border:1px solid #E4E7EC;
  box-shadow:0 12px 28px -12px rgba(16,24,40,.18);
  backdrop-filter:blur(6px);
}
.zh .zfloat span { color:var(--text-4); }
.zh .zfloat b { color:var(--text-1); }
.zh .zfloat--money b { color:#0E7490; }
.zh .zfloat--warn b { color:#B45309; }
.zh .zfloat--money { right:2%; top:4%; }
.zh .zfloat--warn { right:34%; top:-2%; }
/* 铭牌浅色 */
.zh .zdocs-tag {
  position:absolute; left:50%; bottom:-7%; transform:translateX(-50%); z-index:5;
  font-size:11px; letter-spacing:.22em; color:var(--text-3);
  padding:5px 16px; border:1px solid #E4E7EC; border-radius:999px; background:#fff;
  white-space:nowrap; box-shadow:0 4px 12px -6px rgba(16,24,40,.12);
}
.zh .zwin {
  position:absolute; background:#fff; border-radius:12px; overflow:hidden;
  border:1px solid rgba(224,231,255,.55);
  box-shadow:0 48px 110px -28px rgba(11,13,35,.58), 0 6px 14px rgba(11,13,35,.16);
  animation:zwinFloat 8s ease-in-out infinite;
}
@keyframes zwinFloat { 0%,100%{ margin-top:0; } 50%{ margin-top:-8px; } }  /* 浮动走 margin，不干扰 3D 角度 */
.zh .zwin--bl { left:3%; top:5%; width:min(470px,42vw); transform:perspective(1500px) rotateY(-9deg); filter:blur(4px); opacity:.55; animation-delay:.9s; }
.zh .zwin--br { left:27%; bottom:4%; width:min(430px,38vw); transform:perspective(1500px) rotateY(-14deg); filter:blur(2.5px); opacity:.7; animation-delay:1.8s; }
.zh .zwin--front { /* 定位已由 .zmon 接管 */ }
/* 窗口栏 */
.zh .zwin__bar { display:flex; align-items:center; gap:6px; padding:11px 14px; background:#F5F5F5; border-bottom:1px solid #E5E5E5; }
.zh .zwin__bar i { width:9px; height:9px; border-radius:50%; background:#E5E5E5; }
.zh .zwin__bar i:nth-child(1) { background:#FCA5A5; }
.zh .zwin__bar i:nth-child(2) { background:#FCD34D; }
.zh .zwin__bar i:nth-child(3) { background:#86EFAC; }
.zh .zwin__bar span { margin-left:8px; font-size:11.5px; color:var(--text-4); letter-spacing:.04em; }
.zh .zwin__body { padding:18px; }
.zh .zwin__body--table { padding:0; }
/* 前景表格 */
.zh .ztable { width:100%; border-collapse:collapse; font-size:13px; }
.zh .ztable th {
  text-align:left; font-size:10.5px; letter-spacing:.08em; font-weight:700; color:var(--text-4);
  padding:8px 12px; background:#F5F5F5; border-bottom:1px solid #E5E5E5; border-right:1px solid #EFEEEB; white-space:nowrap;
}
.zh .ztable th:last-child { border-right:none; }
.zh .ztable td {
  padding:5px 12px; border-bottom:1px solid #F0EFEC; border-right:1px solid #F5F5F5;
  color:var(--text-2); white-space:nowrap; font-variant-numeric:tabular-nums; line-height:1.35;
}
.zh .ztable td:last-child { border-right:none; }
.zh .ztable tbody tr:nth-child(even) td { background:#FAFAFA; }
.zh .ztable tbody tr:hover td { background:#EEF2FF; }
.zh .ztable td:first-child { font-weight:700; color:var(--text-1); }
.zh .ztable .tar { text-align:right; }
/* 迷你进度条 */
.zh .zprog { display:inline-block; width:52px; height:4px; border-radius:2px; background:#EFEFEF; overflow:hidden; vertical-align:middle; margin-right:5px; }
.zh .zprog i { display:block; height:100%; border-radius:2px; background:linear-gradient(90deg,#4F46E5,#818CF8); }
.zh .ztable td em { font-style:normal; font-size:10.5px; color:var(--text-4); }
/* 筛选工具栏 */
.zh .zwin__tools { display:flex; align-items:center; gap:6px; padding:7px 10px; background:#fff; border-bottom:1px solid #E5E5E5; }
.zh .zt-filter { font-size:11px; font-weight:600; color:var(--text-3); padding:3px 10px; border-radius:999px; border:1px solid #E5E5E5; white-space:nowrap; }
.zh .zt-filter.is-on { background:#EEF2FF; color:#4F46E5; border-color:rgba(79,70,229,.3); }
.zh .zt-search { margin-left:auto; font-size:11px; color:var(--text-4); padding:4px 10px; border:1px solid #E5E5E5; border-radius:6px; background:#FAFAFA; white-space:nowrap; }
.zh .zt-export { font-size:11px; font-weight:700; color:#4F46E5; padding:4px 10px; border-radius:6px; background:#EEF2FF; white-space:nowrap; }
.zh .zst { display:inline-block; padding:2px 8px; border-radius:999px; font-size:10px; font-weight:700; white-space:nowrap; }
.zh .zst--run  { background:#EEF2FF; color:#4F46E5; }
.zh .zst--ok   { background:#ECFDF5; color:#059669; }
.zh .zst--warn { background:#FEF3C7; color:#B45309; }
.zh .zst--done { background:#F5F5F5; color:var(--text-3); }
.zh .zwin__foot { display:flex; align-items:center; gap:14px; padding:10px 18px; border-top:1px solid #E5E5E5; font-size:12.5px; color:var(--text-3); font-variant-numeric:tabular-nums; }
/* 背景窗口内容 */
.zh .zwin__kpis { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.zh .zwin__kpis span { display:block; font-size:11px; color:var(--text-4); margin-bottom:3px; }
.zh .zwin__kpis b { font-size:17px; font-weight:800; color:var(--text-1); font-variant-numeric:tabular-nums; }
.zh .zwin__kpis em { font-style:normal; font-size:10.5px; color:#059669; font-weight:700; }
.zh .zwin__chart { margin-top:16px; height:64px; display:flex; align-items:flex-end; gap:7px; }
.zh .zwin__chart i { flex:1; border-radius:2px 2px 0 0; background:linear-gradient(180deg, rgba(99,102,241,.85), rgba(99,102,241,.25)); transform-origin:bottom; animation:zchartRise 1.2s cubic-bezier(.2,.7,.2,1) both; }
.zh .zwin__chart i:nth-child(1){ height:34%; } .zh .zwin__chart i:nth-child(2){ height:52%; }
.zh .zwin__chart i:nth-child(3){ height:44%; } .zh .zwin__chart i:nth-child(4){ height:68%; }
.zh .zwin__chart i:nth-child(5){ height:58%; } .zh .zwin__chart i:nth-child(6){ height:82%; }
.zh .zwin__chart i:nth-child(7){ height:100%; background:linear-gradient(180deg,#22D3EE,rgba(34,211,238,.25)); }
@keyframes zchartRise { from{ transform:scaleY(0); } }
.zh .zwin__steps { list-style:none; display:flex; flex-direction:column; gap:12px; }
.zh .zwin__steps li { display:flex; align-items:center; gap:10px; font-size:13px; color:var(--text-3); }
.zh .zwin__steps li em { margin-left:auto; font-style:normal; font-size:11px; color:var(--text-4); }
.zh .zwin__steps i { width:16px; height:16px; border-radius:50%; border:1.5px solid #D4D4D4; flex-shrink:0; }
.zh .zwin__steps li.is-done i { border-color:#059669; background:#059669; box-shadow:inset 0 0 0 4px #fff; }
.zh .zwin__steps li.is-run i { border-color:#4F46E5; background:#4F46E5; box-shadow:inset 0 0 0 4px #fff, 0 0 0 0 rgba(79,70,229,.35); animation:zdotPulse 1.8s infinite; }
@keyframes zdotPulse { 0%{ box-shadow:inset 0 0 0 4px #fff, 0 0 0 0 rgba(79,70,229,.35);} 70%{ box-shadow:inset 0 0 0 4px #fff, 0 0 0 7px rgba(79,70,229,0);} 100%{ box-shadow:inset 0 0 0 4px #fff, 0 0 0 0 rgba(79,70,229,0);} }
.zh .zwin__barline { margin-top:16px; height:6px; border-radius:3px; background:#EFEFEF; overflow:hidden; }
.zh .zwin__barline--sm { margin-top:0; flex:1; height:5px; }
.zh .zwin__barline i { display:block; height:100%; border-radius:3px; background:linear-gradient(90deg,#4F46E5,#818CF8); }
.zh .zwin__note { margin-top:10px; font-size:11.5px; color:var(--text-4); font-variant-numeric:tabular-nums; }
/* 工人端手机（压在表格左下角） */
.zh .zphone {
  position:absolute; right:-2%; bottom:-3%; z-index:5; width:142px;
  border-radius:22px; background:#0E1129; padding:7px;
  box-shadow:0 24px 56px -16px rgba(11,13,35,.6), 0 0 0 1px rgba(224,231,255,.25);
  transform:rotate(-6deg); animation:zphoneFloat 6.5s ease-in-out infinite;
}
@keyframes zphoneFloat { 0%,100%{ transform:rotate(-6deg) translateY(0);} 50%{ transform:rotate(-6deg) translateY(-7px);} }
.zh .zphone__notch { width:44px; height:5px; border-radius:3px; background:#1E2749; margin:2px auto 6px; }
.zh .zphone__screen { background:#F7F7F5; border-radius:16px; padding:11px 11px 10px; }
.zh .zphone__head { display:flex; align-items:center; gap:8px; }
.zh .zphone__ava {
  width:26px; height:26px; border-radius:50%; background:#EEF2FF; color:#4F46E5;
  display:grid; place-items:center; font-size:9.5px; font-weight:800; flex-shrink:0;
}
.zh .zphone__head b { display:block; font-size:11.5px; color:var(--text-1); }
.zh .zphone__head em { font-style:normal; font-size:9px; color:var(--text-4); }
.zh .zphone__scan {
  margin-left:auto; width:22px; height:22px; border-radius:6px; background:#0E1129; position:relative; flex-shrink:0;
}
.zh .zphone__scan::after {
  content:""; position:absolute; inset:4px; border:1.5px solid #67E8F9; border-radius:3px;
  box-shadow:0 0 6px rgba(103,232,249,.6);
}
.zh .zphone__task {
  display:flex; justify-content:space-between; align-items:center; margin-top:7px;
  padding:6px 8px; border-radius:8px; background:#fff; font-size:10px; color:var(--text-3);
}
.zh .zphone__task em { font-style:normal; font-size:9px; color:var(--text-4); }
.zh .zphone__task.is-run { border:1px solid rgba(79,70,229,.35); color:var(--text-1); font-weight:600; }
.zh .zphone__task.is-run em { color:#4F46E5; font-weight:700; }
.zh .zphone__pay { display:flex; justify-content:space-between; align-items:baseline; margin-top:9px; }
.zh .zphone__pay span { font-size:9.5px; color:var(--text-4); }
.zh .zphone__pay b { font-size:14px; font-weight:800; color:var(--text-1); font-variant-numeric:tabular-nums; }
.zh .zphone__bar { margin-top:6px; height:4px; border-radius:2px; background:#E5E5E5; overflow:hidden; }
.zh .zphone__bar i { display:block; height:100%; background:linear-gradient(90deg,#0891B2,#22D3EE); border-radius:2px; }
.zh .zphone__foot { margin-top:6px; font-size:8.5px; color:var(--text-4); }
/* 实时跳动浮卡 */
.zh .zfloat {
  position:absolute; z-index:6; display:flex; flex-direction:column; gap:2px;
  padding:10px 14px; border-radius:10px;
  background:rgba(11,13,35,.82); border:1px solid rgba(129,140,248,.38);
  box-shadow:0 16px 40px -12px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter:blur(8px); animation:zfloatA 5.5s ease-in-out infinite;
}
.zh .zfloat span { font-size:10px; color:rgba(255,255,255,.4); letter-spacing:.08em; }
.zh .zfloat b { font-size:15px; font-weight:800; color:#fff; font-variant-numeric:tabular-nums; }
.zh .zfloat--money { right:5%; top:16%; animation-delay:.6s; }
.zh .zfloat--money b { color:#67E8F9; }
.zh .zfloat--warn { right:38%; top:9%; animation-delay:1.4s; }
.zh .zfloat--warn b { color:#FCD34D; font-size:13px; }
@keyframes zfloatA { 0%,100%{ transform:translateY(0);} 50%{ transform:translateY(-8px);} }
@media (prefers-reduced-motion: reduce) { .zh .zphone, .zh .zfloat { animation:none; } }

/* 铭牌（跟随前景窗口右下） */
.zh .zdocs-tag {
  position:absolute; right:4%; bottom:9%; z-index:7;
  font-size:11px; letter-spacing:.22em; color:var(--t-d3);
  padding:5px 16px; border:1px solid var(--line-d); border-radius:999px; background:rgba(11,13,35,.6);
  white-space:nowrap;
}
@media (prefers-reduced-motion: reduce) { .zh .zwin, .zh .zwin__chart i, .zh .zwin__steps li.is-run i { animation:none; } }
@media (max-width: 960px) {
  .zh .hero__grid { grid-template-columns:1fr; gap:12px; }
  .zh .hero__visual { min-height:420px; margin-top:16px; }
  .zh .zmon { transform:none; width:94%; right:0; }
  .zh .zmon::before, .zh .zmon::after { display:none; }
  .zh .zwin--bl { display:none; }
  .zh .zwin--br { left:0; bottom:0; width:46%; }
  .zh .ztable { font-size:11px; }
  .zh .ztable th, .zh .ztable td { padding:6px 8px; }
  .zh .zwin__kpis b { font-size:13px; }
  .zh .zdocs-tag, .zh .zhost, .zh .zfloat { display:none; }
  .zh .zphone { right:0; bottom:-2%; width:120px; }
}


/* ============ 客户证言（2×2 卡片） ============ */
.zh .quotes { padding:110px 0; background:#fff; }
.zh .quotes__grid { margin-top:56px; display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.zh .qcard {
  position:relative; margin:0; padding:30px 32px 26px;
  background:#FAFAFA; border:1px solid #E7EAF0; border-radius:14px;
  display:flex; flex-direction:column;
}
.zh .qcard::before {
  content:"\201C"; position:absolute; right:22px; top:10px;
  font-family:var(--serif); font-size:56px; line-height:1; color:rgba(79,70,229,.14);
}
.zh .qcard__text {
  margin:0; font-size:15px; font-weight:400; line-height:1.9; color:var(--text-2); flex:1;
}
.zh .qcard__text::first-letter { font-size:1em; }
.zh .qcard__by {
  margin-top:20px; padding-top:16px; border-top:1px solid #E7EAF0;
  font-size:13px; font-weight:600; color:var(--text-3); letter-spacing:.05em;
}
@media (max-width: 860px) {
  .zh .quotes { padding:70px 0; }
  .zh .quotes__grid { grid-template-columns:1fr; }
}

/* ============ 行业落地墙（跑马灯） ============ */
.zh .industries { padding:110px 0 100px; background:#fff; overflow:hidden; }
.zh .marquee { margin-top:44px; overflow:hidden; padding:6px 0;
  -webkit-mask-image:linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
  mask-image:linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
}
.zh .marquee__track { display:flex; gap:16px; width:max-content; animation:mqScroll 36s linear infinite; }
.zh .marquee--rev .marquee__track { animation-direction:reverse; animation-duration:42s; }
.zh .marquee__track span {
  padding:12px 26px; border:1px solid var(--zline); border-radius:999px;
  font-size:14px; font-weight:600; color:var(--text-3); background:#fff; white-space:nowrap;
}
.zh .marquee__track span:nth-child(4n+1) { color:var(--zblue-d); border-color:color-mix(in srgb, var(--zblue-d) 28%, transparent); }
.zh .marquee__track span:nth-child(4n+3) { color:#0891B2; border-color:rgba(8,145,178,.28); }
@keyframes mqScroll { to { transform:translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .zh .marquee__track { animation:none; } }

/* ============ 最新文章（首页底部） ============ */
.zh .zh-blog { padding:110px 0 100px; background:var(--bg-soft); border-top:1px solid var(--zline); }
.zh .zh-blog__head { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; flex-wrap:wrap; }
.zh .zh-blog__all { font-size:14px; font-weight:700; color:var(--zblue-d); }
.zh .zh-blog__all:hover { color:var(--brand-primary); }
.zh .zh-blog__grid { margin-top:52px; display:grid; grid-template-columns:1fr 1fr; gap:0 var(--sp-12); }
.zh .zh-blog__item {
  display:flex; flex-direction:column; gap:6px; position:relative;
  padding:20px 44px 20px 0; border-bottom:1px solid var(--zline); text-decoration:none;
}
.zh .zh-blog__meta { font-size:12px; color:var(--text-4); letter-spacing:.04em; }
.zh .zh-blog__title {
  font-size:15.5px; font-weight:600; color:var(--text-1); line-height:1.6;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
  transition:color .25s var(--ease);
}
.zh .zh-blog__item:hover .zh-blog__title { color:var(--zblue-d); }
.zh .zh-blog__arrow {
  position:absolute; right:6px; top:50%; width:15px; height:15px;
  transform:translateY(-50%); color:var(--zline); transition:all .25s var(--ease);
}
.zh .zh-blog__item:hover .zh-blog__arrow { color:var(--zblue-d); transform:translate(3px,-50%); }

/* ============ CTA（品牌首页收口） ============ */
.zh .cta { position:relative; padding:140px 0; background:var(--ink-950); text-align:center; overflow:hidden; }
.zh .cta::before { content:""; position:absolute; inset:0; background:
  radial-gradient(ellipse 55% 60% at 50% 115%, rgba(99,102,241,.22), transparent 70%),
  radial-gradient(ellipse 30% 30% at 80% 10%, rgba(129,140,248,.08), transparent 70%); }
.zh .cta__eyebrow { position:relative; z-index:1; }
.zh .cta__title { position:relative; z-index:1; margin-top:26px; font-size:clamp(32px, 4.4vw, 54px); font-weight:900; color:#fff; letter-spacing:-.01em; }
.zh .cta__desc { position:relative; z-index:1; margin-top:20px; font-size:16px; color:var(--t-d2); letter-spacing:.06em; }
.zh .cta__actions { position:relative; z-index:1; margin-top:48px; display:flex; justify-content:center; gap:22px; flex-wrap:wrap; }
.zh .cta__phone { position:relative; z-index:1; margin-top:34px; font-size:13px; color:var(--t-d3); letter-spacing:.14em; }
.zh .cta__phone b { color:var(--t-d2); font-weight:500; }

@media (max-width: 960px) {
  /* hero 移动端：单栏 + 取消出血，防水平滚动 */
  .zh .hero__grid { grid-template-columns:1fr; gap:8px; }
  .zh .hero__head { padding:0 0 36px; }
  .zh .hero__visual { margin-top:4px; }
  .zh .hero__shot { margin:0; }
  .zh .hero__shot img { width:100%; }
  .zh .quote, .zh .industries, .zh .zh-blog { padding:70px 0; }
  .zh .cta { padding:90px 0; }
  .zh .zh-blog__grid { grid-template-columns:1fr; }
  .zh .marquee__track span { padding:10px 18px; font-size:13px; }
}