/* yuzhixin front: header / footer / home. Hand-written from the reference-site layout + 样式规范.md.
   Class prefix yz- (never "xld"). Brand colours, font and easing live in the custom properties below only. */

/* A 方案字体（样式规范.md 第 2 节）：Archivo 700 标题、IBM Plex Sans 400/500 正文。SIL OFL，只发拉丁子集，不引外部字体。 */
@font-face{font-family:"Archivo";font-style:normal;font-weight:700;font-display:swap;src:url(../font/archivo-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:400;font-display:swap;src:url(../font/ibm-plex-sans-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:500;font-display:swap;src:url(../font/ibm-plex-sans-500-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --yz-font:"IBM Plex Sans","Segoe UI",Roboto,"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;
  --yz-font-heading:"Archivo","Segoe UI",Roboto,"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;
  /* brand A 方案（样式规范.md 第 1 节） */
  --yz-primary:#1B5FAA;
  --yz-primary-dark:#154A86;
  --yz-primary-light:#2F72BD;
  --yz-accent:#F69545;
  --yz-accent-ink:#1A2330;
  --yz-accent-strong:#F69545;
  --yz-accent-strong-hover:#E07F2B;
  --yz-on-brand:#FFFFFF;
  /* neutrals */
  --yz-heading:#1A2330;
  --yz-text:#394753;
  --yz-muted:#5C6675;
  --yz-surface:#F3F6F9;
  --yz-border:#E5E9EE;
  --yz-bg:#FFFFFF;
  --yz-slate:#3D4A5C;
  --yz-footer:#28333C;
  --yz-wa:#075E54;
  --yz-wa-hover:#054D45;
  --yz-error:#DC2626;
  /* layout + motion */
  --yz-container:1384px;
  --yz-wide:1800px;
  --yz-gutter:16px;
  --yz-radius:16px;
  --yz-shadow:0 1px 3px rgba(0,0,0,.1);
  --yz-shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
  --yz-shadow-xl:0 25px 50px -12px rgba(0,0,0,.25);
  --yz-ease:cubic-bezier(.34,1.56,.64,1);   /* springy: sticky slide-in + drawer */
  --yz-ease-std:cubic-bezier(.4,0,.2,1);
  --yz-header-h:76px;
}
@media (min-width:768px){:root{--yz-gutter:24px}}
@media (min-width:1024px){:root{--yz-gutter:32px}}

/* ---------- base ---------- */
.yz-front{margin:0;font-family:var(--yz-font);color:rgb(26,35,48);background:var(--yz-bg);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;font-synthesis:none}
.yz-front *,.yz-front *::before,.yz-front *::after{box-sizing:border-box}
:where(.yz-front) img{max-width:100%;display:block}
:where(.yz-front) a{color:inherit;text-decoration:none}
:where(.yz-front) :where(h1,h2,h3){margin:0;color:inherit}
:where(.yz-front) p{margin:0}
.yz-front :focus-visible{outline:3px solid color-mix(in srgb,var(--yz-accent) 40%,transparent);outline-offset:2px}
.yz-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.yz-container{width:100%;max-width:var(--yz-container);margin-inline:auto;padding-inline:var(--yz-gutter)}
.yz-wide{width:100%;max-width:var(--yz-wide);margin-inline:auto;padding-inline:var(--yz-gutter)}
/* yz 页不加载 yuzhixin-site.css，抽屉打开时共用 JS 会给 html 加 page-scroll-lock */
html.page-scroll-lock{overflow:hidden;overscroll-behavior:none}
html.page-scroll-lock body{position:fixed;left:0;right:0;width:100%;overflow:visible;overscroll-behavior:none}
#header.is-open{z-index:80} /* lift above .yz-quickbar / .yz-wa-float while the drawer is open */

/* ---------- buttons ---------- */
.yz-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:9999px;padding:12px 24px;font-size:14px;font-weight:600;line-height:1.2;border:1px solid transparent;cursor:pointer;transition:background-color .15s var(--yz-ease-std),color .15s,box-shadow .2s,transform .15s;white-space:nowrap;font-family:inherit}
.yz-btn svg{transition:transform .2s}
.yz-btn:hover svg{transform:translate(2px,-2px)}
.yz-btn--sm{padding:8px 16px;font-size:13px}
.yz-btn--block{width:100%;border-radius:12px;padding:14px 24px;text-transform:uppercase;letter-spacing:.05em;font-weight:700}
.yz-btn--accent{background:var(--yz-accent-strong);color:var(--yz-on-brand);font-weight:600;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}
.yz-btn--accent:hover{background:color-mix(in srgb,var(--yz-accent-strong) 90%,transparent);color:#fff;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}
.yz-btn--outline:hover{background:var(--yz-text);color:#fff}
.yz-front .yz-btn:hover{color:#fff}
.yz-btn--primary{background:var(--yz-primary);color:var(--yz-on-brand)}
.yz-btn--primary:hover{background:var(--yz-primary-dark)}
.yz-btn--outline{border-color:color-mix(in srgb,var(--yz-text) 15%,transparent);color:var(--yz-text);background:transparent;font-weight:600}
.yz-btn--outline:hover{background:var(--yz-text);color:#fff}
.yz-btn--ghost{border-color:rgba(255,255,255,.4);color:#fff;background:rgba(255,255,255,.06)}
.yz-btn--ghost:hover{background:rgba(255,255,255,.16)}
.yz-btn--wa{background:var(--yz-wa);color:#fff}
.yz-btn--wa:hover{background:var(--yz-wa-hover)}
.yz-btn[disabled]{opacity:.6;cursor:not-allowed}
.yz-btn-row{display:flex;flex-wrap:wrap;gap:12px}
.yz-round{display:grid;place-items:center;width:32px;height:32px;border-radius:9999px;background:var(--yz-primary);color:#fff;box-shadow:0 4px 6px -1px rgba(0,0,0,.2);transition:transform .15s}
.yz-round:hover{transform:scale(1.05)}
@media (min-width:768px){.yz-round{width:36px;height:36px}}

/* ---------- typography helpers ---------- */
.yz-eyebrow,h2.yz-eyebrow{font-size:14px;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:var(--yz-accent-strong);margin-bottom:24px}
.yz-eyebrow--rule{display:inline-flex;align-items:center;gap:12px;font-size:12px}
.yz-eyebrow--rule::before{content:"";width:40px;height:2px;border-radius:2px;background:var(--yz-accent)}
.yz-h2{font-size:30px;line-height:1.25;font-weight:700;font-family:var(--yz-font-heading);color:var(--yz-heading);margin-bottom:20px}
.yz-h2--light{color:#fff}
@media (min-width:768px){.yz-h2{font-size:36px}}
@media (min-width:1024px){.yz-h2{font-size:48px}}
.yz-badge{display:inline-block;background:var(--yz-accent);color:var(--yz-accent-ink);font-size:11px;font-weight:700;font-family:var(--yz-font-heading);text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;padding:3px 10px;margin-bottom:8px}

/* ============================================================
   HEADER  (#header; .is-open for the mobile drawer. Sticky-on-scroll removed: target site does not pin the header.)
   ============================================================ */
.yz-header{position:relative;z-index:40;color:#fff;background:var(--yz-heading);
  /* constmach 实测（2026-10-19）：头部强调色为橙 #F69545（导航悬停/当前页、Caret、CTA 按钮） */
  --yz-accent:#F69545;--yz-accent-strong:#F69545;--yz-accent-strong-hover:#E07F2B}
.page-home .yz-header{position:absolute;inset:0 0 auto 0;background:transparent}
.yz-header__bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:20px;transition:padding .3s var(--yz-ease-std)}
@media (min-width:768px){.yz-header__bar{padding-block:20px}}
.yz-brand{display:flex;align-items:center;min-width:0;gap:0}
.yz-brand__logo{max-height:30px;max-width:170px;width:auto;height:auto;object-fit:contain;transition:max-height .3s var(--yz-ease-std)}
@media (min-width:640px){.yz-brand__logo{max-height:34px}}
@media (min-width:768px){.yz-brand__logo{max-height:30px;max-width:180px}}
.yz-header .yz-brand__logo--dark{display:none}
.yz-brand__name{font-size:20px;font-weight:700;letter-spacing:.02em}
.yz-brand__rule,.yz-brand__tagline{display:none}
@media (min-width:768px){
  .yz-brand__rule{display:block;width:3px;height:36px;border-radius:9999px;background:var(--yz-accent);margin-inline:16px 12px;flex:none}
  .yz-brand__tagline{display:block;max-width:min(28em,34vw);font-size:12px;line-height:16px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:#fff;
    white-space:normal;overflow:visible;text-overflow:clip;-webkit-line-clamp:unset;-webkit-box-orient:initial}
}
.yz-header__tools{display:flex;align-items:center;gap:6px}
@media (min-width:640px){.yz-header__tools{gap:8px}}
@media (min-width:768px){.yz-header__tools{gap:12px}}
@media (min-width:1024px){.yz-header__tools{gap:16px}}
.yz-header__phone{display:none;font-weight:600;font-size:14px;font-variant-numeric:tabular-nums;white-space:nowrap;transition:color .15s}
.yz-header__phone:hover{color:var(--yz-accent)}
@media (min-width:640px){.yz-header__phone{display:inline-flex}}
@media (min-width:768px){.yz-header__phone{font-size:16px}}
.yz-header__contacts{display:none;align-items:center;gap:8px}
@media (min-width:768px){.yz-header__contacts{display:flex}}
/* language switch (native <details>, no JS needed) */
.yz-lang{position:relative}
.yz-lang summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:9999px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.05);font-size:14px;font-weight:500}
.yz-lang summary::-webkit-details-marker{display:none}
/* constmach 同款：20x14 圆角 2px 旗 + 1px 白 20% 描边 */
.yz-lang__flag{width:20px;height:14px;border-radius:2px;box-shadow:0 0 0 1px rgba(255,255,255,.2);flex-shrink:0;display:block}
.yz-lang__menu a{display:flex;align-items:center;gap:8px}
.yz-lang__flag--sm{width:16px;height:11px}
.yz-lang__defs{position:absolute;width:0;height:0;overflow:hidden}
.yz-lang[open] summary .yz-caret{transform:rotate(180deg)}
.yz-lang__menu{position:absolute;right:0;top:calc(100% + 8px);min-width:160px;background:#fff;color:var(--yz-text);border:1px solid var(--yz-border);border-radius:12px;box-shadow:var(--yz-shadow-xl);padding:6px;z-index:60}
.yz-lang__menu a{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;font-size:14px}
.yz-lang__menu a:hover,.yz-lang__menu a.is-current{color:var(--yz-accent);background:var(--yz-surface)}
.yz-caret{transition:transform .2s}

/* burger (below 1024px) */
.yz-burger{display:inline-grid;place-items:center;width:48px;height:48px;margin-right:-8px;border:0;background:transparent;color:inherit;cursor:pointer}
.yz-burger span,.yz-burger span::before,.yz-burger span::after{display:block;width:24px;height:2.5px;border-radius:2px;background:currentColor;position:relative;content:""}
.yz-burger span::before{position:absolute;top:-7px}
.yz-burger span::after{position:absolute;top:7px}

/* desktop navigation row */
.yz-nav{display:flex;align-items:center;justify-content:space-between;gap:8px}
.yz-nav__link{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;font-size:14px;font-weight:400;letter-spacing:normal;text-transform:none;transition:color .15s}
.yz-nav__link:hover,.yz-nav__link[aria-current="page"]{color:var(--yz-accent)}
/* constmach 实测：桌面导航 14px/600 全大写、字距 .7px、行高 20px */
@media (min-width:1024px){.yz-header .yz-nav__link{font-weight:600;text-transform:uppercase;letter-spacing:.7px;line-height:20px}}
/* constmach 橙底按钮配深墨字（白字对比度不足） */
.yz-header .yz-btn--accent{color:var(--yz-accent-ink)}
.yz-drawer__head,.yz-drawer__foot{display:none}
.yz-drawer__links{display:contents}
.yz-nav-overlay{display:none}
.nav-mega-head,.yz-nav__sub-head{display:flex;align-items:center}
.yz-nav__sub-toggle{display:none;border:0;background:transparent;color:inherit;cursor:pointer;padding:8px}

@media (min-width:1024px){
  .yz-burger{display:none}
  .yz-header__navrow .yz-nav{padding-block:16px;border-top:1px solid rgba(255,255,255,.1)}
  .has-mega{position:relative}
  .has-mega:hover .yz-caret,.has-mega:focus-within .yz-caret{transform:rotate(180deg)}
  .yz-mega{position:absolute;left:0;top:100%;padding-top:12px;z-index:50;width:740px;max-width:calc(100vw - 2*var(--yz-gutter));
    visibility:hidden;opacity:0;transform:translateY(4px);transition:opacity .2s var(--yz-ease-std),transform .2s var(--yz-ease-std),visibility .2s}
  .has-mega:hover .yz-mega,.has-mega:focus-within .yz-mega,.has-mega.is-open .yz-mega{visibility:visible;opacity:1;transform:none}
  .yz-mega__all{display:block;background:#fff;color:var(--yz-accent);font-weight:600;font-size:14px;padding:14px 24px 0;border-radius:16px 16px 0 0;border:1px solid var(--yz-border);border-bottom:0}
  .yz-mega__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 16px;background:#fff;color:var(--yz-text);border:1px solid var(--yz-border);border-top:0;border-radius:0 0 16px 16px;box-shadow:var(--yz-shadow-xl);padding:12px 16px 20px}
  .yz-mega__cat{display:flex;align-items:center;gap:10px;padding:8px;border-radius:10px;font-size:14px}
  .yz-mega__cat img{width:44px;height:44px;border-radius:8px;object-fit:cover;flex:none}
  .yz-mega__cat:hover{color:var(--yz-accent);background:var(--yz-surface)}
  .yz-mega__links{list-style:none;margin:0 0 4px;padding:0 8px 0 62px}
  .yz-mega__links a{display:block;font-size:13px;color:var(--yz-muted);padding:3px 0}
  .yz-mega__links a:hover{color:var(--yz-accent)}
}

/* mobile drawer (below 1024px): constmach Sheet — 280/320px from the right, no orange title bar */
@media (max-width:1023.98px){
  .yz-header__navrow{padding:0}
  .yz-nav{position:fixed;top:0;right:0;bottom:0;z-index:70;width:280px;max-width:86vw;height:100dvh;max-height:none!important;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;
    min-width:0;overflow-x:hidden;overflow-y:hidden;overscroll-behavior:contain;touch-action:pan-y;
    background:#fff;color:var(--yz-heading);box-shadow:var(--yz-shadow-xl);border-left:1px solid var(--yz-border);transform:translateX(100%);visibility:hidden;
    transition:transform .3s var(--yz-ease-std),visibility 0s linear .3s}
  .yz-nav::after{content:none}
  #header.is-open .yz-nav{transform:none;visibility:visible;transition:transform .3s var(--yz-ease-std),visibility 0s}
  .yz-nav-overlay{display:block;position:fixed;inset:0;z-index:65;background:rgba(0,0,0,.5);opacity:0;pointer-events:none;transition:opacity .3s var(--yz-ease-std)}
  #header.is-open .yz-nav-overlay{opacity:1;pointer-events:auto}
  .yz-drawer__head{display:block;position:relative;flex:none;height:56px;padding:0;background:transparent;border:0;color:var(--yz-heading)}
  .yz-drawer__close{position:absolute;top:16px;right:16px;display:grid;place-items:center;width:24px;height:24px;padding:0;border:0;border-radius:2px;background:transparent;color:var(--yz-heading);opacity:.7;cursor:pointer}
  .yz-drawer__close:hover{opacity:1}
  .yz-drawer__close svg{width:16px;height:16px}
  .yz-drawer__links{display:block;flex:1;min-width:0;overflow-x:hidden;overflow-y:auto;padding:8px 8px 0;overscroll-behavior:contain;touch-action:pan-y}
  .yz-drawer__links > .yz-nav__link,.yz-drawer__links .nav-mega-link,.yz-drawer__links .yz-nav__link--sub{display:flex;align-items:center;justify-content:space-between;padding:12px;border:0;border-radius:6px;font-size:16px;font-weight:500;line-height:1.4;color:var(--yz-heading)}
  .yz-drawer__links > .yz-nav__link:hover,.yz-drawer__links .nav-mega-link:hover,.yz-drawer__links .yz-nav__link--sub:hover{background:var(--yz-surface);color:var(--yz-heading)}
  .yz-drawer__links .nav-mega-head,.yz-drawer__links .yz-nav__sub-head{border:0;border-radius:6px}
  .yz-drawer__links .nav-mega-head:hover,.yz-drawer__links .yz-nav__sub-head:hover{background:var(--yz-surface)}
  .yz-drawer__links .nav-mega-head .nav-mega-link,.yz-drawer__links .yz-nav__sub-head .yz-nav__link--sub{flex:1;border:0;padding-right:4px}
  .caret-desktop{display:none}
  .yz-nav__sub-toggle{display:grid;place-items:center;width:40px;align-self:stretch;border:0;color:var(--yz-muted)}
  .has-mega.is-open .yz-nav__sub-toggle .yz-caret,.yz-has-sub.is-open .yz-nav__sub-toggle .yz-caret,.yz-nav__sub-toggle[aria-expanded="true"] .yz-caret{transform:rotate(180deg)}
  .yz-mega{display:none;background:transparent;padding:0 0 8px;border:0}
  .has-mega.is-open .yz-mega,.has-mega.is-expanded .yz-mega,.has-mega:has(.nav-mega-toggle[aria-expanded="true"]) .yz-mega{display:block}
  .yz-mega__all{display:block;padding:8px 12px;margin-left:12px;border-left:1px solid var(--yz-border);font-weight:600;color:var(--yz-muted);font-size:14px;text-transform:none}
  .yz-mega__cat{display:block;padding:8px 12px;margin-left:12px;border-left:1px solid var(--yz-border);font-size:14px}
  .yz-mega__cat img{display:none}
  .yz-mega__links{list-style:none;margin:0;padding:0 12px 4px 28px}
  .yz-mega__links a{display:block;padding:6px 0;font-size:14px;color:var(--yz-muted)}
  .yz-drawer__foot{display:flex;flex-direction:column;gap:8px;padding:24px 8px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--yz-border);margin-top:auto}
  .yz-drawer__foot .yz-btn{flex:none;width:100%;height:36px;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;text-transform:none;letter-spacing:0}
  .yz-drawer__foot .yz-btn--primary{background:var(--yz-accent);color:var(--yz-accent-ink);box-shadow:var(--yz-shadow)}
  .yz-drawer__foot .yz-btn--primary:hover{background:var(--yz-accent-strong-hover);color:var(--yz-accent-ink)}
  .yz-burger{width:32px;height:32px;margin-right:0}
  .yz-burger span,.yz-burger span::before,.yz-burger span::after{width:18px;height:2px}
  .yz-burger span::before{top:-6px}
  .yz-burger span::after{top:6px}
}
@media (max-width:1023.98px) and (min-width:640px){
  .yz-nav{width:320px}
}

/* sticky-on-scroll removed 2026-10-22: constmach header scrolls away with the page (样式规范 §6 头部「不吸顶」) */

/* ============================================================
   HOME
   ============================================================ */
/* hero (.hero-slide / #heroTitle / #heroText / #heroDots driven by yuzhixin-site.js) */
.yz-hero{position:relative;height:58vh;min-height:420px;max-height:560px;overflow:hidden;background:rgb(26,35,48);color:#fff}
@media (min-width:768px){.yz-hero{height:43.75vw;min-height:520px;max-height:880px}}
.yz-hero__slides{position:absolute;inset:0}
.yz-hero__slide{position:absolute;inset:0;background:var(--yz-slate) center/cover no-repeat;opacity:0;transition:opacity .8s var(--yz-ease-std)}
.yz-hero__slide.is-active{opacity:1}
.yz-hero__shade{position:absolute;inset:0;z-index:5;pointer-events:none;background:linear-gradient(180deg,rgba(41,50,67,.9) 0%,rgba(41,50,67,.12) 100%)}
.yz-hero__arrow{position:absolute;top:50%;z-index:12;display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid rgba(255,255,255,.68);border-radius:50%;background:rgba(26,35,48,.42);color:#fff;transform:translateY(-50%);cursor:pointer;transition:background .2s,border-color .2s,transform .2s}
.yz-hero__arrow--prev{left:clamp(16px,3vw,48px)}
.yz-hero__arrow--next{right:clamp(16px,3vw,48px)}
.yz-hero__arrow:hover{background:var(--yz-accent);border-color:var(--yz-accent);transform:translateY(-50%) scale(1.05)}
.yz-hero__arrow:focus-visible{outline:3px solid rgba(255,255,255,.9);outline-offset:3px}
.yz-hero__corner{position:absolute;z-index:6;height:34%;aspect-ratio:520/640;pointer-events:none;background:url(../img/corner-texture.webp) left bottom/contain no-repeat}
.yz-hero__corner--bl{left:0;bottom:0}
.yz-hero__corner--tr{right:0;top:0;transform:rotate(180deg)}
.yz-hero__mask{position:absolute;left:0;right:0;bottom:-1px;z-index:8;height:6vw;max-height:90px;pointer-events:none;background:url(../img/hero-wave.webp) center bottom/100% auto no-repeat}
.yz-hero__content{position:absolute;inset-inline:0;bottom:35%;z-index:10;padding-inline:20px;text-align:center}
@media (min-width:1024px){.yz-hero__content{bottom:7%;padding-inline:13vw 40px;text-align:left}}
.yz-hero__content h1{font-size:24px;line-height:31px;font-weight:700;letter-spacing:-1px;text-shadow:0 2px 10px rgba(0,0,0,.5)}
.yz-hero__content p{margin-top:6px;font-size:15px;line-height:25px;color:rgba(255,255,255,.9);text-shadow:0 2px 8px rgba(0,0,0,.6);max-width:46em}
@media (min-width:768px){.yz-hero__content h1{font-size:33px;line-height:39px}.yz-hero__content p{font-size:17px;line-height:28px}}
@media (min-width:1024px){.yz-hero__content h1{font-size:clamp(34px,3.2vw,48px);line-height:1.15}.yz-hero__content p{font-size:clamp(13px,1.25vw,18px);line-height:1.6}}
.yz-hero__cta{position:absolute;left:0;right:0;top:100%;z-index:10;display:flex;flex-wrap:wrap;gap:12px;margin-top:16px;padding-inline:20px;justify-content:center}
@media (min-width:1024px){.yz-hero__cta{padding-inline:13vw 40px;justify-content:flex-start}}

.yz-hero__dots{position:absolute;z-index:11;left:50%;bottom:14%;transform:translateX(-50%);display:flex;gap:8px}
.yz-hero__dots button{width:10px;height:10px;padding:0;border:0;border-radius:9999px;background:rgba(255,255,255,.5);cursor:pointer;transition:width .3s var(--yz-ease-std),background .2s}
.yz-hero__dots button.is-active,.yz-hero__dots button[aria-current="true"]{width:28px;background:var(--yz-accent)}
@media (max-width:767.98px){.yz-hero__arrow{display:none}}
@media (min-width:768px) and (max-width:1023.98px){.yz-hero__arrow{width:40px;height:40px}.yz-hero__arrow svg{width:18px;height:18px}}

/* about + stats */
.yz-about{padding-block:30px;background:var(--yz-bg)}
.yz-about__grid{display:grid;gap:48px;align-items:center}
@media (min-width:1024px){.yz-about__grid{grid-template-columns:1fr 1fr;gap:64px}}
.yz-about__text{font-size:16px;line-height:1.625;margin-bottom:32px;color:rgb(26,35,48)}
.yz-about__text p{margin:0 0 20px}
.yz-about__text p:last-child{margin-bottom:0}
.yz-about__text strong,.yz-about__text p.is-strong{font-weight:600;color:rgb(26,35,48)}
@media (min-width:768px){.yz-about__text{font-size:18px}}
.yz-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (min-width:768px){.yz-stats{gap:20px}}
.yz-stat{position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--yz-text) 10%,transparent);border-radius:var(--yz-radius);background:#fff;padding:16px;transition:border-color .3s,box-shadow .3s}
@media (min-width:768px){.yz-stat{padding:28px}}
.yz-stat::before{content:"";position:absolute;top:-40px;right:-40px;width:176px;height:176px;border-radius:50%;background:color-mix(in srgb,var(--yz-text) 4%,transparent);transition:background .3s}
.yz-stat:hover{border-color:color-mix(in srgb,var(--yz-accent) 40%,transparent);box-shadow:var(--yz-shadow-xl)}
.yz-stat:hover::before{background:color-mix(in srgb,var(--yz-accent) 6%,transparent)}
.yz-stat__arrow{position:absolute;top:20px;right:20px;color:color-mix(in srgb,var(--yz-accent) 30%,transparent);transition:color .2s,transform .2s}
.yz-stat__arrow svg{width:28px;height:28px}
.yz-stat:hover .yz-stat__arrow{color:var(--yz-accent);transform:translate(2px,-2px)}
.yz-stat__icon{position:relative;display:block;width:28px;height:28px;color:rgb(26,35,48);margin-bottom:20px}
@media (min-width:768px){.yz-stat__icon{width:40px;height:40px;margin-bottom:32px}}
.yz-stat strong{position:relative;display:block;font-size:40px;line-height:1;font-weight:600;color:var(--yz-accent-strong);letter-spacing:-.025em;margin:0 0 8px}
@media (min-width:768px){.yz-stat strong{font-size:50px}}
@media (min-width:1441px){.yz-stat strong{font-size:60px}}
.yz-stat > span:last-child{position:relative;font-size:16px;font-weight:500;line-height:24px;color:color-mix(in srgb,var(--yz-text) 80%,transparent)}
@media (min-width:768px){.yz-stat > span:last-child{font-size:18px;line-height:27px}}

/* product range slider (data-cat-slider driven by yuzhixin-site.js; native scroll-snap without JS) */
.yz-range{position:relative;overflow:hidden;background:#fff;padding:96px 0 64px}
@media (min-width:768px){.yz-range{padding:144px 0 117px}}
.yz-range__bg{position:absolute;inset:0 0 auto 0;height:550px;background:var(--yz-slate) radial-gradient(ellipse at 20% 10%,rgba(255,255,255,.08),transparent 60%)}
@media (min-width:768px){.yz-range__bg{height:590px}}
.yz-wave{display:block;width:100%;height:28px}
.yz-wave--top{position:absolute;top:0;left:0}
@media (min-width:768px){.yz-wave{height:44px}}
.yz-range__head{position:relative;display:grid;gap:24px;margin-bottom:56px;color:#fff}
.yz-range__head .yz-h2{font-size:20px;line-height:1.25;font-weight:700;margin-bottom:0}
.yz-accent-text{color:var(--yz-accent)}
@media (min-width:768px){.yz-range__head .yz-h2{font-size:24px}}
@media (min-width:1024px){.yz-range__head .yz-h2{font-size:28px;line-height:35px;margin-bottom:0}}
@media (min-width:1024px){.yz-range__head{grid-template-columns:1fr 1fr;gap:64px;margin-bottom:80px}}
.yz-range__lead{font-size:16px;line-height:1.625;color:rgba(255,255,255,.85)}
@media (min-width:768px){.yz-range__lead{font-size:18px}}
.yz-slider{position:relative}
.yz-slider__viewport{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.yz-slider__viewport::-webkit-scrollbar{display:none}
.yz-slider__track{display:flex;gap:16px}
@media (min-width:768px){.yz-slider__track{gap:20px}}
.yz-slider__track > *{flex:0 0 85%;min-width:0;scroll-snap-align:start}
@media (min-width:640px){.yz-slider__track > *{flex-basis:calc(50% - 8px)}}
@media (min-width:768px){.yz-slider__track > *{flex-basis:calc(33.333% - 14px)}}
@media (min-width:1024px){.yz-slider__track > *{flex-basis:calc(25% - 15px)}}
.yz-slider__nav{display:none;position:absolute;top:50%;z-index:30;transform:translateY(-50%);width:48px;height:48px;border:0;border-radius:9999px;background:var(--yz-accent-strong);color:#fff;place-items:center;cursor:pointer;box-shadow:var(--yz-shadow-xl);transition:transform .15s,opacity .2s}
.yz-slider__nav:hover{transform:translateY(-50%) scale(1.05)}
.yz-slider__nav:active{transform:translateY(-50%) scale(.95)}
.yz-slider__nav[disabled]{opacity:.4;cursor:not-allowed}
.yz-slider__nav[hidden]{display:none}
.yz-slider__nav--prev{left:-8px}.yz-slider__nav--next{right:-8px}
@media (min-width:768px){.yz-slider__nav{display:grid}}
.yz-cat-card{display:flex;flex-direction:column;border-radius:var(--yz-radius);overflow:hidden;background:#fff}
.yz-cat-card__media{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--yz-surface)}
.yz-cat-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--yz-ease-std)}
.yz-cat-card:hover .yz-cat-card__media img{transform:scale(1.05)}
.yz-cat-card__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;background:var(--yz-accent);color:var(--yz-accent-ink)}
.yz-cat-card__bar h3{font-size:16px;font-weight:700;line-height:22px;color:#fff}
.yz-cat-card__go{display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:6px;border:1px solid rgba(255,255,255,.4);color:#fff;transition:background .2s,color .2s}
.yz-cat-card:hover .yz-cat-card__go{background:#fff;color:var(--yz-accent);border-color:#fff}

/* quick browse (native <details>) */
.yz-browse{position:relative;overflow:hidden;padding-block:30px;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 600'%3E%3Cg fill='none' stroke='%231a2330' stroke-width='.6' opacity='.12'%3E%3Ccircle cx='600' cy='300' r='280'/%3E%3Ccircle cx='600' cy='300' r='220'/%3E%3Ccircle cx='600' cy='300' r='160'/%3E%3Ccircle cx='600' cy='300' r='100'/%3E%3Ccircle cx='120' cy='180' r='90'/%3E%3Ccircle cx='1050' cy='430' r='120'/%3E%3C/g%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat;background-size:cover}
.yz-browse > .yz-container{position:relative;z-index:1}
.yz-browse .yz-h2{font-size:24px;font-weight:700;margin-bottom:40px}
@media (min-width:768px){.yz-browse .yz-h2{font-size:30px;line-height:36px}}
.yz-browse__list{list-style:none;margin:0;padding:0;border-top:1px solid color-mix(in srgb,var(--yz-text) 10%,transparent)}
.yz-browse__list > li{border-bottom:1px solid color-mix(in srgb,var(--yz-text) 10%,transparent)}
.yz-browse__item summary,.yz-browse__item--link{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0;cursor:pointer;list-style:none;text-align:left}
@media (min-width:768px){.yz-browse__item summary,.yz-browse__item--link{display:flex;gap:24px;min-height:58px;padding:10px 0}}
.yz-browse__main{flex:1;min-width:0}
.yz-browse__name{display:block;font-weight:700;font-size:16px;line-height:24px;color:var(--yz-heading);transition:color .15s}
@media (min-width:768px){.yz-browse__name{font-size:18px;line-height:28px}}
.yz-browse__item summary::-webkit-details-marker{display:none}
.yz-browse__count{font-size:14px;font-weight:400;line-height:20px;color:color-mix(in srgb,var(--yz-text) 70%,transparent)}
.yz-browse__count--mobile{display:block;margin-top:2px}
.yz-browse__count--desktop{display:none}
@media (min-width:768px){.yz-browse__count--mobile{display:none}.yz-browse__count--desktop{display:block;margin-left:auto;padding-left:0;white-space:nowrap;font-size:16px;line-height:24px}}
.yz-browse__plus{position:relative;width:32px;height:32px;flex:none;border-radius:9999px;border:1px solid color-mix(in srgb,var(--yz-text) 20%,transparent);color:color-mix(in srgb,var(--yz-text) 60%,transparent);transition:border-color .2s,transform .3s var(--yz-ease)}
@media (min-width:768px){.yz-browse__plus{width:36px;height:36px}}
.yz-browse__plus::before,.yz-browse__plus::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:2px;margin:-1px 0 0 -7px;background:currentColor;border-radius:2px}
.yz-browse__plus::after{transform:rotate(90deg)}
.yz-browse__plus--go::after{display:none}
.yz-browse__item[open] .yz-browse__plus{transform:rotate(45deg);border-color:var(--yz-accent);color:var(--yz-accent)}
.yz-browse__item summary:hover .yz-browse__name,.yz-browse__item--link:hover .yz-browse__name{color:var(--yz-accent)}
.yz-browse__item summary:hover .yz-browse__plus,.yz-browse__item--link:hover .yz-browse__plus{border-color:var(--yz-accent);color:var(--yz-accent)}
.yz-browse__kids{list-style:none;margin:0;padding:0 0 24px;display:grid;grid-template-columns:1fr;gap:14px}
@media (min-width:640px){.yz-browse__kids{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.yz-browse__kids{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 16px}}
.yz-browse__kids > li{min-width:0}
.yz-browse__kid{display:flex;min-height:72px;overflow:hidden;border-radius:12px;background:var(--yz-surface);color:#fff;transition:box-shadow .2s,transform .2s}
.yz-browse__kid:hover{color:#fff;box-shadow:0 8px 20px rgba(26,35,48,.14);transform:translateY(-2px)}
.yz-browse__kid-media{flex:0 0 24%;min-width:0;background:#e8ebee;overflow:hidden}
.yz-browse__kid-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s var(--yz-ease-std)}
.yz-browse__kid:hover .yz-browse__kid-media img{transform:scale(1.06)}
.yz-browse__kid-body{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;flex:1;padding:12px 14px;background:var(--yz-accent);color:#fff}
.yz-browse__kid-title{min-width:0;font-size:14px;font-weight:700;line-height:1.3}
.yz-browse__kid-go{display:grid;place-items:center;width:30px;height:30px;flex:none;border:1px solid rgba(255,255,255,.45);border-radius:6px;color:#fff;transition:background .2s,color .2s}
.yz-browse__kid-go svg{width:15px;height:15px}
.yz-browse__kid:hover .yz-browse__kid-go{background:#fff;border-color:#fff;color:var(--yz-accent)}

/* generic sections + products */
.yz-section{padding-block:48px}
@media (min-width:1024px){.yz-section{padding-block:72px}}
.yz-section--muted{background:var(--yz-surface)}
.yz-section__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 24px;margin-bottom:32px}
.yz-section__head .yz-h2{margin-bottom:0}
.yz-product-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.yz-product{display:flex;flex-direction:column;background:#fff;border-radius:var(--yz-radius);overflow:hidden;box-shadow:var(--yz-shadow);transition:box-shadow .3s,transform .3s}
.yz-product:hover{box-shadow:var(--yz-shadow-lg);transform:translateY(-4px)}
.yz-product__media{display:block;aspect-ratio:4/3;background:#fff;overflow:hidden}
.yz-product__media img{width:100%;height:100%;object-fit:contain;padding:12px}
.yz-product__body{padding:16px 20px 20px}
.yz-product__body h3{font-size:17px;font-weight:600;line-height:1.35;color:var(--yz-heading)}
.yz-product:hover h3{color:var(--yz-accent)}

/* news */
.yz-news{position:relative;padding-block:56px 64px;background-color:rgb(244,246,248);background-image:radial-gradient(circle at 15% 20%,transparent 0 84px,rgba(26,35,48,.045) 85px 86px,transparent 87px),radial-gradient(circle at 86% 78%,transparent 0 120px,rgba(26,35,48,.035) 121px 122px,transparent 123px);overflow:hidden}
.yz-news__grid{display:grid;gap:32px}
.yz-news__intro{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.yz-news__lead{max-width:430px;margin:-4px 0 24px;color:var(--yz-muted);font-size:16px;line-height:1.6}
.yz-news__actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:4px}
.yz-news__controls{display:flex;gap:12px}
.yz-news__control{display:grid;place-items:center;width:46px;height:46px;padding:0;border:1px solid var(--yz-border);border-radius:9999px;background:#fff;color:var(--yz-text);cursor:pointer;transition:background-color .15s var(--yz-ease-std),border-color .15s,color .15s,transform .15s}
.yz-news__control:hover:not(:disabled){border-color:var(--yz-accent);background:var(--yz-accent);color:#fff;transform:translateY(-1px)}
.yz-news__control:disabled{color:#c7cdd4;background:rgba(255,255,255,.58);cursor:not-allowed}
@media (min-width:1024px){.yz-news__grid{grid-template-columns:4fr 8fr;gap:48px}.yz-news__intro{min-height:100%}}
.yz-news__cards{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:8px}
.yz-news__cards::-webkit-scrollbar{display:none}
.yz-news-card{flex:0 0 85%;scroll-snap-align:start;display:flex;flex-direction:column;background:#fff;border-radius:var(--yz-radius);overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transition:box-shadow .5s,transform .5s}
@media (min-width:640px){.yz-news-card{flex-basis:60%}}
@media (min-width:768px){.yz-news-card{flex-basis:calc(50% - 12px)}}
@media (min-width:1280px){.yz-news-card{flex-basis:calc(40% - 14.4px)}}
.yz-news-card:hover{box-shadow:var(--yz-shadow-xl);transform:translateY(-4px)}
.yz-news-card__media{display:block;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(135deg,var(--yz-slate),var(--yz-primary))}
.yz-news-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .7s}
.yz-news-card:hover .yz-news-card__media img{transform:scale(1.05)}
.yz-news-card__body{flex:1;display:flex;flex-direction:column;min-height:190px;padding:20px 24px}
.yz-news-card__body h3{font-size:21px;line-height:30px;font-weight:500;color:var(--yz-heading);margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s}
.yz-news-card:hover h3{color:var(--yz-accent)}
.yz-news-card__body p{font-size:14px;line-height:1.6;color:var(--yz-muted);margin-bottom:20px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.yz-news-card__meta{margin-top:auto;display:flex;justify-content:space-between;gap:12px;padding-top:16px;border-top:1px solid color-mix(in srgb,var(--yz-text) 10%,transparent);font-size:12px;font-weight:600;color:var(--yz-muted)}
.yz-news-card__date{display:inline-flex;align-items:center;gap:7px;min-width:0;color:var(--yz-muted);white-space:nowrap}
.yz-news-card__date svg{flex:none;color:var(--yz-accent);stroke-width:1.8}
.yz-news-card__more{color:var(--yz-accent);font-size:14px}

/* video */
.yz-video{position:relative;padding-block:30px;color:#fff;background:linear-gradient(180deg,#1a2330 0%,#243345 45%,#1f2a3a 100%)}
.yz-video__head{max-width:1024px;margin:0 auto 32px;text-align:center}
.yz-video__tag{margin:8px 0 0;font-size:18px;font-style:italic;font-weight:500;color:rgba(255,255,255,.85)}
.yz-video__lead{max-width:760px;margin:12px auto 0;font-size:16px;line-height:1.6;color:rgba(255,255,255,.8)}
.yz-front .yz-news__intro .yz-h2{font-weight:600}
.yz-front .yz-video__head .yz-h2{font-weight:600;margin-bottom:0}
.yz-link-light{color:rgba(255,255,255,.8);font-weight:600}
.yz-link-light:hover{color:var(--yz-accent)}
.yz-video__frame{position:relative;max-width:1024px;margin-inline:auto}
.yz-video__glow{position:absolute;inset:-20px;border-radius:28px;background:linear-gradient(135deg,color-mix(in srgb,var(--yz-accent) 40%,transparent),color-mix(in srgb,var(--yz-primary-light) 30%,transparent));filter:blur(28px);opacity:.6;pointer-events:none}
.yz-video__bracket{position:absolute;width:40px;height:40px;border:2px solid var(--yz-accent);pointer-events:none;z-index:2}
.yz-video__bracket--tl{top:-8px;left:-8px;border-right:0;border-bottom:0;border-top-left-radius:12px}
.yz-video__bracket--tr{top:-8px;right:-8px;border-left:0;border-bottom:0;border-top-right-radius:12px}
.yz-video__bracket--bl{bottom:-8px;left:-8px;border-right:0;border-top:0;border-bottom-left-radius:12px}
.yz-video__bracket--br{bottom:-8px;right:-8px;border-left:0;border-top:0;border-bottom-right-radius:12px}
.yz-video__poster{position:relative;display:block;aspect-ratio:16/9;border-radius:20px;overflow:hidden;background:#111 center/cover no-repeat;box-shadow:var(--yz-shadow-xl)}
.yz-video__play{position:absolute;left:50%;top:50%;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;background:var(--yz-accent);color:var(--yz-accent-ink);box-shadow:0 0 0 12px color-mix(in srgb,var(--yz-accent) 25%,transparent);transition:transform .2s}
.yz-video__play::after{content:"";position:absolute;left:31px;top:24px;border-left:22px solid #fff;border-top:14px solid transparent;border-bottom:14px solid transparent}
.yz-video__poster:hover .yz-video__play{transform:scale(1.08)}
.yz-video__title{position:absolute;left:0;right:0;bottom:0;padding:40px 24px 18px;background:linear-gradient(transparent,rgba(0,0,0,.7));font-weight:600}
.yz-video__stats{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 32px;margin-top:40px}
.yz-video__stats span{display:inline-flex;align-items:baseline;gap:8px;font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:rgba(255,255,255,.7)}
.yz-video__stats strong{font-size:22px;font-weight:700;font-family:var(--yz-font-heading);color:var(--yz-accent-strong);text-transform:none}

/* reviews + certs */
.yz-review-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.yz-review{background:#fff;border:1px solid var(--yz-border);border-radius:var(--yz-radius);padding:24px;display:flex;flex-direction:column;gap:14px}
.yz-review__stars{color:var(--yz-accent);letter-spacing:2px}
.yz-review footer{margin-top:auto;display:flex;flex-direction:column;font-size:14px}
.yz-review footer span{color:var(--yz-muted)}
.yz-cert-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}
.yz-cert{margin:0;background:#fff;border-radius:12px;padding:12px;box-shadow:var(--yz-shadow);text-align:center;font-size:14px}
.yz-cert img{margin:0 auto 8px;max-height:220px;object-fit:contain}

/* quick inquiry */
.yz-quote{position:relative;display:grid;background:linear-gradient(135deg,#eef0f5 0%,#f6f7fa 50%,#eef0f5 100%);overflow:hidden}
@media (min-width:1024px){.yz-quote{grid-template-columns:1fr 1.15fr}}
@media (min-width:1280px){.yz-quote{grid-template-columns:1fr 1.2fr}}
.yz-quote::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;background-image:radial-gradient(circle,rgba(26,35,48,.06) 1px,transparent 1px);background-size:28px 28px}
.yz-quote__media{position:relative;min-height:280px;background:var(--yz-slate) center/cover no-repeat}
@media (min-width:768px){.yz-quote__media{min-height:340px}}
@media (min-width:1024px){.yz-quote__media{min-height:460px}}
.yz-quote__media .yz-hero__corner{height:30%}
.yz-quote__body{position:relative;padding:32px 24px}
@media (min-width:768px){.yz-quote__body{padding:40px}}
@media (min-width:1280px){.yz-quote__body{padding:48px 64px}}
.yz-quote__body .yz-h2{font-size:24px;line-height:28.8px;font-weight:600;margin-bottom:10px}
@media (min-width:1024px){.yz-quote__body .yz-h2{font-size:28px;line-height:33.6px}}
.yz-quote__lead{font-size:15px;color:var(--yz-muted);margin-bottom:20px;max-width:42em}
.yz-form__grid{display:grid;gap:12px;margin-bottom:12px}
@media (min-width:640px){.yz-form__grid{grid-template-columns:1fr 1fr}}
.yz-field--full{grid-column:1/-1}
.yz-field input,.yz-field textarea{width:100%;font:inherit;font-size:14px;color:var(--yz-text);background:#fff;border:1px solid color-mix(in srgb,var(--yz-text) 10%,transparent);border-radius:12px;padding:14px 16px;outline:none;transition:border-color .15s,box-shadow .15s}
.yz-field textarea{resize:vertical;min-height:110px}
.yz-field input:focus,.yz-field textarea:focus{border-color:var(--yz-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--yz-accent) 20%,transparent)}
.yz-field .is-invalid,.yz-field input.is-invalid,.yz-field textarea.is-invalid{border-color:var(--yz-error)}
.yz-captcha{display:flex;gap:12px;align-items:center}
.yz-captcha input{flex:1}
.yz-captcha__img{height:48px;width:auto;border-radius:10px;border:1px solid var(--yz-border);background:#fff;cursor:pointer;flex:none}
.yz-form-msg{margin:0 0 12px;padding:10px 14px;border-radius:10px;font-size:14px;background:var(--yz-surface)}
.yz-form-msg.ok,.yz-form-msg.is-ok{background:#e8f8ee;color:#166534}
.yz-form-msg.err,.yz-form-msg.is-error{background:#fdecec;color:var(--yz-error)}
.yz-quote__or{display:flex;align-items:center;gap:12px;margin:18px 0 14px;font-size:11px;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:var(--yz-muted)}
.yz-quote__or::before,.yz-quote__or::after{content:"";flex:1;height:1px;background:color-mix(in srgb,var(--yz-text) 10%,transparent)}
.yz-quote__direct{display:flex;flex-wrap:wrap;gap:10px}

/* ============================================================
   FOOTER
   ============================================================ */
.yz-news-cta{position:relative;overflow:hidden;background:#394753;color:#fff;padding:30px 0 0;margin-top:-40px}
@media (min-width:768px){.yz-news-cta{padding-top:48px}}
.yz-news-cta .yz-wave{position:absolute;top:0;left:0;width:100%;height:44px;pointer-events:none}
.yz-news-cta .yz-wave path{fill:#fff}
.yz-news-cta__grid{position:relative;padding-top:14px;display:grid;gap:32px;align-items:center}
@media (min-width:1024px){.yz-news-cta__grid{grid-template-columns:34% 1fr;gap:48px}}
.yz-news-cta__head{display:flex;align-items:center;gap:16px}
.yz-news-cta__icon{color:#F69545;transform:rotate(-12deg);flex:none}
.yz-front .yz-news-cta__head h3{font-size:20px;font-weight:500;line-height:1.25;color:#F69545;margin:0}
@media (min-width:768px){.yz-front .yz-news-cta__head h3{font-size:24px}}
@media (min-width:1024px){.yz-front .yz-news-cta__head h3{font-size:27px;line-height:33.75px}}
.yz-news-cta__text{font-size:16px;line-height:1.625;margin:0 0 16px}
@media (min-width:768px){.yz-news-cta__text{font-size:18px}}
.yz-news-cta__form{display:flex;flex-direction:column;gap:12px}
@media (min-width:640px){.yz-news-cta__form{flex-direction:row;align-items:center}}
.yz-news-cta__form input{flex:1;min-width:0;height:46px;font:inherit;font-size:14px;color:#fff;background:transparent;border:1px solid rgba(255,255,255,.25);border-radius:9999px;padding:12px 20px;outline:none}
.yz-news-cta__go{flex:none;height:46px;padding:12px 28px;border:0;border-radius:9999px;background:#F69545;color:#fff;font:inherit;font-size:14px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;box-shadow:0 10px 15px -3px rgba(0,0,0,.3);transition:transform .15s}
.yz-news-cta__go:hover{transform:scale(1.02)}
.yz-news-cta__go:active{transform:scale(.98)}
.yz-news-cta__form input::placeholder{color:rgba(255,255,255,.55)}
.yz-news-cta__form input:focus{border-color:#F69545;background:rgba(255,255,255,.05)}
.yz-news-cta__form input.is-invalid{border-color:#f87171}
.yz-news-cta__msg{margin-top:12px;padding:8px 4px;background:transparent;color:#fff;font-size:14px;line-height:1.5}
.yz-news-cta__msg.ok{color:#bbf7d0}
.yz-news-cta__msg.err{color:#fecaca}
.yz-footer__brandcap-row{display:none}
@media (min-width:1024px){
  .yz-footer__brandcap-row{display:grid;grid-template-columns:34% 1fr;gap:48px;margin-top:56px}
}
.yz-footer__brandcap{display:flex;align-items:center;background:#fff;border-radius:12px 12px 0 0;padding:0 28px;aspect-ratio:5/1;min-height:0;margin-bottom:-1px;position:relative;z-index:3;overflow:hidden;gap:0}
.yz-footer__brandcap-logo{flex:none;width:200px;max-width:48%;height:36px;display:flex;align-items:center;justify-content:flex-start}
.yz-footer__brandcap-logo img{display:block;max-width:100%;max-height:36px;width:auto;height:auto;object-fit:contain}
.yz-footer__brandcap-name{font-size:20px;font-weight:700;color:var(--yz-heading);letter-spacing:.02em;line-height:1.1}
.yz-footer__brandcap-rule{width:3px;height:36px;border-radius:9999px;background:#F69545;margin-inline:16px 12px;flex:none}
.yz-footer__brandcap-tagline{flex:1 1 0;min-width:0;max-width:15em;font-size:13px;line-height:17px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--yz-heading);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

.yz-footer__main{position:relative;background:var(--yz-footer);color:#fff;clip-path:polygon(0 0,100% 0,100% 100%,0 calc(100% - 50px))}
.yz-footer__grid{display:grid;gap:32px}
@media (min-width:1024px){.yz-footer__grid{grid-template-columns:34% 1fr;gap:48px;align-items:stretch}}
.yz-footer__card{--yz-padt:30px;--yz-padx:24px;order:2;position:relative;overflow:hidden;margin-inline:calc(-1*var(--yz-gutter));padding:30px 24px 48px;display:flex;flex-direction:column;gap:32px;font-size:15px;line-height:1.7;color:#fff;
  background:linear-gradient(180deg,rgba(246,149,69,.92),rgba(246,149,69,.85) 50%,rgba(246,149,69,.95)),var(--yz-card-bg,none) center/cover no-repeat;background-color:#F69545}
@media (min-width:768px){.yz-footer__card{--yz-padx:48px;padding:30px 48px 96px;gap:56px}}
@media (min-width:1024px){.yz-footer__card{--yz-padt:30px;order:0;margin-inline:0;margin-top:-1px;padding:30px 48px 96px;box-shadow:var(--yz-shadow-xl);z-index:2;border-radius:0 0 12px 12px}}
.yz-footer__label{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.9);margin-bottom:12px}
.yz-footer__card a:hover{text-decoration:underline}
.yz-footer__card a{word-break:break-word}
.yz-footer__cols{order:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:32px 0 48px}
@media (min-width:768px){.yz-footer__cols{gap:32px;padding-bottom:64px}}
@media (min-width:1024px){.yz-footer__cols{padding-left:24px;order:0}}
.yz-footer__cols h3{color:#F69545;font-weight:700;font-size:15px;letter-spacing:1px;text-transform:uppercase;margin-bottom:18px}
.yz-footer__cols ul{list-style:none;margin:0;padding:0;display:grid;gap:12px;font-size:14px}
.yz-footer__cols a{color:rgba(255,255,255,.8);transition:color .15s}
.yz-footer__cols a:hover{color:#F69545}
.yz-footer__bottom{background:#fff;padding:20px 0 24px;font-size:14px;color:var(--yz-text);text-align:center}
@media (min-width:1024px){.yz-footer__bottom{text-align:left}}
.yz-footer__bottom .yz-container{display:flex;flex-direction:column;align-items:center;gap:12px}
@media (min-width:1024px){.yz-footer__bottom .yz-container{flex-direction:row;justify-content:space-between;align-items:center}}
.yz-footer__legal{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px}
.yz-footer__legal a:hover{color:var(--yz-accent-strong)}

/* quick actions: mobile bottom bar + WhatsApp float */
.yz-quickbar{position:fixed;left:0;right:0;bottom:0;z-index:45;display:block;padding:0 12px calc(10px + env(safe-area-inset-bottom));background:transparent;box-shadow:none;border-radius:0;pointer-events:none}
.yz-quickbar__inner{pointer-events:auto;display:flex;align-items:center;justify-content:space-between;gap:8px;max-width:28rem;margin-inline:auto;padding:8px;border-radius:9999px;background:rgba(255,255,255,.95);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(0,0,0,.05);box-shadow:0 8px 24px -4px rgba(0,0,0,.2),0 2px 6px rgba(0,0,0,.08)}
.yz-quickbar__cluster{display:flex;align-items:center;gap:6px;flex:none}
.yz-quickbar__ico{display:grid;place-items:center;width:40px;height:40px;border-radius:9999px;color:#fff;flex:none;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.yz-quickbar__ico svg,.yz-quickbar__ico img{display:block;width:22px;height:22px}
.yz-quickbar__ico--wa svg{width:26px;height:26px}
.yz-quickbar__ico--phone{background:var(--yz-primary)}
.yz-quickbar__ico--wa{background:var(--yz-wa)}
.yz-quickbar__ico--viber{background:#665CAC}
.yz-quickbar__ico--telegram{background:#27A6E5}
.yz-quickbar__quote{flex:1;min-width:0;display:inline-flex;align-items:center;justify-content:center;padding:10px 12px;margin-inline:4px;border-radius:9999px;background:linear-gradient(90deg,var(--yz-accent),#F4823F);color:#fff;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;line-height:1.2}
.yz-quickbar__item{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 8px;border-radius:9999px;font-size:13px;font-weight:600;color:var(--yz-primary)}
.yz-quickbar__item--quote{background:var(--yz-accent-strong);color:#fff}
.yz-quickbar__item--wa{color:var(--yz-wa-hover)}
.page-home .yz-footer__bottom,.yz-front .yz-footer__bottom{padding-bottom:88px}
@media (min-width:1024px){.yz-quickbar{display:none}.yz-front .yz-footer__bottom{padding-bottom:24px}}
.yz-wa-float{display:none}
@media (min-width:1024px){.yz-wa-float{position:fixed;right:24px;bottom:24px;z-index:45;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--yz-wa);color:#fff;box-shadow:var(--yz-shadow-xl);transition:transform .2s,background .2s}.yz-wa-float:hover{transform:scale(1.06);background:var(--yz-wa-hover)}}

@media (prefers-reduced-motion:reduce){
  .yz-front *,.yz-front *::before,.yz-front *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* ============================================================
   B组 qa 2026-10-18: contact sales / case sidebar / spare & fault pages
   Markup: yuzhixin/_sales_block.php, case.php, spare-list.php, spare-detail.php,
   fault-index.php, fault-list.php, fault-detail.php, _pager.php (CSS only, no template change).
   ============================================================ */
/* shared: page shells used by spare / fault pages */
.yz-front .list-page,.yz-front .detail-page{padding-top:32px;padding-bottom:64px}
@media (min-width:1024px){.yz-front .list-page,.yz-front .detail-page{padding-top:48px;padding-bottom:96px}}
.yz-front :is(.list-page,.detail-page) .page-title{font-family:var(--yz-font);font-size:clamp(28px,4vw,44px);line-height:1.15;font-weight:600;color:var(--yz-heading);margin:0 0 24px}
.yz-front :is(.list-page,.detail-page) .breadcrumb{font-size:13px;color:var(--yz-muted);margin:0 0 12px}
.yz-front :is(.list-page,.detail-page) .breadcrumb a:hover{color:var(--yz-primary)}
.yz-front .list-page .empty{padding:48px 24px;border:1px dashed var(--yz-border);border-radius:var(--yz-radius);background:var(--yz-surface);color:var(--yz-muted);text-align:center}
.yz-front :is(.spare-item,.fault-group,.detail-page) .btn,
.yz-front .detail-page p > .btn{display:inline-flex;align-items:center;justify-content:center;min-height:0;padding:10px 20px;border-radius:9999px;background:var(--yz-accent-strong);color:var(--yz-on-brand);font-family:var(--yz-font-heading);font-size:13px;font-weight:700;letter-spacing:.02em;text-transform:none;box-shadow:var(--yz-shadow);transition:background-color .15s var(--yz-ease-std),box-shadow .2s}
.yz-front :is(.spare-item,.fault-group,.detail-page) .btn:hover{background:var(--yz-accent-strong-hover);box-shadow:0 10px 20px -6px color-mix(in srgb,var(--yz-accent-strong) 40%,transparent)}
.yz-front .pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;margin-top:40px;font-size:14px;color:var(--yz-muted)}
.yz-front .pagination a{display:inline-flex;padding:8px 20px;border:1px solid var(--yz-border);border-radius:9999px;color:var(--yz-text);font-weight:600;transition:background-color .15s,color .15s,border-color .15s}
.yz-front .pagination a:hover{background:var(--yz-primary);border-color:var(--yz-primary);color:#fff}

/* 1. contact page: named sales block */
.yz-front .salesrep{margin:48px 0;padding:24px;border:1px solid var(--yz-border);border-radius:var(--yz-radius);background:var(--yz-surface)}
@media (min-width:768px){.yz-front .salesrep{padding:32px 40px}}
.yz-front .salesrep > h2{font-size:clamp(22px,2.4vw,28px);line-height:1.25;font-weight:600;color:var(--yz-heading);margin:0 0 24px}
.yz-front .salesrep-region + .salesrep-region{margin-top:28px}
.yz-front .salesrep-region > h3{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--yz-primary);margin:0 0 12px}
.yz-front .salesrep-region > ul{list-style:none;margin:0;padding:0;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.yz-front .salesrep-item{display:grid;grid-template-columns:80px minmax(0,1fr);column-gap:16px;row-gap:4px;align-content:start;padding:16px;border-radius:12px;background:#fff;box-shadow:var(--yz-shadow);font-size:14px;line-height:1.5;color:var(--yz-text)}
.yz-front .salesrep-item > img{grid-column:1;grid-row:1/span 4;width:80px;height:80px;max-width:none;border-radius:50%;object-fit:cover;background:var(--yz-surface);border:2px solid #fff;box-shadow:0 0 0 1px var(--yz-border)}
.yz-front .salesrep-item > :not(img){grid-column:2;min-width:0;overflow-wrap:anywhere}
.yz-front .salesrep-item:not(:has(> img)){grid-template-columns:minmax(0,1fr)}
.yz-front .salesrep-item:not(:has(> img)) > *{grid-column:1}
.yz-front .salesrep-item > strong{font-size:16px;font-weight:600;color:var(--yz-heading)}
.yz-front .salesrep-item a{color:var(--yz-primary);font-weight:500}
.yz-front .salesrep-item a:hover{color:var(--yz-accent);text-decoration:underline}

/* 2. case detail: main ~2/3, sidebar >=300px, "More cases" never squeezed */
.yz-front .case-config-block{padding:20px;border:1px solid var(--yz-border);border-radius:var(--yz-radius);background:#fff;box-shadow:var(--yz-shadow)}
.yz-front .case-layout{grid-template-columns:minmax(0,2fr) minmax(300px,1fr);gap:24px}
@media (max-width:991.98px){.yz-front .case-layout{grid-template-columns:minmax(0,1fr)}.yz-front .case-aside{position:static}}
.yz-front .case-side-card{border-radius:var(--yz-radius)}
.yz-front .case-more-list a{display:flex;align-items:center;gap:12px}
.yz-front .case-more-thumb{flex:0 0 72px;width:72px;height:54px;border-radius:8px}
.yz-front .case-more-list a > span:last-child{flex:1 1 auto;min-width:0}
.yz-front .case-more-list strong{font-size:14px;line-height:1.4;color:var(--yz-heading);overflow-wrap:break-word}
.yz-front .case-more-list a:hover strong{color:var(--yz-primary)}

/* 3a. spare parts list */
.yz-front .spare-categories{list-style:none;margin:0 0 32px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.yz-front .spare-categories a{display:inline-flex;padding:8px 16px;border:1px solid var(--yz-border);border-radius:9999px;background:#fff;font-size:14px;font-weight:500;color:var(--yz-text);transition:background-color .15s,color .15s,border-color .15s}
.yz-front .spare-categories a:hover{background:var(--yz-primary);border-color:var(--yz-primary);color:#fff}
.yz-front .spare-list,.yz-front .fault-groups{list-style:none;margin:0;padding:0;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr))}
@media (min-width:1024px){.yz-front .spare-list,.yz-front .fault-groups{gap:24px}}
.yz-front .spare-item{display:flex;flex-direction:column;gap:8px;padding:0 0 20px;border:1px solid var(--yz-border);border-radius:var(--yz-radius);background:#fff;overflow:hidden;box-shadow:var(--yz-shadow);transition:box-shadow .2s,transform .2s}
.yz-front .spare-item:hover{box-shadow:var(--yz-shadow-lg);transform:translateY(-2px)}
.yz-front .spare-item > img{width:100%;aspect-ratio:4/3;height:auto;object-fit:cover;background:var(--yz-surface);margin-bottom:8px}
.yz-front .spare-item:not(:has(> img)){padding-top:20px}
.yz-front .spare-item > :not(img){margin-inline:20px}
.yz-front .spare-item h3{font-size:17px;font-weight:600;line-height:1.35;color:var(--yz-heading)}
.yz-front .spare-item h3 a:hover{color:var(--yz-primary)}
.yz-front .spare-cat{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--yz-accent)}
.yz-front :is(.spare-fits,.fault-products){font-size:14px;line-height:1.6;color:var(--yz-muted)}
.yz-front :is(.spare-fits,.fault-products) a{color:var(--yz-primary)}
.yz-front :is(.spare-fits,.fault-products) a:hover{text-decoration:underline}
.yz-front .spare-item .btn{align-self:flex-start;margin-top:auto}

/* 3b. spare part detail + inquiry form */
.yz-front.page-spare-part .detail-page > img{width:100%;max-width:720px;max-height:520px;object-fit:contain;border-radius:var(--yz-radius);background:var(--yz-surface);margin:0 0 24px}
.yz-front .detail-page > dl{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:8px 24px;max-width:720px;margin:0 0 24px;padding:20px 24px;border:1px solid var(--yz-border);border-radius:12px;font-size:15px}
.yz-front .detail-page > dl dt{font-weight:600;color:var(--yz-heading)}
.yz-front .detail-page > dl dd{margin:0;color:var(--yz-text)}
.yz-front .detail-page > dl a{color:var(--yz-primary)}
.yz-front .spare-note{max-width:760px;margin:0 0 24px;font-size:16px;line-height:1.75}
.yz-front .detail-page > p{margin:0 0 16px}
.yz-front .detail-page > p > a:not(.btn){color:var(--yz-primary);font-weight:500}
.yz-front .detail-page > p > a:not(.btn):hover{text-decoration:underline}
.yz-front .spare-inquiry{max-width:880px;margin-top:40px;padding:24px;border-radius:var(--yz-radius);background:var(--yz-surface)}
@media (min-width:768px){.yz-front .spare-inquiry{padding:40px}}
.yz-front .spare-inquiry h2{font-size:clamp(22px,2.4vw,28px);font-weight:600;line-height:1.2;color:var(--yz-heading);margin:0 0 20px}
.yz-front #spare-form{display:grid;gap:12px}
@media (min-width:640px){.yz-front #spare-form{grid-template-columns:1fr 1fr}.yz-front #spare-form > p:has(textarea),.yz-front #spare-form > p:has(#captcha-img),.yz-front #spare-form > p:has(button),.yz-front #spare-form > .form-msg{grid-column:1/-1}}
.yz-front #spare-form > p{margin:0}
.yz-front #spare-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--yz-heading)}
.yz-front #spare-form :is(input[type=text],input[type=email],textarea){width:100%;font:inherit;font-size:14px;font-weight:400;color:var(--yz-text);background:#fff;border:1px solid color-mix(in srgb,var(--yz-text) 10%,transparent);border-radius:12px;padding:14px 16px;outline:none;transition:border-color .15s,box-shadow .15s}
.yz-front #spare-form textarea{resize:vertical;min-height:110px}
.yz-front #spare-form :is(input,textarea):focus{border-color:var(--yz-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--yz-accent) 20%,transparent)}
.yz-front #spare-form > p:has(#captcha-img){display:flex;align-items:flex-end;gap:12px}
.yz-front #spare-form > p:has(#captcha-img) label{flex:1;min-width:0}
.yz-front #spare-form #captcha-img{height:48px;width:auto;flex:none;border-radius:10px;border:1px solid var(--yz-border);background:#fff;cursor:pointer}
.yz-front #spare-form button[type=submit]{display:inline-flex;align-items:center;justify-content:center;width:100%;border:0;border-radius:12px;padding:14px 24px;background:var(--yz-accent-strong);color:var(--yz-on-brand);font:inherit;font-family:var(--yz-font-heading);font-size:14px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;box-shadow:var(--yz-shadow);transition:background-color .15s var(--yz-ease-std),box-shadow .2s}
@media (min-width:640px){.yz-front #spare-form button[type=submit]{width:auto;min-width:220px;border-radius:9999px}}
.yz-front #spare-form button[type=submit]:hover{background:var(--yz-accent-strong-hover)}
.yz-front #spare-form button[disabled]{opacity:.6;cursor:not-allowed}
.yz-front #spare-form .form-msg{margin:0;padding:10px 14px;border-radius:10px;font-size:14px;background:#fff}
.yz-front #spare-form .form-msg.ok{background:#e8f8ee;color:#166534}
.yz-front #spare-form .form-msg.err{background:#fdecec;color:var(--yz-error)}

/* 3c. fault guides: index groups, list, entry */
.yz-front .fault-group{display:flex;flex-direction:column;gap:12px;padding:24px;border:1px solid var(--yz-border);border-radius:var(--yz-radius);background:#fff;box-shadow:var(--yz-shadow)}
.yz-front .fault-group > h2{font-size:20px;font-weight:600;line-height:1.3;color:var(--yz-heading)}
.yz-front .fault-group > h2 small{font-size:14px;font-weight:500;color:var(--yz-muted)}
.yz-front .fault-group > ul{list-style:none;margin:0 0 4px;padding:0;display:grid;gap:8px;font-size:14px;line-height:1.5}
.yz-front .fault-group > ul a{display:block;padding-left:16px;position:relative;color:var(--yz-text)}
.yz-front .fault-group > ul a::before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:50%;background:var(--yz-accent)}
.yz-front .fault-group > ul a:hover{color:var(--yz-primary)}
.yz-front .fault-group > .btn{align-self:flex-start;margin-top:auto}
.yz-front .fault-list{list-style:none;margin:0;padding:0;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr))}
.yz-front .fault-item{display:flex;flex-direction:column;gap:8px;padding:20px 24px;border:1px solid var(--yz-border);border-left:4px solid var(--yz-accent);border-radius:12px;background:#fff;box-shadow:var(--yz-shadow)}
.yz-front .fault-item h3{font-size:17px;font-weight:600;line-height:1.4;color:var(--yz-heading)}
.yz-front .fault-item h3 a:hover{color:var(--yz-primary)}
.yz-front .fault-cause{font-size:14px;line-height:1.6;color:var(--yz-text)}
.yz-front :is(.fault-causes,.fault-solution){max-width:860px;margin:0 0 24px;padding:24px;border-radius:var(--yz-radius);font-size:16px;line-height:1.75}
.yz-front .fault-causes{background:var(--yz-surface)}
.yz-front .fault-solution{border:1px solid var(--yz-border);background:#fff}
.yz-front :is(.fault-causes,.fault-solution) > h2{font-size:20px;font-weight:600;line-height:1.3;color:var(--yz-primary);margin:0 0 12px}
.yz-front .fault-solution .rich :is(p,ul,ol,table){margin:0 0 12px}
.yz-front .fault-solution .rich :is(ul,ol){padding-left:24px}
.yz-front .fault-solution .rich li + li{margin-top:4px}
.yz-front .fault-solution .rich img{height:auto;border-radius:8px;margin:12px 0}
.yz-front .fault-solution .rich table{width:100%;border-collapse:collapse;font-size:14px;display:block;overflow-x:auto}
.yz-front .fault-solution .rich :is(th,td){padding:8px 12px;border:1px solid var(--yz-border);text-align:left}
.yz-front .fault-solution .rich th{background:var(--yz-surface);color:var(--yz-heading)}
.yz-front .detail-page > .fault-products{max-width:860px;margin:0 0 24px}

/* case detail: 'Discuss a similar project' link uses yz primary instead of the shared red (button style comes in batch 2) */
.yz-front .case-side-link.is-primary{color:var(--yz-primary)}
.yz-front .case-side-link.is-primary:hover{color:var(--yz-accent)}

/* 第二批第1组 产品页 2026-10-18 */
/* ============================================================
   BATCH 2 · GROUP 1 — product overview / category / product detail (样式规范 §9.1–9.6)
   Appended to yz-front.css. Scoped under .yz-front so the shared yuzhixin-site.css (still loaded on inner pages) never wins.
   z-index map (existing): header 40 (drawer open 80) · mega 50 · lang menu 60 · drawer overlay 65 / drawer 70 ·
   .yz-quickbar / .yz-wa-float 45 · NEW: .yz-pnav 30 · .yz-lb 90 · .dl-email-modal 100 (yuzhixin-site.js download gate).
   ============================================================ */
/* --yz-sticky-h = height of the batch-1 header once it is fixed (#header.is-scrolled), measured on the mock:
   60px below 1024 (bar only), 157px from 1024 (bar + nav row). Update if the header changes. */
:root{--yz-sticky-h:60px;--yz-psec-alt:#F4F6FA;--yz-line:rgba(57,71,83,.1)}
@media (min-width:1024px){:root{--yz-sticky-h:157px}}

/* ---------- inner-page banner (§9.1): transparent white header sits on it ---------- */
.yz-front.yz-has-pagehero .yz-header{position:absolute;inset:0 0 auto 0;background:transparent}
.yz-front .yz-pagehero{position:relative;height:130px;overflow:hidden;background:var(--yz-heading)}
@media (min-width:768px){.yz-front .yz-pagehero{height:23.8vw;max-height:457px}}
.yz-front .yz-pagehero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.yz-front .yz-pagehero__shade{position:absolute;inset:0;background:linear-gradient(180deg,#293243 0%,rgba(41,50,67,.2) 100%)}
@media (min-width:768px){.yz-front .yz-pagehero__shade{background:linear-gradient(180deg,rgba(41,50,67,.9) 0%,rgba(41,50,67,.12) 100%)}}
.yz-front .yz-pagehero__wave{position:absolute;left:0;right:0;bottom:-1px;height:6vw;max-height:60px;pointer-events:none;background:url(../img/hero-wave.webp) center bottom/100% auto no-repeat}

/* ---------- breadcrumb (§9.1) ---------- */
.yz-front .yz-crumbs{background:#fff;box-shadow:inset 0 -1px 0 var(--yz-line)}
.yz-front .yz-crumbs__list{display:flex;align-items:center;height:50px;margin:0;padding:0;list-style:none;font-size:12px;white-space:nowrap;overflow-x:auto;scrollbar-width:none}
.yz-front .yz-crumbs__list::-webkit-scrollbar{display:none}
.yz-front .yz-crumbs__link{color:#777;transition:color .15s}
.yz-front .yz-crumbs__link:hover{color:var(--yz-text);text-decoration:underline}
.yz-front .yz-crumbs__current{color:var(--yz-text);font-weight:600}
.yz-front .yz-crumbs__sep{opacity:.25;margin-inline:12px}
.yz-front.page-product .yz-crumbs__list{height:40px}
.yz-front.page-product .yz-crumbs__sep{margin-inline:6px}
@media (min-width:768px){
  .yz-front .yz-crumbs__list,.yz-front.page-product .yz-crumbs__list{height:60px;font-size:14px}
  .yz-front .yz-crumbs__sep,.yz-front.page-product .yz-crumbs__sep{margin-inline:24px}
}

/* ---------- intro (§9.2-1) ---------- */
.yz-front .yz-intro{background:#fff;padding-block:40px}
@media (min-width:768px){.yz-front .yz-intro{padding-block:50px 80px}}
.yz-front .yz-intro__grid{display:grid;gap:20px}
@media (min-width:768px){.yz-front .yz-intro__grid{grid-template-columns:35% 1fr;gap:40px;align-items:center}}
@media (min-width:1024px){.yz-front .yz-intro__grid{gap:56px}}
.yz-front .yz-intro__title{font-size:30px;line-height:38px;font-weight:600;letter-spacing:-.5px;color:var(--yz-text)}
.yz-front .yz-intro__text{font-size:17px;line-height:30px;color:#333}
@media (min-width:768px){.yz-front .yz-intro__title{font-size:29px;line-height:50px}.yz-front .yz-intro__text{font-size:21px;line-height:36px}}
@media (min-width:1280px){.yz-front .yz-intro__text{font-size:23px;line-height:40px}}

/* ---------- line / series cards (§9.2-2/3) ---------- */
.yz-front .yz-catgrid{background:#fff;padding-bottom:30px}
.yz-front :is(.yz-catgrid__list,.yz-catalog__grid){display:grid;grid-template-columns:1fr;gap:20px}
@media (min-width:640px){.yz-front :is(.yz-catgrid__list,.yz-catalog__grid){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:768px){.yz-front :is(.yz-catgrid__list,.yz-catalog__grid){gap:24px}}
@media (min-width:1024px){.yz-front :is(.yz-catgrid__list,.yz-catalog__grid){grid-template-columns:repeat(3,minmax(0,1fr))}}
.yz-front .yz-catgrid .yz-cat-card{box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transition:box-shadow .3s var(--yz-ease-std)}
.yz-front .yz-catgrid .yz-cat-card:hover{box-shadow:var(--yz-shadow-xl)}
.yz-front .yz-catgrid .yz-cat-card__bar{padding:11.5px 20px;min-height:63px;margin-top:auto}
.yz-front .yz-cat-card__text{min-width:0}
.yz-front .yz-cat-card__bar h3{color:#fff} /* yuzhixin-site.css colours h3; the bar text must stay white */
.yz-front .yz-catgrid .yz-cat-card__bar h3{font-size:18px;line-height:24px;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media (min-width:768px){.yz-front .yz-catgrid .yz-cat-card__bar h3{font-size:17px}}
.yz-front .yz-cat-card__count{display:block;font-size:12px;line-height:16px;font-weight:500;opacity:.9}
.yz-front :is(.yz-cat-card__media,.yz-product__media).is-empty{display:grid;place-items:center;background:var(--yz-surface);color:var(--yz-muted)}
/* line/series cards stay one row; extras slide instead of wrapping into an empty second row */
.yz-front .yz-catgrid .yz-slider{overflow:visible}
.yz-front .yz-catgrid .yz-slider__track > *{flex:0 0 85%}
@media (min-width:640px){.yz-front .yz-catgrid .yz-slider__track > *{flex-basis:calc(50% - 8px)}}
@media (min-width:768px){.yz-front .yz-catgrid .yz-slider__track{gap:24px}.yz-front .yz-catgrid .yz-slider__track > *{flex-basis:calc(50% - 12px)}}
@media (min-width:1024px){.yz-front .yz-catgrid .yz-slider__track > *{flex-basis:calc((100% - 48px) / 3 - 12px)}}

/* ---------- model catalog (§9.6) ---------- */
.yz-front .yz-catalog{background:#fff;padding:40px 0 48px}
.yz-front .yz-article{background:#fff;padding:0 0 30px}
.yz-front .yz-cnews{background:#fff;padding:32px 0 48px}
.yz-front .yz-cfaq__card .yz-prose h2{font-size:22px;line-height:1.3;font-weight:700;margin:24px 0 10px}
.yz-front .yz-cfaq__card .yz-prose h2:first-child{margin-top:0}
.yz-front .yz-cfaq__card .yz-prose h3{font-size:18px;line-height:1.35;font-weight:600;margin:20px 0 8px}
@media (min-width:768px){.yz-front .yz-cfaq__card .yz-prose h2{font-size:24px}}
.yz-front .yz-catalog__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 24px;margin-bottom:24px}
.yz-front .yz-catalog__title{font-size:24px;line-height:1.25;font-weight:600;color:var(--yz-text)}
@media (min-width:768px){.yz-front .yz-catalog__title{font-size:29px}}
.yz-front :is(.yz-catalog__title,.yz-psec__title) span{color:var(--yz-accent)}
.yz-front .yz-catalog__meta{font-size:14px;color:var(--yz-muted)}
.yz-front .yz-chips{display:flex;gap:8px;margin:0 0 24px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.yz-front .yz-chips::-webkit-scrollbar{display:none}
.yz-front .yz-chip{flex:none;display:inline-flex;align-items:center;min-height:40px;padding:8px 18px;border:1px solid var(--yz-line);border-radius:9999px;background:#fff;font-size:14px;font-weight:600;color:var(--yz-text);white-space:nowrap;transition:border-color .15s,color .15s,background-color .15s}
.yz-front .yz-chip:hover{border-color:var(--yz-accent);color:var(--yz-accent)}
.yz-front .yz-chip.is-active{background:var(--yz-accent-strong);border-color:var(--yz-accent-strong);color:#fff}
/* card: overrides of the home .yz-product, only inside the catalog / related grids */
.yz-front .yz-catalog__grid .yz-product{box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transition:box-shadow .3s var(--yz-ease-std)}
.yz-front .yz-catalog__grid .yz-product:hover{transform:none;box-shadow:var(--yz-shadow-xl)}
.yz-front .yz-catalog__grid .yz-product__media{aspect-ratio:4/3;background:var(--yz-surface)}
.yz-front .yz-catalog__grid .yz-product__media img{object-fit:cover;padding:0;transition:transform .7s var(--yz-ease-std)}
.yz-front .yz-catalog__grid .yz-product:hover .yz-product__media img{transform:scale(1.05)}
.yz-front .yz-catalog__grid .yz-product__body{display:flex;flex-direction:column;gap:6px;flex:1;padding:16px 20px 20px}
.yz-front .yz-product__line{font-size:12px;line-height:16px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--yz-accent)}
.yz-front .yz-catalog__grid .yz-product__body h3{font-size:17px;line-height:24px;font-weight:600;color:var(--yz-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.yz-front .yz-catalog__grid .yz-product:hover h3{color:var(--yz-text)}
.yz-front .yz-product__more{margin-top:auto;padding-top:6px;font-size:14px;font-weight:600;color:var(--yz-primary);transition:color .15s}
.yz-front .yz-product:hover .yz-product__more{color:var(--yz-accent)}
.yz-front .yz-empty{padding:40px 24px;border:1px dashed var(--yz-border);border-radius:var(--yz-radius);text-align:center;color:var(--yz-muted);background:var(--yz-surface)}

/* ---------- pager (§9.6) ---------- */
.yz-front .yz-pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 12px;margin-top:40px}
.yz-front .yz-pager__pages{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none}
.yz-front .yz-pager__num{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--yz-border);background:#fff;font-size:14px;font-weight:600;color:var(--yz-text);transition:border-color .15s,color .15s}
.yz-front a.yz-pager__num:hover{border-color:var(--yz-accent);color:var(--yz-accent)}
.yz-front .yz-pager__num.is-current{background:var(--yz-accent-strong);border-color:var(--yz-accent-strong);color:#fff}
.yz-front .yz-pager__gap{display:grid;place-items:center;width:24px;height:40px;color:var(--yz-muted)}
.yz-front .yz-pager__btn{display:inline-flex;align-items:center;min-height:40px;padding:8px 18px;border-radius:9999px;border:1px solid var(--yz-border);background:#fff;font-size:14px;font-weight:600;color:var(--yz-text);transition:border-color .15s,color .15s}
.yz-front a.yz-pager__btn:hover{border-color:var(--yz-accent);color:var(--yz-accent)}
.yz-front .yz-pager__btn.is-disabled{opacity:.45;cursor:default}

/* ---------- rich content (§9.2-4, §9.6): styles hang on the container only, never on content classes ---------- */
.yz-front .yz-prose{color:var(--yz-text);line-height:1.75}
.yz-front .yz-prose > :first-child{margin-top:0}
.yz-front .yz-prose p{margin:0 0 19px}
.yz-front .yz-prose h2{font-size:29px;line-height:1.3;font-weight:700;color:var(--yz-heading);margin:32px 0 12px}
.yz-front .yz-prose h3{font-size:19px;line-height:1.4;font-weight:600;color:var(--yz-heading);margin:32px 0 12px}
.yz-front .yz-prose h4{font-size:17px;line-height:1.4;font-weight:700;color:var(--yz-heading);margin:24px 0 8px}
.yz-front .yz-prose :is(ul,ol){margin:0 0 19px;padding-left:24px}
.yz-front .yz-prose li + li{margin-top:6px}
.yz-front .yz-prose a{color:inherit;text-decoration:underline;text-decoration-color:var(--yz-accent);text-underline-offset:3px;text-decoration-thickness:1px}
.yz-front .yz-prose a:hover{color:color-mix(in srgb,var(--yz-accent) 60%,#000)}
.yz-front .yz-prose blockquote{margin:0 0 19px;padding:12px 20px;border-left:4px solid var(--yz-accent);background:var(--yz-surface);border-radius:0 12px 12px 0}
.yz-front .yz-prose img{max-width:100%;height:auto}
.yz-front .yz-prose figure{margin:24px 0}
.yz-front .yz-prose figure img{display:block;width:100%;height:auto;margin:0}
.yz-front .yz-prose figcaption{margin-top:12px;text-align:center;font-size:12px;line-height:1.5;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--yz-accent)}
.yz-front .yz-prose table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;margin:0 0 19px;font-size:14px}
.yz-front .yz-prose :is(th,td){padding:8px 16px;border:1px solid var(--yz-line);text-align:left;vertical-align:top}
.yz-front .yz-prose th{background:#E6E9EE;font-weight:700}
.yz-front .yz-prose tr:nth-child(even) td{background:#F0F2F5}
/* product overview article (§9.3-4): bigger body text, full-bleed images without radius */
.yz-front .yz-prose--article{font-size:17px;line-height:1.85}
@media (min-width:768px){.yz-front .yz-prose--article{font-size:20px}}
.yz-front .yz-prose--article > p > img,.yz-front .yz-prose--article > img{display:block;width:100%;margin:24px 0;border-radius:0}

/* ---------- category news + FAQ (§9.2-5); details.yz-faq__item shared with the product page ---------- */
.yz-front .yz-cfaq{position:relative;padding-block:48px;background:linear-gradient(180deg,#FAFBFC 0%,#EEF0F5 50%,#F4F6F8 100%)}
.yz-front .yz-cfaq::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,rgba(26,35,48,.08) 1px,transparent 1px);background-size:24px 24px}
@media (min-width:1024px){.yz-front .yz-cfaq{padding-block:80px}}
.yz-front .yz-cfaq__grid{position:relative;display:grid;gap:32px}
@media (min-width:1024px){.yz-front .yz-cfaq__grid{grid-template-columns:1.2fr 1fr;gap:48px;align-items:start}.yz-front .yz-cfaq__grid--single{grid-template-columns:minmax(0,860px);justify-content:center}}
.yz-front .yz-cfaq__card{position:relative;overflow:hidden;padding:24px;border-radius:var(--yz-radius);background:rgba(255,255,255,.95);box-shadow:var(--yz-shadow-lg)}
.yz-front .yz-cfaq__card::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:var(--yz-accent)}
@media (min-width:768px){.yz-front .yz-cfaq__card{padding:40px}}
.yz-front .yz-cfaq__card .yz-h2{font-size:24px;margin-bottom:16px}
@media (min-width:768px){.yz-front .yz-cfaq__card .yz-h2{font-size:29px}}
.yz-front .yz-cfaq__scroll{max-height:400px;overflow-y:auto}
@media (min-width:768px){.yz-front .yz-cfaq__scroll{max-height:500px}}
.yz-front .yz-cfaq__news{margin:0;padding:0;list-style:none}
.yz-front .yz-cfaq__news li{display:flex;flex-direction:column;gap:4px;padding:14px 0;border-bottom:1px solid var(--yz-line)}
.yz-front .yz-cfaq__news a{font-size:16px;font-weight:600;line-height:1.45;color:var(--yz-heading);transition:color .15s}
.yz-front .yz-cfaq__news a:hover{color:var(--yz-accent)}
.yz-front .yz-cfaq__news time{font-size:13px;color:var(--yz-muted)}
.yz-front .yz-cfaq__more{margin-top:20px}
.yz-front .yz-cfaq__faqtitle{display:flex;align-items:center;gap:14px;margin-bottom:20px;font-size:24px;line-height:30px;font-weight:600;color:var(--yz-heading)}
.yz-front .yz-cfaq__icon{display:grid;place-items:center;width:48px;height:48px;flex:none;border-radius:50%;background:var(--yz-accent);color:var(--yz-accent-ink);font-size:22px;font-weight:700}
.yz-front .yz-faq__item{margin-bottom:12px;padding-inline:20px;border:1px solid rgba(57,71,83,.08);border-radius:12px;background:#fff;transition:border-color .2s}
.yz-front .yz-faq__item:hover{border-color:color-mix(in srgb,var(--yz-accent) 40%,transparent)}
.yz-front .yz-faq__q{position:relative;display:block;padding:16px 32px 16px 0;font-size:16px;font-weight:600;line-height:1.45;color:var(--yz-heading);cursor:pointer;list-style:none}
.yz-front .yz-faq__q::-webkit-details-marker{display:none}
.yz-front .yz-faq__q::after{content:"";position:absolute;right:4px;top:50%;width:9px;height:9px;margin-top:-7px;border-right:2px solid var(--yz-accent);border-bottom:2px solid var(--yz-accent);transform:rotate(45deg);transition:transform .3s var(--yz-ease-std)}
.yz-front .yz-faq__item[open] > .yz-faq__q::after{transform:rotate(225deg);margin-top:-2px}
.yz-front .yz-faq__a{padding-bottom:16px;font-size:15px}

/* ---------- product: sticky anchor nav (§9.3-2) ---------- */
.yz-front .yz-pnav{position:sticky;top:0;z-index:30;background:var(--yz-psec-alt);border-bottom:1px solid var(--yz-line)}
/* once the batch-1 header turns fixed (#header.is-scrolled), park the nav right under it */
.yz-front:has(#header.is-scrolled) .yz-pnav{top:var(--yz-sticky-h)}
.yz-front .yz-pnav__scroll{display:flex;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.yz-front .yz-pnav__scroll::-webkit-scrollbar{display:none}
.yz-front .yz-pnav__link{position:relative;flex:none;display:inline-flex;align-items:center;min-height:44px;padding:12px 16px;font-size:13px;font-weight:600;line-height:20px;color:var(--yz-text);white-space:nowrap;transition:color .2s}
.yz-front .yz-pnav__link::after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:3px;border-radius:3px;background:var(--yz-accent);transform:scaleX(0);transition:transform .3s var(--yz-ease-std)}
.yz-front .yz-pnav__link:hover,.yz-front .yz-pnav__link.is-active{color:var(--yz-accent)}
.yz-front .yz-pnav__link.is-active::after{transform:scaleX(1)}
@media (min-width:768px){.yz-front .yz-pnav__link{padding:16px 20px;font-size:14px}.yz-front .yz-pnav__link::after{left:16px;right:16px}}
.yz-front .yz-pnav__scroll .yz-pnav__link:first-child{padding-left:0}
.yz-front .yz-pnav__scroll .yz-pnav__link:first-child::after{left:0}
.yz-front .yz-pnav__link:first-child{max-width:60vw;overflow:hidden;text-overflow:ellipsis}

/* ---------- product: sections (§9.3-3). NO scroll-margin-top: yz-front.js offsets header + nav ---------- */
.yz-front .yz-psec{padding-block:30px;background:#fff}
.yz-front .yz-psec--muted{background:var(--yz-psec-alt)}
.yz-front .yz-psec__title{margin:0 0 24px;text-align:center;font-size:24px;line-height:1.3;font-weight:600;color:var(--yz-text)}
@media (min-width:768px){.yz-front .yz-psec{padding-block:48px}.yz-front .yz-psec__title{font-size:29px;margin-bottom:32px}}
.yz-front .yz-psec__narrow{max-width:1024px}

/* overview (§9.3-4) */
.yz-front .yz-overview{max-width:1100px}
.yz-front .yz-overview__model{margin-bottom:8px;font-size:12px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--yz-muted)}
.yz-front .yz-overview__title{font-size:24px;line-height:1.25;font-weight:600;color:var(--yz-accent);margin-bottom:20px}
@media (min-width:768px){.yz-front .yz-overview__title{font-size:29px}}
.yz-front .yz-points{display:grid;gap:10px;margin:0 0 24px;padding:0;list-style:none}
@media (min-width:768px){.yz-front .yz-points{grid-template-columns:1fr 1fr;gap:12px 32px}}
.yz-front .yz-points li{position:relative;padding-left:26px;font-size:16px;line-height:1.55;color:var(--yz-text)}
.yz-front .yz-points li::before{content:"";position:absolute;left:2px;top:.35em;width:14px;height:8px;border-left:2px solid var(--yz-accent);border-bottom:2px solid var(--yz-accent);transform:rotate(-45deg)}
.yz-front .yz-overview__cta{margin-bottom:32px}

/* specs (§9.3-5) */
.yz-front .yz-spec__group{margin:0 0 16px;text-align:center;font-size:16px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--yz-accent)}
@media (min-width:768px){.yz-front .yz-spec__group{font-size:18px}}
.yz-front .yz-spec-wrap{overflow-x:auto;border:1px solid var(--yz-line);border-radius:var(--yz-radius);background:#fff;box-shadow:var(--yz-shadow)}
.yz-front .yz-spec{width:100%;border-collapse:collapse;font-size:14px;line-height:1.5;color:var(--yz-text)}
.yz-front .yz-spec :is(th,td){padding:8px 20px;text-align:left;vertical-align:top;overflow-wrap:anywhere;border-bottom:1px solid var(--yz-line)}
.yz-front .yz-spec tr:last-child :is(th,td){border-bottom:0}
.yz-front .yz-spec th{width:50%;font-weight:700;background:#E6E9EE}
.yz-front .yz-spec td{font-weight:500;background:#F0F2F5}
.yz-front .yz-spec tr:nth-child(even) th{background:#F0F2F5}
.yz-front .yz-spec tr:nth-child(even) td{background:#fff}
@media (min-width:768px){.yz-front .yz-spec{font-size:16px}.yz-front .yz-spec :is(th,td){padding:10px 28px}.yz-front .yz-spec th{width:42%}}

/* gallery grid (§9.3-6) */
.yz-front .yz-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (min-width:640px){.yz-front .yz-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:768px){.yz-front .yz-gallery{gap:16px}}
@media (min-width:1024px){.yz-front .yz-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}}
.yz-front .yz-gallery__item{position:relative;display:block;width:100%;aspect-ratio:1/1;padding:0;border:0;border-radius:12px;overflow:hidden;background:rgba(57,71,83,.05);cursor:zoom-in;font:inherit}
.yz-front .yz-gallery__item img{width:100%;height:100%;object-fit:cover}
.yz-front .yz-gallery__item::after{content:"";position:absolute;inset:0;background:rgba(57,71,83,.3);opacity:0;pointer-events:none}
.yz-front .yz-gallery__zoom{position:absolute;left:50%;top:50%;z-index:1;display:grid;place-items:center;width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:50%;background:rgba(255,255,255,.9);color:var(--yz-accent);opacity:0;pointer-events:none}
.yz-front .yz-gallery__item:hover::after,.yz-front .yz-gallery__item:hover .yz-gallery__zoom,.yz-front .yz-gallery__item:focus-visible .yz-gallery__zoom{opacity:1}
.yz-front .yz-gallery__item:focus-visible{outline:none;box-shadow:0 0 0 4px color-mix(in srgb,var(--yz-accent) 50%,transparent)}

/* lightbox, built by yz-front.js (§9.3-6) */
.yz-lb{display:none}
.yz-lb.is-open{display:flex;position:fixed;inset:0;z-index:90;align-items:center;justify-content:center}
.yz-lb[hidden]{display:none}
.yz-lb__backdrop{position:absolute;inset:0;background:rgba(26,35,48,.92)}
.yz-lb__stage{position:relative;z-index:1;margin:0;display:flex;align-items:center;justify-content:center;max-width:90vw;max-height:90vh;touch-action:pan-y}
.yz-lb__img{display:block;max-width:90vw;max-height:85vh;width:auto;height:auto;object-fit:contain;border-radius:8px;user-select:none}
.yz-lb__prev,.yz-lb__next,.yz-lb__close{position:absolute;z-index:2;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.18);color:#fff;font-size:28px;line-height:1;cursor:pointer;transition:background-color .2s}
.yz-lb__prev:hover,.yz-lb__next:hover,.yz-lb__close:hover{background:rgba(255,255,255,.32)}
.yz-lb__prev:focus-visible,.yz-lb__next:focus-visible,.yz-lb__close:focus-visible{outline:3px solid var(--yz-accent);outline-offset:2px}
.yz-lb__prev{left:12px;top:50%;transform:translateY(-50%)}
.yz-lb__next{right:12px;top:50%;transform:translateY(-50%)}
.yz-lb__close{right:12px;top:12px;top:calc(12px + env(safe-area-inset-top))}
.yz-lb__prev[hidden],.yz-lb__next[hidden],.yz-lb__count[hidden]{display:none}
.yz-lb__count{position:absolute;z-index:2;left:50%;bottom:16px;bottom:calc(16px + env(safe-area-inset-bottom));transform:translateX(-50%);margin:0;padding:4px 12px;border-radius:9999px;background:rgba(0,0,0,.35);color:#fff;font-size:14px;font-variant-numeric:tabular-nums}
@media (min-width:768px){.yz-lb__prev{left:24px}.yz-lb__next{right:24px}.yz-lb__close{right:24px;top:24px}}
body.yz-lb-open{overflow:hidden}

/* video (§9.3-7): dark section, click-to-load. JS: wrap.is-playing, button[hidden], .yz-pvideo__player in the frame */
.yz-front .yz-psec--video{position:relative;overflow:hidden;background:linear-gradient(180deg,#1A2330 0%,#243345 45%,#1F2A3A 100%)}
.yz-front .yz-psec--video .yz-psec__title{color:#fff}
@media (min-width:1024px){.yz-front .yz-psec--video{padding-block:72px}.yz-front .yz-psec--video .yz-psec__title{font-size:36px;line-height:48px}}
.yz-front .yz-pvideo__box{position:relative;max-width:1024px;margin-inline:auto}
.yz-front .yz-pvideo__corner{position:absolute;z-index:2;width:40px;height:40px;border:0 solid var(--yz-accent);pointer-events:none}
.yz-front .yz-pvideo__corner--tl{left:-4px;top:-4px;border-top-width:2px;border-left-width:2px;border-top-left-radius:12px}
.yz-front .yz-pvideo__corner--tr{right:-4px;top:-4px;border-top-width:2px;border-right-width:2px;border-top-right-radius:12px}
.yz-front .yz-pvideo__corner--bl{left:-4px;bottom:-4px;border-bottom-width:2px;border-left-width:2px;border-bottom-left-radius:12px}
.yz-front .yz-pvideo__corner--br{right:-4px;bottom:-4px;border-bottom-width:2px;border-right-width:2px;border-bottom-right-radius:12px}
@media (min-width:768px){
  .yz-front .yz-pvideo__corner--tl{left:-8px;top:-8px}.yz-front .yz-pvideo__corner--tr{right:-8px;top:-8px}
  .yz-front .yz-pvideo__corner--bl{left:-8px;bottom:-8px}.yz-front .yz-pvideo__corner--br{right:-8px;bottom:-8px}
}
.yz-front .yz-pvideo{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;border:0;border-radius:20px;overflow:hidden;background:#0f1722;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.yz-front .yz-pvideo img{width:100%;height:100%;object-fit:cover;opacity:.85;transition:opacity .3s}
.yz-front .yz-pvideo:hover img{opacity:1}
.yz-front .yz-pvideo__play{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:72px;height:72px;margin:-36px 0 0 -36px;border-radius:50%;background:var(--yz-accent);color:var(--yz-accent-ink);box-shadow:0 10px 30px -6px color-mix(in srgb,var(--yz-accent) 60%,transparent)}
.yz-front .yz-pvideo__play svg{margin-left:4px}
.yz-front .yz-pvideo:focus-visible{outline:3px solid var(--yz-accent);outline-offset:4px}
.yz-front .yz-pvideo.is-unavailable{cursor:default}
.yz-front .yz-pvideo.is-unavailable .yz-pvideo__play{display:none}
.yz-front .yz-pvideo.is-unavailable img{opacity:1}
.yz-front .yz-pvideo[hidden],.yz-front .yz-pvideo__frame[hidden]{display:none}
.yz-front .yz-pvideo__frame{position:relative;aspect-ratio:16/9;border-radius:20px;overflow:hidden;background:#000;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.yz-front .yz-pvideo__player{position:absolute;inset:0;width:100%;height:100%;border:0}

/* downloads (§9.3-8) */
.yz-front .yz-dl__hint{max-width:896px;margin:-12px auto 20px;text-align:center;font-size:14px;color:var(--yz-muted)}
.yz-front .yz-dl{display:grid;grid-template-columns:1fr;gap:16px;max-width:896px;margin-inline:auto}
@media (min-width:768px){.yz-front .yz-dl{grid-template-columns:1fr 1fr;gap:24px}}
.yz-front .yz-dl__card{display:flex;align-items:center;gap:16px;padding:24px;border-radius:var(--yz-radius);background:#fff;border:1px solid var(--yz-border);box-shadow:var(--yz-shadow);transition:transform .25s var(--yz-ease-std),box-shadow .25s}
.yz-front .yz-dl__card:hover{transform:translateY(-4px);box-shadow:var(--yz-shadow-lg)}
@media (min-width:768px){.yz-front .yz-dl__card{padding:28px;gap:20px}}
.yz-front .yz-dl__card.is-feature{border-color:transparent;color:#fff;background:linear-gradient(135deg,var(--yz-accent) 0%,color-mix(in srgb,var(--yz-accent) 85%,transparent) 100%)}
.yz-front .yz-dl__icon{display:grid;place-items:center;width:64px;height:64px;flex:none;border-radius:14px;background:color-mix(in srgb,var(--yz-accent) 12%,#fff);color:var(--yz-accent)}
.yz-front .yz-dl__card.is-feature .yz-dl__icon{background:rgba(255,255,255,.2);color:#fff}
@media (min-width:768px){.yz-front .yz-dl__icon{width:80px;height:80px;border-radius:16px}}
.yz-front .yz-dl__text{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}
.yz-front .yz-dl__type{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;opacity:.75}
.yz-front .yz-dl__title{font-size:16px;line-height:1.35;font-weight:600;overflow-wrap:anywhere}
@media (min-width:768px){.yz-front .yz-dl__title{font-size:18px}}
.yz-front .yz-dl__btn{display:grid;place-items:center;width:44px;height:44px;flex:none;padding:0;border:0;border-radius:50%;background:var(--yz-accent-strong);color:#fff;cursor:pointer;transition:transform .2s,background-color .2s}
.yz-front .yz-dl__card.is-feature .yz-dl__btn{background:#fff;color:var(--yz-accent)}
.yz-front .yz-dl__btn:hover{transform:scale(1.06)}
.yz-front .yz-dl__btn:focus-visible{outline:3px solid var(--yz-primary);outline-offset:2px}
@media (min-width:768px){.yz-front .yz-dl__btn{width:48px;height:48px}}

/* related cases: batch-1 case cards (.product-grid > .product-tile from yuzhixin-site.css), capped at 1/2/3 columns */
.yz-front .yz-related__cases{display:grid;grid-template-columns:1fr;gap:20px}
@media (min-width:640px){.yz-front .yz-related__cases{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:768px){.yz-front .yz-related__cases{gap:24px}}
@media (min-width:1024px){.yz-front .yz-related__cases{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* inquiry message classes set by the shared #productInquiryForm handler (yuzhixin-site.js) */
.yz-front .yz-form-msg.is-success{background:#e8f8ee;color:#166534}

/* motion only when allowed */
@media (prefers-reduced-motion:no-preference){
  .yz-front .yz-gallery__item img{transition:transform .5s var(--yz-ease-std)}
  .yz-front .yz-gallery__item:hover img{transform:scale(1.1)}
  .yz-front .yz-gallery__item::after,.yz-front .yz-gallery__zoom{transition:opacity .3s}
  .yz-lb.is-open .yz-lb__backdrop{animation:yz-lb-fade .2s var(--yz-ease-std)}
  .yz-lb.is-open .yz-lb__img{animation:yz-lb-zoom .25s var(--yz-ease-std)}
}
@keyframes yz-lb-fade{from{opacity:0}to{opacity:1}}
@keyframes yz-lb-zoom{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
  .yz-front :is(.yz-cat-card__media img,.yz-catalog__grid .yz-product__media img,.yz-dl__card,.yz-pnav__link::after){transition:none}
  .yz-front .yz-catalog__grid .yz-product:hover .yz-product__media img,.yz-front .yz-catgrid .yz-cat-card:hover .yz-cat-card__media img{transform:none}
  .yz-front .yz-dl__card:hover{transform:none}
}

/* UI review 17:13 (batch 2 group 1): overview aligns with the 1384px container like the crumbs / sticky nav (was max-width 1100px, centred) */
.yz-front .yz-container.yz-overview{max-width:var(--yz-container)}
/* product FAQ (§9.3-9, 17:20) reuses the category .yz-cfaq look; .yz-psec (declared later in this file) would reset it to white */
.yz-front .yz-psec.yz-cfaq{padding-block:48px;background:linear-gradient(180deg,#FAFBFC 0%,#EEF0F5 50%,#F4F6F8 100%)}
@media (min-width:1024px){.yz-front .yz-psec.yz-cfaq{padding-block:80px}}
/* sticky offset (17:20): yz-front.js sets --yz-sticky-h on :root from the real header height. The stylesheet no longer sets a
   value (initial = unset), so every use falls back to the measured 60px / 157px only until the JS value exists. */
:root{--yz-sticky-h:initial}
.yz-front:has(#header.is-scrolled) .yz-pnav{top:var(--yz-sticky-h,60px)}
@media (min-width:1024px){.yz-front:has(#header.is-scrolled) .yz-pnav{top:var(--yz-sticky-h,157px)}}
/* category without description (UI review 17:30): H1 stays visible, no paragraph; ~32px (40px from 768) from the H1 to the next block */
.yz-front .yz-intro--title{padding-block:40px 32px}
@media (min-width:768px){.yz-front .yz-intro--title{padding-block:50px 40px}}
.yz-front .yz-intro--title .yz-intro__grid{grid-template-columns:1fr}
.yz-front .yz-intro--title + .yz-catalog,.yz-front .yz-intro--title + .yz-catgrid{padding-top:0}

/* ==== batch 2 group 2 (2026-10-18): about (.yz-astats/.yz-astory/.yz-apillars/.yz-agallery), contact (.yz-cways/.yz-cform/.yz-cinfo/.yz-cmap), sales (.yz-sales), empty states (--single, --nocard). Appended; earlier bytes unchanged. ==== */
/* ============================================================
   BATCH 2 · GROUP 2 — about / contact (样式规范 §10.1–10.3)
   Append to yz-front.css after the batch-2 group-1 block. Scoped under .yz-front so the shared yuzhixin-site.css
   (still loaded on inner pages) never wins. No new z-index layers (decorative frames use z-index:-1 inside an isolated row).
   ============================================================ */
:root{--yz-pale:#F4F6FA;--yz-card-line:rgba(57,71,83,.08)}

/* ---------- intro eyebrow (about + contact, §10.1-2 / §10.2-2) ---------- */
.yz-front .yz-intro__eyebrow{margin:0 0 12px;font-size:12px;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:var(--yz-accent)}
@media (min-width:768px){.yz-front .yz-intro__eyebrow{font-size:14px}}
.yz-front .yz-intro__head .yz-intro__title{margin:0}
.yz-front .yz-intro__text.yz-prose p{margin:0;font:inherit;color:inherit}

/* ---------- about · stats (.yz-astats) ---------- */
.yz-front .yz-astats{background:linear-gradient(120deg,#EEF2F6,var(--yz-pale));padding-block:30px;margin-block:48px}
@media (min-width:768px){.yz-front .yz-astats{margin-block:64px}}
@media (min-width:1024px){.yz-front .yz-astats{margin-block:80px}}
.yz-front .yz-astats__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none}
@media (min-width:768px){.yz-front .yz-astats__grid{gap:24px}}
@media (min-width:1024px){.yz-front .yz-astats__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.yz-front .yz-astats__item{position:relative;display:flex;flex-direction:column;gap:8px;padding:24px;border-radius:16px;border:1px solid var(--yz-card-line);background:rgba(255,255,255,.8);transition:box-shadow .2s,transform .2s}
@media (min-width:768px){.yz-front .yz-astats__item{padding:32px}}
.yz-front .yz-astats__icon{position:absolute;top:16px;right:16px;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:color-mix(in srgb,var(--yz-accent) 10%,transparent);color:var(--yz-accent);transition:background-color .2s,color .2s}
@media (min-width:768px){.yz-front .yz-astats__icon{width:48px;height:48px;top:20px;right:20px}}
.yz-front .yz-astats__item:hover .yz-astats__icon{background:var(--yz-accent);color:var(--yz-accent-ink)}
.yz-front .yz-astats__num{display:block;padding-right:44px;font-size:36px;line-height:1.1;font-weight:600;color:var(--yz-text);font-variant-numeric:tabular-nums}
@media (min-width:768px){.yz-front .yz-astats__num{font-size:48px;padding-right:52px}}
@media (min-width:1280px){.yz-front .yz-astats__num{font-size:60px}}
.yz-front .yz-astats__suffix{color:var(--yz-accent);margin-left:2px}
.yz-front .yz-astats__label{font-size:12px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--yz-muted)}
@media (min-width:768px){.yz-front .yz-astats__label{font-size:14px}}
@media (max-width:389px){.yz-front .yz-astats__num{font-size:30px}}
.yz-front .yz-intro + .yz-astats{margin-top:0} /* the intro already ends with 40/80px padding */

/* ---------- about · story rows (.yz-astory) ---------- */
.yz-front .yz-astory{background:#fff;padding-block:30px}
.yz-front .yz-astory__row{display:grid;gap:32px;align-items:center;isolation:isolate}
.yz-front .yz-astory__row + .yz-astory__row{margin-top:64px}
@media (min-width:768px){.yz-front .yz-astory__row + .yz-astory__row{margin-top:96px}}
@media (min-width:1024px){
  .yz-front .yz-astory__row{grid-template-columns:repeat(2,minmax(0,1fr));gap:64px}
  .yz-front .yz-astory__row + .yz-astory__row{margin-top:128px}
  .yz-front .yz-astory__row.is-flip .yz-astory__media{order:2}
  .yz-front .yz-astory__row.is-text{grid-template-columns:minmax(0,860px)}
}
.yz-front .yz-astory__media{position:relative;margin:0}
.yz-front .yz-astory__media img{display:block;width:100%;aspect-ratio:5/4;object-fit:cover;border-radius:16px;box-shadow:var(--yz-shadow-xl)}
.yz-front .yz-astory__frame{display:none}
@media (min-width:768px){
  .yz-front .yz-astory__frame{display:block;position:absolute;z-index:-1;left:-24px;top:-24px;width:128px;height:128px;border:6px solid var(--yz-accent);border-radius:16px}
  .yz-front .yz-astory__row.is-flip .yz-astory__frame{left:auto;top:auto;right:-24px;bottom:-24px}
}
.yz-front .yz-astory__kicker{display:flex;align-items:center;gap:12px;margin:0 0 12px;font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--yz-accent)}
.yz-front .yz-astory__kicker::before{content:"";flex:none;width:40px;height:2px;border-radius:2px;background:var(--yz-accent)}
.yz-front .yz-astory__title{margin:0 0 20px;font-size:30px;line-height:1.25;font-weight:600;color:var(--yz-heading)}
@media (min-width:768px){.yz-front .yz-astory__title{font-size:36px}}
@media (min-width:1024px){.yz-front .yz-astory__title{font-size:48px}}
.yz-front .yz-astory__text,.yz-front .yz-astory__text p{font-size:16px;line-height:1.7;color:var(--yz-muted)}
@media (min-width:768px){.yz-front .yz-astory__text,.yz-front .yz-astory__text p{font-size:18px}}
.yz-front .yz-astory__text p{margin:0}

/* ---------- about · pillars (.yz-apillars) ---------- */
.yz-front .yz-apillars{background:var(--yz-pale);padding-block:30px}
@media (min-width:1024px){.yz-front .yz-apillars{padding-block:64px}}
.yz-front .yz-apillars__head{max-width:860px;margin:0 auto 32px;text-align:center}
.yz-front .yz-apillars__head .yz-h2{margin-bottom:12px}
.yz-front .yz-apillars__head .yz-h2 span,.yz-front .yz-agallery__title span,.yz-front .yz-cform__title span,.yz-front .yz-sales__head .yz-h2 span,.yz-front .yz-cmap__head .yz-h2 span{color:var(--yz-accent)}
.yz-front .yz-apillars__lead{margin:0;font-size:16px;line-height:1.6;color:var(--yz-muted)}
.yz-front .yz-apillars__grid{display:grid;gap:16px;margin:0;padding:0;list-style:none}
@media (min-width:640px){.yz-front .yz-apillars__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:768px){.yz-front .yz-apillars__grid{gap:20px}}
@media (min-width:1024px){.yz-front .yz-apillars__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1280px){.yz-front .yz-apillars__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.yz-front .yz-apillars__card{position:relative;padding:24px;border-radius:16px;border:1px solid var(--yz-card-line);background:#fff;transition:border-color .2s,box-shadow .2s,transform .2s}
@media (min-width:768px){.yz-front .yz-apillars__card{padding:28px}}
.yz-front .yz-apillars__card::before{content:"";position:absolute;top:0;left:24px;right:24px;height:4px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,var(--yz-accent),color-mix(in srgb,var(--yz-accent) 40%,transparent))}
.yz-front .yz-apillars__card:hover{border-color:color-mix(in srgb,var(--yz-accent) 40%,transparent);box-shadow:var(--yz-shadow-lg);transform:translateY(-4px)}
.yz-front .yz-apillars__icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:16px;border-radius:12px;background:color-mix(in srgb,var(--yz-accent) 10%,transparent);color:var(--yz-accent);transition:background-color .2s,color .2s}
@media (min-width:768px){.yz-front .yz-apillars__icon{width:56px;height:56px}}
.yz-front .yz-apillars__card:hover .yz-apillars__icon{background:var(--yz-accent);color:var(--yz-accent-ink)}
.yz-front .yz-apillars__title{margin:0 0 8px;font-size:16px;line-height:1.35;font-weight:600;color:var(--yz-heading)}
@media (min-width:768px){.yz-front .yz-apillars__title{font-size:18px}}
.yz-front .yz-apillars__text{margin:0;font-size:14px;line-height:1.6;color:var(--yz-muted)}

/* ---------- about · factory gallery (.yz-agallery, reuses .yz-gallery + .yz-lb) ---------- */
.yz-front .yz-agallery{background:#fff;padding-block:48px}
@media (min-width:1024px){.yz-front .yz-agallery{padding-block:72px}}
.yz-front .yz-agallery__head{margin-bottom:24px}
.yz-front .yz-agallery__title{margin:0;font-size:24px;line-height:1.25;font-weight:600;color:var(--yz-heading)}
@media (min-width:768px){.yz-front .yz-agallery__title{font-size:30px}}
@media (min-width:1024px){.yz-front .yz-agallery__title{font-size:34px}}
.yz-front .yz-agallery__grid{gap:16px}
@media (min-width:768px){.yz-front .yz-agallery__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}}
@media (min-width:1024px){.yz-front .yz-agallery__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.yz-front .yz-agallery__grid .yz-gallery__item{aspect-ratio:4/3;border-radius:16px}
.yz-front .yz-agallery__grid .yz-gallery__item img{transition:transform .4s var(--yz-ease-std)}
.yz-front .yz-agallery__grid .yz-gallery__item:hover img{transform:scale(1.05)}
.yz-front .yz-agallery__grid .yz-gallery__item::after{background:rgba(0,0,0,.25);transition:opacity .2s}
.yz-front .yz-agallery__grid .yz-gallery__zoom{background:#fff}
@media (max-width:767px){.yz-front .yz-agallery__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---------- contact · ways (.yz-cways) ---------- */
.yz-front .yz-cways{background:var(--yz-surface);padding-block:40px}
@media (min-width:1024px){.yz-front .yz-cways{padding-block:56px}}
.yz-front .yz-cways__grid{display:grid;gap:16px;margin:0;padding:0;list-style:none}
@media (min-width:640px){.yz-front .yz-cways__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:768px){.yz-front .yz-cways__grid{gap:20px}}
@media (min-width:1280px){.yz-front .yz-cways__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.yz-front .yz-cways__card{display:flex;align-items:center;gap:16px;height:100%;padding:20px;border-radius:16px;border:1px solid var(--yz-border);background:#fff;color:var(--yz-heading);text-decoration:none;box-shadow:0 0 0 1px transparent;transition:border-color .2s,box-shadow .2s}
@media (min-width:768px){.yz-front .yz-cways__card{padding:24px}}
.yz-front .yz-cways__card:hover,.yz-front .yz-cways__card:focus-visible{border-color:var(--yz-accent);box-shadow:0 0 0 1px var(--yz-accent),var(--yz-shadow-lg);outline:none}
.yz-front .yz-cways__icon{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:color-mix(in srgb,var(--yz-accent) 10%,transparent);color:var(--yz-accent);transition:background-color .2s,color .2s}
@media (min-width:768px){.yz-front .yz-cways__icon{width:56px;height:56px}}
.yz-front .yz-cways__card:hover .yz-cways__icon,.yz-front .yz-cways__card:focus-visible .yz-cways__icon{background:var(--yz-accent);color:var(--yz-accent-ink)}
.yz-front .yz-cways__text{display:flex;flex-direction:column;gap:4px;min-width:0}
.yz-front .yz-cways__label{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--yz-muted)}
.yz-front .yz-cways__value{font-size:16px;line-height:1.35;font-weight:700;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s}
@media (min-width:768px){.yz-front .yz-cways__value{font-size:18px}}
.yz-front .yz-cways__card:hover .yz-cways__value{color:var(--yz-accent)}

/* ---------- contact · form + quick info (.yz-cform; the form inside is the shared #contact-form) ---------- */
.yz-front .yz-cform{background:var(--yz-surface);padding-block:30px}
@media (min-width:1024px){.yz-front .yz-cform{padding-block:30px 64px}}
.yz-front .yz-cform__grid{display:grid;gap:32px}
@media (min-width:1024px){.yz-front .yz-cform__grid{grid-template-columns:1.1fr 1fr;gap:56px;align-items:start}}
.yz-front .yz-cform__card{padding:24px;border-radius:24px;background:#fff;box-shadow:var(--yz-shadow)}
@media (min-width:768px){.yz-front .yz-cform__card{padding:40px}}
.yz-front .yz-cform__title{margin:0 0 8px;font-size:24px;line-height:1.25;font-weight:600;color:var(--yz-heading)}
@media (min-width:768px){.yz-front .yz-cform__title{font-size:30px}}
@media (min-width:1024px){.yz-front .yz-cform__title{font-size:36px}}
.yz-front .yz-cform__note{margin:0 0 24px;font-size:15px;line-height:1.6;color:var(--yz-muted)}
.yz-front .yz-cform .contact-form-grid{display:grid;grid-template-columns:1fr;gap:16px}
@media (min-width:640px){.yz-front .yz-cform .contact-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.yz-front .yz-cform .contact-field{display:flex;flex-direction:column;gap:6px;margin:0;font-size:13px;font-weight:600;color:var(--yz-text)}
.yz-front .yz-cform .contact-field.is-full,.yz-front .yz-cform .contact-field.is-captcha{grid-column:1/-1}
.yz-front .yz-cform .contact-field .req{font-style:normal;color:var(--yz-accent);margin-right:2px}
.yz-front .yz-cform .contact-field input,.yz-front .yz-cform .contact-field textarea{width:100%;min-height:46px;padding:12px 16px;border:1px solid var(--yz-border);border-radius:12px;background:#fff;font:inherit;font-size:14px;font-weight:400;color:var(--yz-heading);box-shadow:none;transition:border-color .15s,box-shadow .15s}
.yz-front .yz-cform .contact-field textarea{min-height:120px;resize:vertical}
.yz-front .yz-cform .contact-field input:focus,.yz-front .yz-cform .contact-field textarea:focus{outline:none;border-color:var(--yz-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--yz-accent) 20%,transparent)}
.yz-front .yz-cform .contact-field .is-invalid,.yz-front .yz-cform .contact-field input.is-invalid,.yz-front .yz-cform .contact-field textarea.is-invalid{border-color:var(--yz-error)}
.yz-front .yz-cform .captcha-row{display:flex;gap:12px;align-items:center}
.yz-front .yz-cform .captcha-row input{flex:1;min-width:0}
.yz-front .yz-cform .captcha-row img{flex:none;width:120px;height:46px;border-radius:12px;border:1px solid var(--yz-border);cursor:pointer;object-fit:cover}
.yz-front .yz-cform .contact-form-actions{margin-top:20px;display:flex;flex-direction:column;gap:12px}
.yz-front .yz-cform #btn-send{display:inline-flex;align-items:center;justify-content:center;width:100%;height:48px;padding:0 24px;border:0;border-radius:12px;background:var(--yz-accent-strong);color:#fff;font:inherit;font-family:var(--yz-font-heading);font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 10px 20px -8px color-mix(in srgb,var(--yz-accent-strong) 50%,transparent);transition:background-color .15s}
.yz-front .yz-cform #btn-send:hover{background:var(--yz-accent-strong-hover)}
.yz-front .yz-cform #btn-send:disabled{opacity:.6;cursor:wait}
.yz-front .yz-cform #btn-send:focus-visible{outline:none;box-shadow:0 0 0 4px color-mix(in srgb,var(--yz-accent) 40%,transparent)}
.yz-front .yz-cform .form-msg{margin:0;padding:10px 14px;border-radius:12px;font-size:14px}
.yz-front .yz-cform .form-msg.ok{background:#ECFDF3;color:#067647}
.yz-front .yz-cform .form-msg.err{background:#FEF3F2;color:var(--yz-error)}
@media (min-width:640px){.yz-front .yz-cform #btn-send{width:auto;min-width:200px}}

.yz-front .yz-cinfo{display:flex;flex-direction:column;gap:16px}
@media (min-width:1024px){.yz-front .yz-cinfo{padding-top:40px}}
.yz-front .yz-cinfo .yz-eyebrow{margin-bottom:0}
.yz-front .yz-cinfo__list{display:flex;flex-direction:column;gap:12px;margin:0;padding:0;list-style:none}
.yz-front .yz-cinfo__row{display:flex;align-items:center;gap:16px;padding:20px;border-radius:16px;background:var(--yz-pale);border:1px solid var(--yz-card-line)}
.yz-front .yz-cform .yz-cinfo__row{background:#fff}
.yz-front .yz-cinfo__icon{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:var(--yz-accent);color:var(--yz-accent-ink)}
.yz-front .yz-cinfo__text{display:flex;flex-direction:column;gap:2px;min-width:0}
.yz-front .yz-cinfo__label{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--yz-accent)}
.yz-front .yz-cinfo__value{font-size:16px;line-height:1.4;font-weight:700;color:var(--yz-text);text-decoration:none;overflow-wrap:anywhere}
.yz-front a.yz-cinfo__value:hover{color:var(--yz-accent)}
.yz-front .yz-cinfo__actions{display:flex;flex-wrap:wrap;gap:12px}
.yz-front .yz-cinfo__btn{flex:1 1 180px;height:48px}
.yz-front .yz-cinfo__btn.yz-btn--primary{background:var(--yz-primary)}
.yz-front .yz-cinfo__btn.yz-btn--primary:hover{background:var(--yz-primary-dark)}
.yz-front .yz-cinfo__note{margin:0;font-size:13px;color:var(--yz-muted)}

/* ---------- contact · sales team (.yz-sales; hooks for initSalesChips) ---------- */
.yz-front .yz-sales{background:var(--yz-surface);padding-block:30px;scroll-margin-top:calc(var(--yz-sticky-h,60px) + 16px)}
@media (min-width:1024px){.yz-front .yz-sales{padding-block:48px}}
.yz-front .yz-sales__head{max-width:860px;margin:0 auto 24px;text-align:center}
.yz-front .yz-sales__eyebrow{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 0 12px;font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--yz-accent)}
.yz-front .yz-sales__eyebrow::before,.yz-front .yz-sales__eyebrow::after{content:"";flex:none;width:48px;height:2px;border-radius:2px;background:var(--yz-accent)}
.yz-front .yz-sales__head .yz-h2{font-weight:700;margin-bottom:12px}
.yz-front .yz-sales__lead{margin:0;font-size:16px;line-height:1.6;color:var(--yz-muted)}
@media (min-width:768px){.yz-front .yz-sales__lead{font-size:18px}}
.yz-front .yz-sales__regions{display:flex;justify-content:center;gap:8px;margin:0 0 32px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:2px}
.yz-front .yz-sales__regions::-webkit-scrollbar{display:none}
@media (max-width:767px){.yz-front .yz-sales__regions{justify-content:flex-start;margin-inline:calc(var(--yz-gutter) * -1);padding-inline:var(--yz-gutter)}}
.yz-front .yz-sales__chip{flex:none;display:inline-flex;align-items:center;height:36px;padding:0 16px;border-radius:9999px;border:1px solid var(--yz-border);background:#fff;color:var(--yz-text);font-size:14px;font-weight:600;white-space:nowrap;text-decoration:none;transition:background-color .15s,color .15s,border-color .15s}
.yz-front .yz-sales__chip:hover,.yz-front .yz-sales__chip.is-active{background:var(--yz-accent-strong);border-color:var(--yz-accent-strong);color:#fff}
.yz-front .yz-sales__card[hidden]{display:none}
.yz-front .yz-sales__chip:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--yz-accent) 40%,transparent)}
.yz-front .yz-sales__group{scroll-margin-top:calc(var(--yz-sticky-h,60px) + 16px)}
.yz-front .yz-sales__group + .yz-sales__group{margin-top:40px}
.yz-front .yz-sales__region{display:flex;align-items:center;gap:10px;margin:0 0 16px;font-size:20px;line-height:1.3;font-weight:700;color:var(--yz-text)}
@media (min-width:768px){.yz-front .yz-sales__region{font-size:24px}}
.yz-front .yz-sales__region::before{content:"";flex:none;width:4px;height:20px;border-radius:2px;background:var(--yz-accent)}
.yz-front .yz-sales__count{font-size:14px;font-weight:500;color:var(--yz-muted)}
.yz-front .yz-sales__grid{display:grid;gap:16px;margin:0;padding:0;list-style:none}
@media (min-width:640px){.yz-front .yz-sales__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:768px){.yz-front .yz-sales__grid{gap:20px}}
@media (min-width:1024px){.yz-front .yz-sales__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1280px){.yz-front .yz-sales__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.yz-front .yz-sales__card{display:flex;align-items:flex-start;gap:16px;padding:20px;border-radius:16px;border:1px solid var(--yz-border);background:#fff;box-shadow:var(--yz-shadow);transition:box-shadow .2s}
@media (min-width:768px){.yz-front .yz-sales__card{padding:24px}}
.yz-front .yz-sales__card:hover{box-shadow:var(--yz-shadow-lg)}
.yz-front .yz-sales__avatar{flex:none;width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 0 0 1px var(--yz-border);background:var(--yz-surface)}
.yz-front .yz-sales__avatar.is-empty{display:grid;place-items:center;background:rgba(27,95,170,.1);color:var(--yz-primary);font-size:24px;font-weight:500;line-height:1}
.yz-front .yz-sales__info{flex:1;min-width:0}
.yz-front .yz-sales__name{margin:0;font-size:18px;line-height:1.3;font-weight:700;color:var(--yz-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.yz-front .yz-sales__area{margin:2px 0 0;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--yz-accent)}
.yz-front .yz-sales__actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px}
.yz-front .yz-sales__wa{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 14px;border-radius:9999px;background:var(--yz-wa);color:#fff;font-size:13px;font-weight:600;white-space:nowrap;text-decoration:none;transition:background-color .15s}
.yz-front .yz-sales__wa:hover{background:var(--yz-wa-hover);color:#fff}
.yz-front .yz-sales__wa-word,.yz-front .yz-sales__wa-sub{display:none}
.yz-front .yz-sales__mail{display:inline-flex;align-items:flex-start;gap:6px;min-width:0;font-size:14px;line-height:1.4;color:var(--yz-text);text-decoration:none;word-break:break-all}
.yz-front .yz-sales__mail svg{flex:none;margin-top:3px;color:var(--yz-muted)}
.yz-front a.yz-sales__mail:hover{color:var(--yz-accent);text-decoration:underline}
.yz-front .yz-sales__mail.is-plain{color:var(--yz-muted)}
@media (max-width:639px){
  .yz-front .yz-sales__avatar{width:56px;height:56px}
  .yz-front .yz-sales__avatar.is-empty{font-size:21px}
  .yz-front .yz-sales__wa-num{display:none}
  .yz-front .yz-sales__wa-word{display:inline}
  .yz-front .yz-sales__wa-sub{display:block;width:100%;margin-top:-4px;font-size:12px;color:var(--yz-muted)}
  .yz-front .yz-sales__actions{flex-direction:column;align-items:flex-start}
}

/* ---------- contact · location + map (.yz-cmap) ---------- */
.yz-front .yz-cmap{background:var(--yz-surface);padding-block:48px 0}
.yz-front .yz-cmap__head{text-align:center;max-width:42rem;margin:0 auto 40px}
.yz-front .yz-cmap__eyebrow{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 0 12px;font-size:13px;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:var(--yz-accent)}
.yz-front .yz-cmap__eyebrow::before,.yz-front .yz-cmap__eyebrow::after{content:"";flex:none;width:48px;height:2px;border-radius:2px;background:var(--yz-accent)}
.yz-front .yz-cmap__head .yz-h2{margin:0 0 12px}
.yz-front .yz-cmap__lead{margin:0;font-size:16px;line-height:1.6;color:var(--yz-muted)}
.yz-front .yz-cmap__stage{position:relative}
.yz-front .yz-cmap__map{position:relative;width:100%;aspect-ratio:16/9;background:var(--yz-heading,#1A2330)}
@media (min-width:768px){.yz-front .yz-cmap__map{aspect-ratio:21/9}}
.yz-front .yz-cmap__map iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.yz-front .yz-cmap__stage > .yz-container{position:relative;margin-top:-80px;padding-bottom:48px}
@media (min-width:768px){.yz-front .yz-cmap__stage > .yz-container{margin-top:-96px;padding-bottom:64px}}
.yz-front .yz-cmap__card{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px 16px;align-items:start;max-width:28rem;margin-left:auto;margin-right:0;padding:24px;border-radius:24px;background:#fff;border:1px solid color-mix(in srgb,var(--yz-border,#e5e9ee) 40%,transparent);box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}
@media (min-width:768px){.yz-front .yz-cmap__card{padding:28px}}
.yz-front .yz-cmap__icon{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:var(--yz-accent);color:#fff;box-shadow:0 10px 15px -3px rgba(246,149,69,.4)}
.yz-front .yz-cmap__copy{min-width:0}
.yz-front .yz-cmap__btn{grid-column:1/-1}
.yz-front .yz-cmap__label{margin:0 0 4px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--yz-accent)}
.yz-front .yz-cmap__addr{margin:0;font-size:18px;line-height:1.45;font-weight:600;color:var(--yz-heading,#1A2330);overflow-wrap:anywhere}
.yz-front .yz-cmap__btn{width:100%;justify-content:center}

@media (prefers-reduced-motion:reduce){
  .yz-front .yz-astats__item,.yz-front .yz-apillars__card,.yz-front .yz-agallery__grid .yz-gallery__item img,.yz-front .yz-cways__card,.yz-front .yz-sales__card{transition:none}
  .yz-front .yz-apillars__card:hover{transform:none}
  .yz-front .yz-agallery__grid .yz-gallery__item:hover img{transform:none}
}
/* sticky offset: --yz-sticky-h is written to :root by yz-front.js; 60px / 157px are fallbacks only (same rule as batch 2 group 1) */
@media (min-width:1024px){.yz-front .yz-sales,.yz-front .yz-sales__group{scroll-margin-top:calc(var(--yz-sticky-h,157px) + 16px)}}
/* overflow guards (mock review): long e-mails / names never widen a card or break a short e-mail mid-word in the 4-column cards */
.yz-front .yz-sales__grid > li,.yz-front .yz-sales__card,.yz-front .yz-sales__info,.yz-front .yz-cways__grid > li{min-width:0}
.yz-front .yz-sales__mail{max-width:100%}
.yz-front .yz-sales__mail > span{min-width:0;word-break:break-all}
.yz-front .yz-cways__value{overflow-wrap:break-word;word-break:normal}
@media (min-width:1280px){.yz-front .yz-cways__card{padding:20px;gap:14px}.yz-front .yz-cways__icon{width:48px;height:48px}.yz-front .yz-cways__value{font-size:16px}}
/* ---- empty states when yz has no own contact values (样式规范 §10.3, 17:38) ---- */
/* contact: no Quick Info column => the form is one centred column, max 768px */
.yz-front .yz-cform__grid--single{grid-template-columns:minmax(0,1fr);max-width:768px;margin-inline:auto}
@media (min-width:1024px){.yz-front .yz-cform__grid--single{grid-template-columns:minmax(0,1fr)}}
/* footer: no contact card => the link columns take the full row */
@media (min-width:1024px){.yz-front .yz-footer__grid--nocard{grid-template-columns:minmax(0,1fr)}}
/* quick bar: whatever buttons remain share the row equally (a single one spans it) */
.yz-front .yz-quickbar__item{min-width:0}

/* lightbox scroll lock (qa TEST-YZFE-, 2026-10-18): body.yz-lb-open{overflow:hidden} (line 823) is not enough because the shared
   yuzhixin-site.css (line 77) sets html{overflow-x:clip}, so the page behind .yz-lb still scrolls; lock the root as well and keep
   wheel / touch scrolling inside the lightbox. yuzhixin-site.css is not edited. */
html:has(body.yz-lb-open){overflow:hidden}
.yz-lb{overscroll-behavior:contain}
/* lightbox on phones (< 640px): swipe / counter only, no prev / next buttons; the close button and the counter stay */
@media (max-width:639px){.yz-lb__prev,.yz-lb__next{display:none}}

/* ==== 2026-10-18 batch 2 wrap-up: sales chips, UI review (header empty state, contact / footer / sales / nav), thanks + 404 (.yz-thanks / .yz-404). Appended; earlier bytes unchanged. ==== */
/* sales region chips: line 1094 centres an overflow-x row, so an overflowing row clips its first chip out of reach.
   Start-align and let auto margins centre the chips while they fit; when they overflow the row scrolls end to end. */
.yz-front .yz-sales__regions{justify-content:flex-start}
.yz-front .yz-sales__regions>:first-child{margin-inline-start:auto}
.yz-front .yz-sales__regions>:last-child{margin-inline-end:auto}
/* sales chips on touch screens: line 1098 shares :hover with .is-active, so a tapped chip stays orange next to the
   active one. Without hover, restore the line-1097 base values (0,4,0 beats 0,3,0). */
@media (hover:none){.yz-front .yz-sales__chip:hover:not(.is-active){background:#fff;border-color:var(--yz-border);color:var(--yz-text)}}
/* header empty state: no logo and no yz.site.name (.yz-brand--bare); no phone / WhatsApp / email (.yz-header--nocontact) */
.yz-brand{min-height:32px}
@media (min-width:768px){.yz-brand{min-height:44px}}
.yz-brand__name.is-fallback{font-size:18px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff}
@media (min-width:768px){.yz-brand__name.is-fallback{font-size:20px}}
@media (max-width:767px){
  .yz-brand--bare .yz-brand__tagline{display:block;max-width:15em;font-size:12px;line-height:16px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:#fff}
  .yz-brand--bare .yz-brand__name ~ .yz-brand__tagline{margin-inline-start:10px}
}
/* contact single-column form: 768px of content plus the gutters */
.yz-front .yz-cform__grid--single{max-width:calc(768px + 2 * var(--yz-gutter))}
/* footer without contact card: link columns start at the container edge */
@media (min-width:1024px){.yz-front .yz-footer__grid--nocard .yz-footer__cols{padding-left:0}}
/* sales: a broken avatar image shows no alt text / icon; area on one line; region title on the text baseline */
.yz-front img.yz-sales__avatar{overflow:hidden;font-size:0;color:transparent}
.yz-front .yz-sales__area{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.yz-front .yz-sales__region{align-items:baseline}
.yz-nav__link{white-space:nowrap}
/* thanks + 404 (yuzhixin/thanks.php, yuzhixin/notfound.php) */
.yz-front .yz-thanks{padding:40px 0 72px;background:var(--yz-surface)}
@media (min-width:768px){.yz-front .yz-thanks{padding:56px 0 96px}}
.yz-front .yz-thanks__crumb{max-width:760px;margin:0 auto 16px;font-size:13px;color:var(--yz-muted)}
.yz-front .yz-thanks__crumb a{color:var(--yz-muted);transition:color .15s}
.yz-front .yz-thanks__crumb a:hover{color:var(--yz-accent)}
.yz-front .yz-thanks__card{position:relative;max-width:760px;margin:0 auto;padding:40px 20px 32px;background:#fff;border:1px solid var(--yz-border);border-radius:var(--yz-radius);box-shadow:var(--yz-shadow-lg);text-align:center;overflow:hidden}
.yz-front .yz-thanks__card::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:var(--yz-accent)}
@media (min-width:768px){.yz-front .yz-thanks__card{padding:56px 48px 40px}}
.yz-front .yz-thanks__mark{display:inline-grid;place-items:center;width:64px;height:64px;margin-bottom:16px;border-radius:50%;background:color-mix(in srgb,var(--yz-accent) 14%,#fff);color:var(--yz-accent)}
.yz-front .yz-thanks__eyebrow{margin:0 0 8px;font-size:13px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--yz-accent)}
.yz-front .yz-thanks__title{margin:0 0 12px;font-size:28px;line-height:1.25;font-weight:700;color:var(--yz-heading)}
@media (min-width:768px){.yz-front .yz-thanks__title{font-size:36px}}
.yz-front .yz-thanks__lead{max-width:34em;margin:0 auto 28px;font-size:16px;line-height:1.6;color:var(--yz-text)}
.yz-front .yz-thanks__steps{display:grid;gap:12px;margin:0 0 28px;padding:0;list-style:none;text-align:start}
@media (min-width:640px){.yz-front .yz-thanks__steps{grid-template-columns:repeat(3,minmax(0,1fr))}}
.yz-front .yz-thanks__step{display:grid;align-content:start;gap:4px;padding:16px;border-radius:12px;background:var(--yz-surface)}
.yz-front .yz-thanks__num{font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--yz-accent)}
.yz-front .yz-thanks__step-title{font-size:15px;color:var(--yz-heading)}
.yz-front .yz-thanks__step-text{font-size:14px;line-height:1.5;color:var(--yz-muted)}
.yz-front .yz-thanks__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.yz-front .yz-thanks__btn{border-radius:12px}
.yz-front .yz-thanks__btn--primary{background:var(--yz-accent-strong);color:#fff;box-shadow:var(--yz-shadow)}
.yz-front .yz-thanks__btn--primary:hover{background:var(--yz-accent-strong-hover)}
.yz-front .yz-thanks__btn--outline{border-color:var(--yz-border);background:#fff;color:var(--yz-heading)}
.yz-front .yz-thanks__btn--outline:hover{border-color:var(--yz-accent);color:var(--yz-accent)}
.yz-front .yz-thanks__btn--wa{background:var(--yz-wa);color:#fff}
.yz-front .yz-thanks__btn--wa:hover{background:var(--yz-wa-hover)}
.yz-front .yz-thanks__help{margin-top:28px;padding-top:24px;border-top:1px solid var(--yz-border)}
.yz-front .yz-thanks__help-title{margin:0 0 12px;font-weight:600;color:var(--yz-heading)}
.yz-front .yz-thanks__chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.yz-front .yz-thanks__chip{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:8px 14px;border:1px solid var(--yz-border);border-radius:9999px;font-size:14px;color:var(--yz-text);overflow-wrap:anywhere;transition:border-color .15s,color .15s}
.yz-front .yz-thanks__chip:hover{border-color:var(--yz-accent);color:var(--yz-accent)}
.yz-front .yz-thanks__chip svg{flex:none;color:var(--yz-accent)}
.yz-front .yz-404__art{display:block;width:min(320px,80%);height:auto;margin:0 auto 8px}
/* ==== 2026-10-18 thanks contact links under the confirmation copy (yuzhixin/thanks.php .yz-thanks__help--top). Appended; earlier bytes unchanged. ==== */
.yz-front .yz-thanks__help--top{margin:0 0 28px;padding:0;border-top:0}
.yz-front .yz-thanks__chip--wa svg{color:var(--yz-wa)}
.yz-front .yz-thanks__chip--wa:hover{border-color:var(--yz-wa);color:var(--yz-wa)}
/* ==== 2026-10-18 UI round: sales region title as a block line (bar + title + count inline), about reversed-row frame at tablet width. Appended; earlier bytes unchanged. ==== */
.yz-front .yz-sales__region{display:block}
.yz-front .yz-sales__region::before{display:inline-block;vertical-align:-2px;margin-right:10px}
.yz-front .yz-sales__count{margin-left:8px}
/* line 965 puts the is-flip frame at right/bottom -24px; 768-1023px pulls it in to -16px */
@media (min-width:768px) and (max-width:1023px){.yz-front .yz-astory__row.is-flip .yz-astory__frame{right:-16px;bottom:-16px}}
/* ==== 2026-10-18 tester fix: line 964 puts the non-flip frame at left/top -24px, which touches the screen edge at 768-800px; pull it in to -16px at 768-1023px (the is-flip rule at line 965 still resets left/top to auto). Appended; earlier bytes unchanged. ==== */
@media (min-width:768px) and (max-width:1023px){.yz-front .yz-astory__frame{left:-16px;top:-16px}}
/* ==== 2026-10-18 UI round: thanks contact links are now buttons (.yz-thanks__contact row; the .yz-thanks__chip / .yz-thanks__chips rules above are no longer used by any template, left in place because this file is append-only),
   shared back-to-top button off on yz pages, quick bar as a centred pill from 640px. Appended; earlier bytes unchanged. ==== */
.yz-front .yz-thanks__contact .yz-thanks__btn{max-width:100%}
.yz-front .yz-thanks__contact .yz-thanks__btn > span,.yz-front .yz-thanks__contact .yz-thanks__btn > bdi{min-width:0;overflow-wrap:anywhere}
.yz-front .yz-thanks__contact .yz-thanks__btn > svg{flex:none}
/* yuzhixin-site.js appends button.back-to-top straight to <body class="yz-front"> (so ".yz-front .back-to-top" would not match); the shared rules only set display:grid + opacity */
body.yz-front > .back-to-top{display:none}
/* same selector as the base rule (line 455); the >=1024px .yz-quickbar{display:none} (line 460) is untouched, this rule sets no display */
@media (min-width:640px){.yz-quickbar{left:0;right:0;width:auto;transform:none}}
/* ==== 2026-10-18 batch R1: neutral placeholder images (appended; earlier bytes unchanged).
   Hero corner / hero mask / page-hero wave use /assets/yz/img/yz-ph-*.svg. */
.yz-hero__corner{background-image:url(../img/yz-ph-corner.svg)}
.yz-hero__mask{background-image:url(../img/yz-ph-wave.svg)}
.yz-front .yz-pagehero__wave{background-image:url(../img/yz-ph-wave.svg)}
/* ==== 2026-10-18 batch 2: A-scheme contrast. Accent #E9A23B only carries #1A2330; white text sits on #B45309. Covers shared xld --primary. ==== */
.yz-front{--primary:#1B5FAA}
.yz-front :where(h1,h2,h3){font-family:var(--yz-font-heading);font-weight:700}
.yz-round.yz-round--wa,.yz-header__actions .yz-round[href*="wa.me"],.yz-header__actions .yz-round[href*="whatsapp"]{background:var(--yz-wa)}
.yz-round.yz-round--wa:hover,.yz-header__actions .yz-round[href*="wa.me"]:hover,.yz-header__actions .yz-round[href*="whatsapp"]:hover{background:var(--yz-wa-hover)}
.yz-front .yz-reveal,.yz-front .reveal{opacity:1;transform:none}
.yz-cat-card:hover .yz-cat-card__go{background:#fff;color:var(--yz-accent-strong);border-color:#fff}
.yz-front .yz-dl__card.is-feature{color:var(--yz-accent-ink);background:var(--yz-accent)}
.yz-front .yz-dl__card.is-feature .yz-dl__icon{color:var(--yz-accent-ink)}
.yz-front .yz-dl__card.is-feature .yz-dl__btn{color:var(--yz-accent-ink)}
.yz-drawer__close{color:var(--yz-accent-ink)}
/* ==== 2026-10-18 batch R2: home rebuild (why / 6 steps / fairs / blogs / longform+faq) and the certificate wall. Appended. ==== */
.yz-why,.yz-steps,.yz-fairs,.yz-longform,.yz-certwall{padding-block:48px}
.yz-why,.yz-certwall{background:var(--yz-surface)}
.yz-why__grid{display:grid;gap:16px;margin:0;padding:0;list-style:none}
@media (min-width:768px){.yz-why__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}
@media (min-width:1280px){.yz-why__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.yz-why__card{position:relative;padding:24px;border-radius:16px;border:1px solid rgba(57,71,83,.08);background:#fff}
.yz-why__card::before{content:"";position:absolute;top:0;left:24px;right:24px;height:4px;border-radius:0 0 4px 4px;background:var(--yz-accent)}
.yz-why__num{display:block;margin-bottom:12px;font-family:var(--yz-font-heading);font-size:28px;font-weight:700;color:var(--yz-accent-strong)}
.yz-why__card h3{margin:0 0 8px;font-size:18px;line-height:1.35;color:var(--yz-heading)}
.yz-why__card p{margin:0;font-size:14px;line-height:1.6;color:var(--yz-muted)}
.yz-steps__list{display:grid;gap:12px;margin:0;padding:0;list-style:none;counter-reset:none}
@media (min-width:768px){.yz-steps__list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1280px){.yz-steps__list{grid-template-columns:repeat(6,minmax(0,1fr))}}
.yz-steps__item{display:flex;flex-direction:column;gap:8px;padding:20px;border-radius:16px;background:var(--yz-surface);font-weight:500}
.yz-steps__num{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--yz-accent);color:var(--yz-accent-ink);font-family:var(--yz-font-heading);font-weight:700}
.yz-fairs{position:relative;padding-block:48px 56px;background-color:#fff;background-image:radial-gradient(circle at 52% 28%,transparent 0 118px,rgba(26,35,48,.045) 119px 120px,transparent 121px),radial-gradient(circle at 74% 86%,transparent 0 210px,rgba(26,35,48,.035) 211px 212px,transparent 213px),linear-gradient(110deg,rgba(246,149,69,.06),transparent 34%)}
.yz-fairs__head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:40px}
.yz-fairs__copy{max-width:640px}
.yz-fairs__eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px}
.yz-fairs__eyebrow svg{flex:none}
.yz-front .yz-fairs__head .yz-h2{font-weight:600;margin-bottom:16px}
.yz-fairs__lead{max-width:600px;color:var(--yz-muted);font-size:16px;line-height:1.6}
.yz-fairs__controls{display:flex;gap:12px;padding-bottom:4px}
.yz-fairs__control{display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid var(--yz-border);border-radius:9999px;background:#fff;color:var(--yz-text);cursor:pointer;transition:background-color .15s var(--yz-ease-std),border-color .15s,color .15s,transform .15s}
.yz-fairs__control:hover:not(:disabled){border-color:var(--yz-accent);background:var(--yz-accent);color:#fff;transform:translateY(-1px)}
.yz-fairs__control:disabled{color:#c7cdd4;background:rgba(255,255,255,.7);cursor:not-allowed}
.yz-fairs__track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:8px}
.yz-fairs__track::-webkit-scrollbar{display:none}
.yz-fairs__card{flex:0 0 85%;scroll-snap-align:start;display:block;color:inherit;text-decoration:none}
@media (min-width:640px){.yz-fairs__card{flex-basis:55%}}
@media (min-width:768px){.yz-fairs__card{flex-basis:calc(33.333% - 13.3px)}}
@media (min-width:1024px){.yz-fairs__card{flex-basis:calc(25% - 15px)}}
.yz-fairs__media{position:relative;display:block;aspect-ratio:1;border-radius:16px;overflow:hidden;background:color-mix(in srgb,var(--yz-text) 10%,transparent);box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transition:box-shadow .5s,transform .5s}
.yz-fairs__card:hover .yz-fairs__media{box-shadow:var(--yz-shadow-xl);transform:translateY(-4px)}
.yz-fairs__media img{width:100%;height:100%;object-fit:cover;transition:transform .7s}
.yz-fairs__card:hover .yz-fairs__media img{transform:scale(1.05)}
.yz-fairs__shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.9),rgba(0,0,0,.35) 45%,rgba(0,0,0,0))}
.yz-fairs__year{position:absolute;top:16px;left:16px;background:var(--yz-accent);color:#fff;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;border-radius:9999px;padding:6px 12px;box-shadow:var(--yz-shadow-lg)}
.yz-fairs__flag{position:absolute;top:16px;right:16px;display:grid;place-items:center;width:46px;height:32px;padding:5px;border-radius:5px;background:rgba(255,255,255,.92);box-shadow:var(--yz-shadow-lg)}
.yz-fairs__flag img{width:100%;height:100%;object-fit:cover;border-radius:2px}
.yz-fairs__arrow{position:absolute;right:16px;bottom:16px;display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(255,255,255,.2);border-radius:9999px;background:rgba(255,255,255,.1);backdrop-filter:blur(8px);color:#fff;opacity:0;transform:translateY(4px);transition:opacity .25s,transform .25s,background-color .25s,border-color .25s}
.yz-fairs__arrow svg{width:16px;height:16px}
.yz-fairs__card:hover .yz-fairs__arrow,.yz-fairs__card:focus-visible .yz-fairs__arrow{opacity:1;transform:translateY(0);background:var(--yz-accent);border-color:var(--yz-accent)}
.yz-fairs__cap{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:4px;padding:16px;color:#fff}
.yz-fairs__place{font-size:12px;font-weight:600;letter-spacing:.12em;color:rgba(255,255,255,.78)}
.yz-fairs__cap strong{font-size:17px;line-height:1.35;font-weight:700;color:#fff;text-transform:uppercase}
@media (max-width:639px){.yz-fairs__head{align-items:flex-start;flex-direction:column;margin-bottom:28px}.yz-fairs__controls{align-self:flex-end}.yz-fairs__card{flex-basis:85%}}
.yz-longform{padding-block:30px;background:linear-gradient(180deg,#fafbfc,#eef0f5 50%,#f4f6fa)}
.yz-front .yz-longform .yz-h2{font-size:30px;line-height:36px;font-weight:600;margin-bottom:16px}
@media (min-width:1024px){.yz-front .yz-longform .yz-h2{font-size:36px;line-height:40px}}
.yz-longform__card{background:rgba(255,255,255,.95);border-radius:16px;box-shadow:var(--yz-shadow-lg);border-top:4px solid var(--yz-accent);padding:24px}
@media (min-width:768px){.yz-longform__card{padding:40px}}
.yz-longform__scroll{max-height:400px;overflow-y:auto;padding-right:12px}
@media (min-width:768px){.yz-longform__scroll{max-height:500px}}
.yz-fairs__list{display:grid;gap:16px;margin:0;padding:0;list-style:none}
@media (min-width:768px){.yz-fairs__list{grid-template-columns:repeat(3,minmax(0,1fr))}}
.yz-fairs__item{display:flex;flex-direction:column;gap:6px;height:100%;padding:20px;border-radius:16px;background:#fff;border:1px solid var(--yz-border)}
.yz-fairs__item strong{font-size:17px;line-height:1.4;color:var(--yz-heading)}
.yz-fairs__item span{font-size:13px;color:var(--yz-muted)}
.yz-longform__grid{display:grid;gap:32px}
@media (min-width:1024px){.yz-longform__grid{grid-template-columns:1.1fr 1fr;gap:48px}}
.yz-longform__copy p{font-size:16px;line-height:1.7;color:var(--yz-text)}
.yz-faq__head{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.yz-faq__badge{display:grid;place-items:center;width:48px;height:48px;flex:none;border-radius:9999px;background:var(--yz-accent);color:#fff;box-shadow:var(--yz-shadow-lg)}
.yz-faq__head .yz-h2{margin-bottom:0}
.yz-longform .yz-faq__item{background:rgba(255,255,255,.95);border:1px solid rgba(57,71,83,.08);border-radius:12px;padding:0 20px;margin-bottom:12px;transition:border-color .2s,box-shadow .2s}
.yz-longform .yz-faq__item:hover{border-color:color-mix(in srgb,var(--yz-accent) 40%,transparent);box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}
.yz-longform .yz-faq__a{margin:0 0 16px;font-size:15px;line-height:1.6;color:var(--yz-muted)}
.yz-certwall__grid{display:grid;gap:20px;margin:0;padding:0;list-style:none}
@media (min-width:640px){.yz-certwall__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.yz-certwall__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.yz-certwall__card{display:flex;flex-direction:column;height:100%;margin:0;border-radius:16px;overflow:hidden;background:#fff;box-shadow:var(--yz-shadow)}
.yz-certwall__media{display:grid;place-items:center;aspect-ratio:4/3;background:var(--yz-surface)}
.yz-certwall__media img{width:100%;height:100%;object-fit:contain}
.yz-certwall__card figcaption{display:flex;flex-direction:column;gap:4px;padding:16px 20px;font-size:14px;color:var(--yz-muted)}
.yz-certwall__card strong{font-size:17px;color:var(--yz-heading)}
.yz-certwall__no{color:var(--yz-accent-strong);font-weight:600}
.yz-certwall__no b{font-weight:700}
/* B-group leftovers: brand name truncates, contact cards follow the count, odd last card spans, thanks buttons go full width at 390. */
.yz-brand__name{max-width:46vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:389px){.yz-brand__name{font-size:18px}}
@media (min-width:1280px){
  .yz-cways__grid:has(> :last-child:nth-child(1)){grid-template-columns:minmax(0,1fr)}
  .yz-cways__grid:has(> :last-child:nth-child(2)){grid-template-columns:repeat(2,minmax(0,1fr))}
  .yz-cways__grid:has(> :last-child:nth-child(3)){grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:640px) and (max-width:1279px){.yz-cways__grid > :last-child:nth-child(odd){grid-column:1 / -1}}
@media (max-width:389px){.yz-thanks__actions .yz-thanks__btn{flex:1 1 100%}}
.yz-cways__card[href*="wa.me"] .yz-cways__value,.yz-cways__card[href*="whatsapp"] .yz-cways__value{font-variant-numeric:tabular-nums}
/* ==== 2026-10-18 batch R3: news, cases, faq, search, sitemap, desktop quick rail. Appended. ==== */
.yz-sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0)}
.yz-newslist,.yz-caselist,.yz-faqpage,.yz-searchpage,.yz-sitemap,.yz-article{padding-block:32px 56px}
.yz-listcount{margin:0 0 16px;color:var(--yz-muted);font-size:14px}
.yz-empty{margin:0;padding:24px;border-radius:16px;background:var(--yz-surface);color:var(--yz-muted)}
.yz-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.yz-chip{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:6px 14px;border:1px solid var(--yz-border);border-radius:999px;background:#fff;color:var(--yz-text);font:inherit;font-size:14px;cursor:pointer}
.yz-chip em{font-style:normal;color:var(--yz-muted)}
.yz-chip.is-active{background:var(--yz-accent);border-color:var(--yz-accent);color:var(--yz-accent-ink)}
.yz-chip.is-active em{color:var(--yz-accent-ink)}
.yz-cards{display:grid;gap:20px}
@media (min-width:640px){.yz-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.yz-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1280px){.yz-cards--cases{grid-template-columns:repeat(4,minmax(0,1fr))}}
.yz-card{display:flex;flex-direction:column;height:100%;border-radius:16px;overflow:hidden;background:#fff;box-shadow:var(--yz-shadow)}
.yz-card__media{display:block;aspect-ratio:16/10;background:var(--yz-surface)}
.yz-card__media img{width:100%;height:100%;object-fit:cover}
.yz-card__body{display:flex;flex-direction:column;gap:8px;flex:1;padding:20px}
.yz-card__body h2,.yz-card__body strong{margin:0;font-size:18px;line-height:1.4;color:var(--yz-heading)}
.yz-card__body h2 a:hover,.yz-card__body strong:hover{color:var(--yz-accent-strong)}
.yz-card__body p{margin:0;font-size:14px;line-height:1.6;color:var(--yz-muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.yz-card__foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:8px;font-size:13px;color:var(--yz-muted)}
.yz-card__more{font-weight:600;color:var(--yz-accent-strong)}
.yz-card__tag{font-style:normal;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--yz-accent-strong)}
.yz-card__spec{font-size:13px;color:var(--yz-muted)}
.yz-article__grid{display:grid;gap:32px}
@media (min-width:1024px){.yz-article__grid{grid-template-columns:minmax(0,1fr) 300px;align-items:start}}
.yz-article__meta{margin:0 0 12px;color:var(--yz-muted);font-size:14px}
.yz-prose{font-size:16px;line-height:1.75;color:var(--yz-text)}
.yz-prose img{max-width:100%;height:auto;border-radius:12px}
.yz-pager{display:grid;gap:12px;margin-top:32px}
@media (min-width:640px){.yz-pager{grid-template-columns:1fr 1fr}}
.yz-pager__item{display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:12px;background:var(--yz-surface)}
.yz-pager__item span{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--yz-muted)}
.yz-pager__item em{font-style:normal;color:var(--yz-muted)}
.yz-back{margin-top:16px}
.yz-sidecard{display:flex;flex-direction:column;gap:12px;margin-bottom:16px;padding:20px;border-radius:16px;background:var(--yz-surface)}
.yz-sidecard h2{margin:0;font-size:18px}
.yz-sidecard p{margin:0;font-size:14px;color:var(--yz-muted)}
.yz-sidecard .yz-btn{justify-content:center}
.yz-btn--wa{background:var(--yz-wa);color:#fff}
.yz-btn--wa:hover{background:var(--yz-wa-hover);color:#fff}
.yz-btn--ghost{background:transparent;border:1px solid var(--yz-border);color:var(--yz-heading)}
.yz-sidelist{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.yz-sidelist a{color:var(--yz-heading);font-weight:600}
.yz-sidelist em{font-style:normal;font-weight:400;color:var(--yz-muted)}
.yz-facts{display:grid;gap:12px;margin:0 0 24px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}
.yz-facts div{padding:12px 16px;border-radius:12px;background:var(--yz-surface)}
.yz-facts dt{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--yz-muted)}
.yz-facts dd{margin:4px 0 0;font-weight:600;color:var(--yz-heading)}
.yz-gallery{margin-top:32px}
.yz-gallery h2{margin:0 0 16px;font-size:22px}
.yz-gallery__grid{display:grid;gap:12px;margin:0;padding:0;list-style:none}
@media (min-width:640px){.yz-gallery__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.yz-gallery__grid img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px}
/* ==== 2026-10-19 case detail gallery: clickable tiles feeding the shared lightbox. Appended. ==== */
.yz-gallery__grid .yz-gallery__item{display:block;width:100%;padding:0;border:0;border-radius:12px;overflow:hidden;background:rgba(57,71,83,.05);cursor:zoom-in;font:inherit}
.yz-gallery__grid .yz-gallery__item img{display:block;border-radius:0;transition:transform .4s var(--yz-ease-std)}
.yz-gallery__grid .yz-gallery__item:hover img{transform:scale(1.05)}
.yz-gallery__grid .yz-gallery__item:focus-visible{outline:none;box-shadow:0 0 0 4px color-mix(in srgb,var(--yz-accent) 50%,transparent)}
/* ==== 2026-10-19 news detail: lead box and 16:9 cover (constmach article layout). Appended. ==== */
.yz-lead{margin:0 0 24px;padding:20px 24px;border:1px solid color-mix(in srgb,var(--yz-accent) 30%,transparent);border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--yz-accent) 10%,transparent),transparent);font-size:17px;line-height:1.7;color:var(--yz-heading)}
.yz-article__cover{margin:0 0 28px;border-radius:20px;overflow:hidden;box-shadow:var(--yz-shadow)}
.yz-article__cover img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
/* ==== 2026-10-19 video page: click-to-load poster (reuses .yz-pvideo behaviour). Appended. ==== */
.yz-player .yz-pvideo{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;border:0;background:#0f1722;cursor:pointer;font:inherit}
.yz-player .yz-pvideo img{width:100%;height:100%;object-fit:cover}
.yz-player .yz-pvideo__frame{position:relative;aspect-ratio:16/9}
.yz-player .yz-pvideo__player{position:absolute;inset:0;width:100%;height:100%;border:0}
.yz-player .yz-pvideo[hidden],.yz-player .yz-pvideo__frame[hidden]{display:none}
.yz-faqpage__cat{margin:24px 0 12px;font-size:20px}
.yz-searchbox{display:flex;gap:8px;margin:0 0 24px}
.yz-searchbox input{flex:1;min-width:0;min-height:48px;padding:0 16px;border:1px solid var(--yz-border);border-radius:12px;font:inherit;font-size:16px}
.yz-searchpage__links{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}
.yz-sitemap__cols{display:grid;gap:32px}
@media (min-width:768px){.yz-sitemap__cols{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1280px){.yz-sitemap__cols{grid-template-columns:repeat(3,minmax(0,1fr))}}
.yz-sitemap h2{margin:0 0 12px;font-size:18px}
.yz-sitemap ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}
.yz-sitemap li ul{margin:6px 0 6px 16px}
.yz-sitemap a{color:var(--yz-text)}
.yz-sitemap a:hover{color:var(--yz-accent-strong)}
/* ==== 2026-10-19 sitemap groups (constmach.com/sitemap: grouped cards, counts, one-line summary). Appended. ==== */
.yz-sitemap__group{padding:24px;border:1px solid var(--yz-border);border-radius:16px;background:#fff}
.yz-sitemap__group--wide{grid-column:1/-1}
.yz-sitemap__group h2{display:flex;align-items:baseline;gap:10px}
.yz-sitemap__group h2 em{font-style:normal;font-size:13px;font-weight:600;color:var(--yz-muted)}
.yz-sitemap__group h3{margin:18px 0 8px;font-size:16px}
.yz-sitemap__group a{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline}
.yz-sitemap__group a strong{font-weight:600;color:var(--yz-heading)}
.yz-sitemap__group a em{font-style:normal;font-size:13px;color:var(--yz-accent-strong)}
.yz-sitemap__group a span{flex-basis:100%;font-size:13px;line-height:1.5;color:var(--yz-muted)}
/* ==== 2026-10-19 downloads as catalog cards (constmach.com/catalog). Appended. ==== */
.yz-dlcards{display:grid;gap:20px}
@media (min-width:768px){.yz-dlcards{grid-template-columns:repeat(2,minmax(0,1fr))}}
.yz-dlcard{display:flex;flex-direction:column;gap:10px;padding:28px;border:1px solid var(--yz-border);border-radius:16px;background:#fff}
.yz-dlcard__cat{margin:0;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--yz-accent-strong)}
.yz-dlcard__title{margin:0;font-size:22px;line-height:1.3;color:var(--yz-heading)}
.yz-dlcard__desc{margin:0;font-size:15px;line-height:1.6;color:var(--yz-text)}
.yz-dlcard__meta{margin:0;font-size:13px;color:var(--yz-muted)}
.yz-dlcard__actions{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 0}
/* ==== 2026-10-19 header icon row matches constmach: phone green, Viber purple, WhatsApp green, Telegram blue. Appended. ==== */
.yz-round--phone{background:#25D366}
.yz-round--phone:hover{background:#1ebe5b}
.yz-round--viber{background:#665CAC}
.yz-round--viber:hover{background:#574e99}
.yz-round--tg{background:#27A6E5}
.yz-round--tg:hover{background:#1b93ce}
/* ==== 2026-10-19 channels-driven round buttons (yz.contact.channels TYPE|URL|Name). Appended. ==== */
.yz-round__ico{display:block;width:26px;height:26px}
.yz-round__img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}
/* ==== 2026-10-19 CORPORATE simple dropdown + current-page highlight (constmach-style). Appended. ==== */
.yz-has-sub{position:relative}
.yz-nav__link--sub .caret-desktop{margin-left:5px;transition:transform .2s}
.yz-has-sub:hover .yz-nav__link--sub .caret-desktop,
.yz-has-sub:focus-within .yz-nav__link--sub .caret-desktop{transform:rotate(180deg)}
.yz-subpanel{position:absolute;top:100%;left:0;transform:translateY(10px);min-width:230px;background:#fff;border-radius:12px;box-shadow:0 18px 40px rgba(10,18,32,.18);padding:10px 0;opacity:0;visibility:hidden;transition:all .22s ease;z-index:60}
.yz-subpanel--img{display:flex;align-items:stretch;padding:0;min-width:0;overflow:hidden}
.yz-subpanel__list{flex:1 1 auto;min-width:210px;padding:10px 0}
.yz-subpanel__media{position:relative;flex:0 0 260px;min-height:190px;overflow:hidden}
.yz-subpanel__media img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.yz-has-sub:hover .yz-subpanel,.yz-has-sub:focus-within .yz-subpanel{opacity:1;visibility:visible;transform:translateY(0)}
.yz-subpanel__link{position:relative;display:block;padding:10px 24px;color:#25324a;font-size:13px;font-weight:500;line-height:1.35;white-space:nowrap;text-decoration:none;transition:color .15s}
.yz-subpanel__link::before{content:"";position:absolute;left:12px;top:50%;width:5px;height:5px;margin-top:-2.5px;border-radius:50%;background:transparent;transition:background .15s}
.yz-subpanel__link:hover{color:var(--yz-accent,#F69545);padding-left:28px}
.yz-subpanel__link:hover::before{background:var(--yz-accent,#F69545)}
.yz-nav__link.is-current{color:var(--yz-accent,#F69545)}
/* ==== 2026-10-19b PRODUCTS mega: left list + right media follows hover (constmach-style). Appended. ==== */
.yz-mega2{display:flex;align-items:stretch;padding:0;border-radius:12px;overflow:hidden;min-width:520px;max-width:88vw}
.yz-mega2__list{flex:0 0 320px;padding:12px 0;background:#fff}
.yz-mega2__all{display:block;padding:10px 26px;font-size:12.5px;font-weight:600;color:var(--yz-accent,#F69545);text-decoration:none;text-transform:uppercase;letter-spacing:.4px}
.yz-mega2__all:hover{color:#d97f2e}
.yz-mega2__item{position:relative;display:flex;align-items:center;gap:10px;padding:11px 26px 11px 30px;color:#25324a;font-size:13.5px;font-weight:500;line-height:1.35;text-decoration:none;transition:color .15s,padding .15s}
.yz-mega2__dot{position:absolute;left:16px;top:50%;width:5px;height:5px;margin-top:-2.5px;border-radius:50%;background:transparent;transition:background .15s}
.yz-mega2__chev{margin-left:auto;opacity:0;transform:translateX(-4px);transition:all .15s;color:var(--yz-accent,#F69545)}
.yz-mega2__item:hover{color:var(--yz-accent,#F69545);padding-left:34px}
.yz-mega2__item:hover .yz-mega2__dot{background:var(--yz-accent,#F69545)}
.yz-mega2__item:hover .yz-mega2__chev{opacity:1;transform:translateX(0)}
.yz-mega2__media{position:relative;flex:1 1 auto;min-width:240px;background:#eef1f5;overflow:hidden}
.yz-mega2__media--empty{display:none}
.yz-mega2__img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.yz-round--phone .yz-round__ico{width:22px;height:22px}
.yz-round--whatsapp{background:var(--yz-wa)}
.yz-round--whatsapp:hover{background:var(--yz-wa-hover)}
.yz-round--telegram{background:#27A6E5}
.yz-round--telegram:hover{background:#1b93ce}
/* ==== 2026-10-19 home placeholders so the reference layout shows before yz has content. Appended. ==== */
.is-placeholder{cursor:default}
a.is-placeholder:hover,span.is-placeholder{text-decoration:none;color:inherit}
/* ==== 2026-10-19 thanks page (no reference page exists; card was unstyled). Appended. ==== */
.yz-thanks{padding-block:48px 72px}
.yz-thanks__crumb{margin:0 0 24px;font-size:14px;color:var(--yz-muted)}
.yz-thanks__crumb a{color:var(--yz-text)}
.yz-thanks__crumb a:hover{color:var(--yz-accent-strong)}
.yz-thanks__card{max-width:760px;margin-inline:auto;padding:40px 32px;border:1px solid var(--yz-border);border-radius:20px;background:#fff;text-align:center}
.yz-thanks__mark{display:grid;place-items:center;width:72px;height:72px;margin:0 auto 16px;border-radius:50%;background:color-mix(in srgb,var(--yz-accent) 14%,transparent);color:var(--yz-accent-strong)}
.yz-thanks__eyebrow{margin:0 0 8px;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--yz-accent-strong)}
.yz-thanks__title{margin:0 0 12px;font-size:clamp(28px,4vw,40px);color:var(--yz-heading)}
.yz-thanks__lead{margin:0 auto 28px;max-width:46ch;font-size:17px;line-height:1.6;color:var(--yz-text)}
.yz-thanks__steps{display:grid;gap:16px;margin:0 0 28px;padding:0;list-style:none;text-align:left}
@media (min-width:768px){.yz-thanks__steps{grid-template-columns:repeat(3,minmax(0,1fr))}}
.yz-thanks__step{padding:16px;border-radius:12px;background:var(--yz-pale)}
.yz-thanks__num{display:block;margin-bottom:6px;font-size:13px;font-weight:700;letter-spacing:.08em;color:var(--yz-accent-strong)}
.yz-thanks__step-title{display:block;margin-bottom:4px;color:var(--yz-heading)}
.yz-thanks__step-text{display:block;font-size:14px;line-height:1.5;color:var(--yz-text)}
.yz-thanks__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.yz-thanks__help{margin:0 0 28px}
.yz-thanks__help-title{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--yz-heading)}
.yz-thanks__btn svg{flex:0 0 auto}
.yz-rail{position:fixed;right:16px;bottom:24px;z-index:30;display:none;flex-direction:column;gap:8px}
@media (min-width:1024px){.yz-rail{display:flex}}
.yz-rail__item{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--yz-primary);color:#fff;box-shadow:var(--yz-shadow)}
.yz-rail__item:hover{background:var(--yz-primary-dark);color:#fff}
.yz-rail__item--wa{background:var(--yz-wa)}
.yz-rail__item--wa:hover{background:var(--yz-wa-hover)}
.yz-rail__item--quote{background:var(--yz-accent);color:var(--yz-accent-ink)}
.yz-rail__item--quote:hover{background:var(--yz-accent-strong);color:#fff}
/* ==== 2026-10-18 batch R4: page, downloads, videos, spare/fault chrome. Appended. ==== */
.yz-downloads,.yz-videos,.yz-pack{padding-block:32px 56px}
.yz-dllist{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}
.yz-dllist__row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;border-radius:16px;background:#fff;box-shadow:var(--yz-shadow)}
.yz-dllist__row span{display:flex;flex-direction:column;gap:4px;min-width:0}
.yz-dllist__row strong{font-size:17px;color:var(--yz-heading)}
.yz-dllist__row em{font-style:normal;font-size:13px;color:var(--yz-muted)}
.yz-player{margin-bottom:24px;border-radius:16px;overflow:hidden;background:var(--yz-heading)}
.yz-player video,.yz-player img{display:block;width:100%;height:auto}
.yz-player__embed{position:relative;padding-top:56.25%}
.yz-player__embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.yz-pack .spare-list,.yz-pack .fault-groups,.yz-pack .fault-list{display:grid;gap:16px;margin:0;padding:0;list-style:none}
@media (min-width:768px){.yz-pack .spare-list,.yz-pack .fault-groups{grid-template-columns:repeat(2,minmax(0,1fr))}}
.yz-pack .spare-item,.yz-pack .fault-group,.yz-pack .fault-item{padding:20px;border-radius:16px;background:#fff;box-shadow:var(--yz-shadow)}
.yz-pack .spare-item h3,.yz-pack .fault-item h3{margin:0 0 8px;font-size:18px}
.yz-pack .spare-item img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;margin-bottom:12px}
.yz-pack .spare-detail img{max-width:480px;width:100%;border-radius:16px}
.yz-pack dl{display:grid;grid-template-columns:max-content 1fr;gap:8px 16px}
.yz-pack dt{font-weight:700;color:var(--yz-muted)}
.yz-pack .spare-inquiry,.yz-pack .fault-causes,.yz-pack .fault-solution{margin-top:32px;padding:24px;border-radius:16px;background:var(--yz-surface)}
.yz-pack .spare-inquiry input,.yz-pack .spare-inquiry textarea{width:100%;max-width:480px;padding:10px 12px;border:1px solid var(--yz-border);border-radius:10px;font:inherit}
.yz-pack .spare-inquiry button{min-height:44px;padding:0 20px;border:0;border-radius:12px;background:var(--yz-accent);color:var(--yz-accent-ink);font:inherit;font-weight:700;cursor:pointer}
/* ==== 2026-10-19 de-xld: base layer so pages stand without yuzhixin-site.css. Appended. ==== */
.yz-front h1,.yz-front h2,.yz-front h3,.yz-front h4{font-family:var(--yz-font-heading);font-weight:700;letter-spacing:-.01em}
.yz-front a:hover{color:var(--yz-accent-strong)}
.yz-front ul,.yz-front ol{margin:0;padding:0}
.yz-front img,.yz-front video{max-width:100%;height:auto}
.yz-front button,.yz-front input,.yz-front textarea,.yz-front select{font-family:inherit;font-size:inherit;color:inherit}
.yz-pack__photo{display:block;max-width:480px;width:100%;border-radius:16px;margin-bottom:16px}
.yz-pack__form{margin-top:32px;padding:24px;border-radius:16px;background:var(--yz-surface)}
.yz-pack__form h2{margin:0 0 16px;font-size:22px}
.yz-pack__form p{margin:0 0 12px}
.yz-pack__form input,.yz-pack__form textarea{width:100%;max-width:480px;padding:10px 12px;border:1px solid var(--yz-border);border-radius:10px;background:#fff}
.yz-pack__form button{min-height:44px;padding:0 20px;border:0;border-radius:12px;background:var(--yz-accent);color:var(--yz-accent-ink);font-weight:700;cursor:pointer}
.yz-pack .yz-cards{list-style:none}
.yz-pack .yz-card__body h2,.yz-pack .yz-card__body h3{margin:0;font-size:18px}
.yz-chip{text-decoration:none}
/* ==== 2026-10-19 news featured carousel (constmach news.html layout, yz tokens). Appended. ==== */
.yz-nfeat{position:relative;margin:0 0 28px;border-radius:16px;overflow:hidden;background:var(--yz-slate)}
.yz-nfeat__track{position:relative;aspect-ratio:16/10}
@media (min-width:768px){.yz-nfeat__track{aspect-ratio:24/9}}
@media (min-width:1024px){.yz-nfeat__track{aspect-ratio:32/9;min-height:340px}}
.yz-nfeat__slide{position:absolute;inset:0;display:block;opacity:0;transition:opacity .6s var(--yz-ease-std)}
.yz-nfeat__slide.is-active{opacity:1;z-index:1}
.yz-nfeat__slide img{width:100%;height:100%;object-fit:cover}
.yz-nfeat__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(57,71,83,.92) 0%,rgba(57,71,83,.55) 46%,rgba(57,71,83,.05) 100%)}
.yz-nfeat__copy{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:center;gap:10px;max-width:40rem;padding:24px}
@media (min-width:768px){.yz-nfeat__copy{padding:40px}}
.yz-nfeat__copy strong{font-family:var(--yz-font-heading);font-size:clamp(22px,3vw,40px);line-height:1.15;font-weight:700;color:#fff}
.yz-nfeat__copy em{font-style:normal;font-size:15px;line-height:1.6;color:rgba(255,255,255,.85);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.yz-nfeat__slide:hover .yz-nfeat__copy strong{color:var(--yz-accent)}
.yz-nfeat__dots{position:absolute;z-index:3;left:24px;bottom:16px;display:flex;gap:8px}
.yz-nfeat__dots button{width:10px;height:10px;padding:0;border:0;border-radius:9999px;background:rgba(255,255,255,.5);cursor:pointer}
.yz-nfeat__dots button[aria-current="true"]{width:28px;background:var(--yz-accent)}
/* ==== 2026-10-19 case list (constmach references.html layout, yz tokens). Appended. ==== */
.yz-countries{margin:0 0 20px}
.yz-countries__label{margin:0 0 12px;font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--yz-heading)}
.yz-countries__row{display:flex;gap:16px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}
.yz-country{flex:0 0 auto;min-width:96px;padding:10px 14px;border:1px solid var(--yz-border);border-radius:12px;background:#fff;font:inherit;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--yz-heading);cursor:pointer}
.yz-country:hover{border-color:var(--yz-accent)}
.yz-country.is-active{border-color:var(--yz-accent);background:var(--yz-accent);color:var(--yz-accent-ink)}
.yz-cards--cases{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.yz-ref{position:relative;display:block;border-radius:16px;overflow:hidden;background:var(--yz-slate);box-shadow:var(--yz-shadow)}
.yz-ref__media{display:block;aspect-ratio:4/3;background:var(--yz-surface)}
.yz-ref__media img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--yz-ease-std)}
.yz-ref:hover .yz-ref__media img{transform:scale(1.06)}
.yz-ref__cap{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;gap:12px;padding:32px 16px 14px;background:linear-gradient(transparent,rgba(0,0,0,.75));color:#fff}
.yz-ref__cap strong{font-size:15px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.yz-ref__cap em{font-style:normal;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;text-align:right}
.yz-ref__spec{position:absolute;top:12px;left:12px;padding:3px 10px;border-radius:999px;background:rgba(0,0,0,.55);color:#fff;font-size:12px;font-weight:600}
.yz-ref::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--yz-accent);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.yz-ref:hover::after{transform:scaleX(1)}
/* ==== 2026-10-19 video list: 16:9 cover, play button, optional duration. Appended. ==== */
.yz-cards--video{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.yz-vcard{display:flex;flex-direction:column;border-radius:16px;overflow:hidden;background:#fff;box-shadow:var(--yz-shadow);color:var(--yz-heading)}
.yz-vcard:hover{color:var(--yz-accent-strong)}
.yz-vcard__media{position:relative;display:block;aspect-ratio:16/9;background:var(--yz-slate)}
.yz-vcard__media img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--yz-ease-std)}
.yz-vcard:hover .yz-vcard__media img{transform:scale(1.05)}
.yz-vcard__play{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;background:var(--yz-accent);color:var(--yz-accent-ink);box-shadow:0 8px 24px rgba(0,0,0,.3)}
.yz-vcard__play svg{margin-left:3px}
.yz-vcard__dur{position:absolute;right:10px;bottom:10px;padding:2px 8px;border-radius:6px;background:rgba(0,0,0,.7);color:#fff;font-size:12px;font-weight:600}
.yz-vcard__body{padding:14px 16px 16px}
.yz-vcard__body strong{font-size:16px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.yz-quote__accent{color:var(--yz-accent-strong)}
.yz-quote .yz-inquiry-submit{text-transform:uppercase;letter-spacing:.08em}
.yz-quote__direct{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media (min-width:640px){.yz-quote__direct{grid-template-columns:repeat(4,minmax(0,1fr))}}
.yz-direct{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 10px;border-radius:12px;background:#fff;border:1px solid color-mix(in srgb,var(--yz-text) 10%,transparent);color:var(--yz-text);font-size:13px;font-weight:700;line-height:1.2;text-decoration:none;transition:border-color .2s,transform .2s,box-shadow .2s}
.yz-direct:hover{border-color:var(--yz-accent);color:var(--yz-text);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.08)}
.yz-direct svg{width:18px;height:18px;flex:none}
.yz-direct--phone{border-color:var(--yz-accent)}
.yz-direct--phone svg{color:var(--yz-accent)}
.yz-direct--wa svg{color:#25D366}
.yz-direct--viber svg{color:#7360F2}
.yz-direct--tg svg{color:#2AABEE}
.yz-front .yz-footer__brandcap-logo img{max-width:100%;max-height:36px;height:auto;width:auto}

/* 页脚橙色联系卡：电话/邮箱默认纯白可读，悬停只加下划线、不变色 */
.yz-front .yz-footer__card a{color:#fff;text-decoration:none;font-weight:600}
.yz-front .yz-footer__card a:hover,
.yz-front .yz-footer__card a:focus-visible{color:#fff;text-decoration:underline;text-underline-offset:3px}

/* 对标站右侧：桌面「回到顶部」（yuzhixin-site.js 注入 .back-to-top；手机仍隐藏，用底栏） */
body.yz-front > .back-to-top{
  display:none;
  position:fixed;right:24px;bottom:84px;z-index:50;
  width:44px;height:44px;place-items:center;
  border:0;border-radius:9999px;cursor:pointer;
  background:var(--yz-heading,#1A2330);color:#fff;
  box-shadow:0 10px 15px -3px rgba(0,0,0,.25),0 4px 6px -4px rgba(0,0,0,.2);
  opacity:0;visibility:hidden;pointer-events:none;
  transform:translateY(12px);
  transition:opacity .3s var(--yz-ease,ease),transform .3s var(--yz-ease,ease),background .2s;
}
@media (min-width:1024px){
  body.yz-front > .back-to-top{display:grid}
  body.yz-front > .back-to-top.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:none}
  body.yz-front > .back-to-top:hover{transform:scale(1.1);background:var(--yz-heading,#1A2330);color:#fff}
}
body.yz-front > .back-to-top svg{width:20px;height:20px;display:block}

/* 桌面对标站底部固定联系条（手机仍用 .yz-quickbar） */
.yz-dock{display:none}
@media (min-width:1024px){
  .yz-dock{
    display:block;position:fixed;inset-inline:0;bottom:0;z-index:50;
    background:color-mix(in srgb,var(--yz-heading,#1A2330) 95%,transparent);
    backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
    border-top:1px solid rgba(255,255,255,.1);
    box-shadow:0 -6px 24px -6px rgba(0,0,0,.35);
  }
  .yz-dock__inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:12px}
  .yz-dock__left,.yz-dock__right{display:flex;align-items:center;gap:8px;min-width:0}
  .yz-dock__left{gap:0}
  .yz-dock__pair{display:inline-flex;align-items:center;gap:10px;color:#fff;text-decoration:none;min-width:0}
  .yz-dock__pair--phone{padding-right:16px;margin-right:16px;border-right:1px solid rgba(255,255,255,.1)}
  .yz-dock__ico{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:8px;color:#fff;transition:transform .15s,background .15s}
  .yz-dock__ico--phone{background:#25D366}
  .yz-dock__ico--mail{background:rgba(255,255,255,.1)}
  .yz-dock__pair:hover .yz-dock__ico{transform:scale(1.05)}
  .yz-dock__pair:hover .yz-dock__ico--mail{background:var(--yz-accent,#F69545)}
  .yz-dock__meta{display:grid;line-height:1.2;min-width:0}
  .yz-dock__label{font-size:10px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:rgba(255,255,255,.55)}
  .yz-dock__value{font-size:14px;font-weight:700;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .15s}
  .yz-dock__pair:hover .yz-dock__value{color:var(--yz-accent,#F69545)}
  .yz-dock__social{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:8px;color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.12);transition:transform .15s}
  .yz-dock__social:hover{transform:scale(1.05);color:#fff}
  .yz-dock__social img{width:30px;height:30px;object-fit:contain;display:block}
  .yz-dock__social--whatsapp{background:#25D366}
  .yz-dock__social--viber{background:#665CAC}
  .yz-dock__social--telegram{background:#27A6E5}
  .yz-dock__quote{
    flex:none;margin-left:8px;display:inline-flex;align-items:center;justify-content:center;
    min-height:40px;padding:10px 24px;border-radius:8px;
    background:linear-gradient(90deg,var(--yz-accent,#F69545),#F4823F);
    color:#fff;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;
    box-shadow:0 4px 14px rgba(246,149,69,.4);white-space:nowrap;transition:filter .15s,transform .15s;
  }
  .yz-dock__quote:hover,.yz-dock__quote:focus-visible{color:#fff;filter:none}
  .yz-dock__quote:active{transform:scale(.97)}
  /* 页脚版权与回到顶部给固定条让位 */
  .yz-front .yz-footer__bottom{padding-bottom:88px}
  body.yz-front > .back-to-top{bottom:84px}
}

/* GET QUOTE：全局 .yz-front a:hover 会把字改成同色橙，橙底上看不见 */
.yz-front a.yz-dock__quote,
.yz-front a.yz-dock__quote:hover,
.yz-front a.yz-dock__quote:focus-visible,
.yz-front a.yz-quickbar__item--quote,
.yz-front a.yz-quickbar__item--quote:hover,
.yz-front a.yz-quickbar__item--quote:focus-visible,
.yz-front a.yz-quickbar__quote,
.yz-front a.yz-quickbar__quote:hover,
.yz-front a.yz-quickbar__quote:focus-visible{
  color:#fff;
}

/* 底部条社媒图标：悬停只放大，不变色（对标 hover:scale-105 / 略加强） */
@media (min-width:1024px){
  .yz-front .yz-dock__social,
  .yz-front .yz-dock__social:hover,
  .yz-front .yz-dock__social:focus-visible{
    color:#fff;filter:none;background-image:none;text-decoration:none;
  }
  .yz-front .yz-dock__social--whatsapp,
  .yz-front .yz-dock__social--whatsapp:hover{background-color:#25D366}
  .yz-front .yz-dock__social--viber,
  .yz-front .yz-dock__social--viber:hover{background-color:#665CAC}
  .yz-front .yz-dock__social--telegram,
  .yz-front .yz-dock__social--telegram:hover{background-color:#27A6E5}
  .yz-front .yz-dock__social{transform:scale(1);transition:transform .2s ease}
  .yz-front .yz-dock__social:hover,
  .yz-front .yz-dock__social:focus-visible{transform:scale(1.12)}
}

/* 页头圆形联系图标：悬停只放大，品牌底色不变（对标底栏社媒） */
.yz-front .yz-header__actions .yz-round{
  transition:transform .2s ease;
  transform:scale(1);
}
.yz-front .yz-header__actions .yz-round:hover,
.yz-front .yz-header__actions .yz-round:focus-visible{
  transform:scale(1.12);color:#fff;filter:none;
}
.yz-front .yz-header__actions .yz-round--phone,
.yz-front .yz-header__actions .yz-round--phone:hover{background:#25D366}
.yz-front .yz-header__actions .yz-round--whatsapp,
.yz-front .yz-header__actions .yz-round--whatsapp:hover,
.yz-front .yz-header__actions .yz-round.yz-round--wa,
.yz-front .yz-header__actions .yz-round.yz-round--wa:hover,
.yz-front .yz-header__actions .yz-round[href*="wa.me"],
.yz-front .yz-header__actions .yz-round[href*="wa.me"]:hover,
.yz-front .yz-header__actions .yz-round[href*="whatsapp"],
.yz-front .yz-header__actions .yz-round[href*="whatsapp"]:hover{background:#25D366}
.yz-front .yz-header__actions .yz-round--viber,
.yz-front .yz-header__actions .yz-round--viber:hover{background:#665CAC}
.yz-front .yz-header__actions .yz-round--telegram,
.yz-front .yz-header__actions .yz-round--telegram:hover,
.yz-front .yz-header__actions .yz-round--tg,
.yz-front .yz-header__actions .yz-round--tg:hover{background:#27A6E5}
/* 底栏左侧电话/邮箱图标同样只放大、邮箱悬停不变橙 */
@media (min-width:1024px){
  .yz-front .yz-dock__pair:hover .yz-dock__ico{transform:scale(1.12)}
  .yz-front .yz-dock__pair:hover .yz-dock__ico--phone{background:#25D366}
  .yz-front .yz-dock__pair:hover .yz-dock__ico--mail{background:rgba(255,255,255,.1)}
}

/* 页头联系圆钮在 .yz-header__contacts（不是 actions）：悬停只放大、底色/图标色锁定 */
.yz-front .yz-header__contacts .yz-round{
  color:#fff !important;
  transition:transform .2s ease !important;
  transform:scale(1);
}
.yz-front .yz-header__contacts .yz-round:hover,
.yz-front .yz-header__contacts .yz-round:focus-visible{
  transform:scale(1.12);
  color:#fff !important;
  filter:none;
}
.yz-front .yz-header__contacts .yz-round svg,
.yz-front .yz-header__contacts .yz-round .yz-round__ico{
  color:#fff !important;fill:currentColor;
}
.yz-front .yz-header__contacts .yz-round--phone,
.yz-front .yz-header__contacts .yz-round--phone:hover,
.yz-front .yz-header__contacts .yz-round--phone:focus-visible{background:#25D366 !important}
.yz-front .yz-header__contacts .yz-round--whatsapp,
.yz-front .yz-header__contacts .yz-round--whatsapp:hover,
.yz-front .yz-header__contacts .yz-round--whatsapp:focus-visible,
.yz-front .yz-header__contacts .yz-round--wa,
.yz-front .yz-header__contacts .yz-round--wa:hover{background:#25D366 !important}
.yz-front .yz-header__contacts .yz-round--viber,
.yz-front .yz-header__contacts .yz-round--viber:hover,
.yz-front .yz-header__contacts .yz-round--viber:focus-visible{background:#665CAC !important}
.yz-front .yz-header__contacts .yz-round--telegram,
.yz-front .yz-header__contacts .yz-round--telegram:hover,
.yz-front .yz-header__contacts .yz-round--telegram:focus-visible,
.yz-front .yz-header__contacts .yz-round--tg,
.yz-front .yz-header__contacts .yz-round--tg:hover{background:#27A6E5 !important}

/* 桌面导航当前页：顶部分割线上的短横线（对标 CORPORATE） */
@media (min-width:1024px){
  .yz-front .yz-header .yz-nav__link{position:relative}
  .yz-front .yz-header .yz-nav__link.is-current::before,
  .yz-front .yz-header .yz-nav__link[aria-current="page"]::before{
    content:"";
    position:absolute;left:12px;right:12px;top:-16px;height:2px;
    background:#fff;border-radius:1px;pointer-events:none;
  }
  #header.is-scrolled .yz-nav__link.is-current::before,
  #header.is-scrolled .yz-nav__link[aria-current="page"]::before{top:-8px}
  #header.yz-has-dark-logo.is-scrolled .yz-nav__link.is-current::before,
  #header.yz-has-dark-logo.is-scrolled .yz-nav__link[aria-current="page"]::before{
    background:var(--yz-heading,#1A2330);
  }
}

/* ==== 2026-10-21 子菜单图文面板对齐 constmach（CORPORATE / CONTACT US） ==== */
.yz-front .yz-subpanel{border-radius:16px;transition:opacity .22s ease,visibility .22s ease,transform .22s ease}
.yz-front .yz-subpanel--img{width:540px;max-width:calc(100vw - 32px);min-width:0}
.yz-front .yz-subpanel--img .yz-subpanel__list{flex:0 0 280px;width:280px;min-width:0;padding:8px 0}
.yz-front .yz-subpanel--img .yz-subpanel__media{flex:1 1 auto;min-width:0;min-height:200px;background:#eef1f5}
.yz-front .yz-subpanel--img .yz-subpanel__link{padding:10px 24px 10px 28px;font-size:14px}
.yz-front .yz-subpanel--img .yz-subpanel__link::before{left:14px}
.yz-front .yz-subpanel--img .yz-subpanel__link:hover{padding-left:32px}

/* ==== 2026-10-21 新闻列表：推荐轮播 + 下滑加载 ==== */
.yz-nhero{position:relative;background:#1A2330;color:#fff;overflow:hidden}
.yz-nhero__viewport{position:relative;aspect-ratio:16/10;min-height:340px}
@media (min-width:768px){.yz-nhero__viewport{aspect-ratio:24/9;min-height:380px}}
@media (min-width:1024px){.yz-nhero__viewport{aspect-ratio:32/9;min-height:400px}}
.yz-nhero__slide{position:absolute;inset:0;display:block;opacity:0;transition:opacity .6s ease;color:#fff;text-decoration:none}
.yz-nhero__slide.is-active{opacity:1;z-index:1}
.yz-nhero__slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.yz-nhero__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,28,42,.9) 0%,rgba(18,28,42,.62) 34%,rgba(18,28,42,.18) 68%,rgba(18,28,42,.05) 100%)}
.yz-nhero__shade--bottom{background:linear-gradient(180deg,transparent 42%,rgba(14,22,34,.55) 78%,rgba(14,22,34,.88) 100%)}
.yz-nhero__copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:16px;height:100%;padding-top:24px;padding-bottom:148px}
.yz-nhero__copy strong{max-width:42rem;font-family:var(--yz-font-heading);font-size:clamp(30px,3.5vw,48px);line-height:1.08;font-weight:600;color:#F69545}
.yz-nhero__slide:hover .yz-nhero__copy strong{color:#ffb067}
.yz-nhero__copy em{font-style:normal;max-width:40rem;font-size:16px;line-height:1.55;color:rgba(255,255,255,.88);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.yz-nhero__arrow{display:none}
@media (min-width:768px){
  .yz-nhero__arrow{position:absolute;top:38%;z-index:3;display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:rgba(255,255,255,.1);color:#fff;cursor:pointer}
  .yz-nhero__arrow:hover{background:#F69545;border-color:#F69545}
  .yz-nhero__arrow--prev{left:16px}
  .yz-nhero__arrow--next{right:16px}
}
.yz-nhero__bar{position:absolute;left:0;right:0;bottom:0;z-index:4;background:transparent;border:0}
.yz-nhero__thumbs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:14px 0 22px}
@media (min-width:1024px){.yz-nhero__thumbs{grid-template-columns:repeat(var(--yz-nhero-n,4),minmax(0,1fr));gap:28px}}
.yz-nhero__thumb{position:relative;display:flex;align-items:center;gap:12px;min-width:0;padding:8px 0 0;border:0;background:transparent;color:#fff;text-align:left;cursor:pointer;opacity:.82}
.yz-nhero__thumb.is-on{opacity:1}
.yz-nhero__thumb:hover{opacity:1}
.yz-nhero__meter{position:absolute;left:0;top:0;height:3px;width:0;background:#F69545}
.yz-nhero__thumb-img{position:relative;flex:0 0 56px;width:56px;height:56px;border-radius:12px;overflow:hidden;background:#243040}
.yz-nhero__thumb-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.yz-nhero__thumb-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;line-height:1.25;font-weight:700;color:#fff}
.yz-newslist{padding-block:30px 64px;background:linear-gradient(180deg,#fff 0%,#f4f6f8 100%)}
.yz-ncards{display:grid;gap:24px}
@media (min-width:768px){.yz-ncards{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}}
@media (min-width:1024px){.yz-ncards{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}}
.yz-ncard{display:flex;flex-direction:column;height:100%;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 4px 6px -1px rgba(0,0,0,.08);transition:box-shadow .3s}
.yz-ncard:hover{box-shadow:0 18px 40px rgba(10,18,32,.16)}
.yz-ncard.is-filtered,.yz-ncard.yz-ncard--more{display:none}
.yz-ncard__media{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:#eef1f5}
.yz-ncard__media img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}
.yz-ncard:hover .yz-ncard__media img{transform:scale(1.05)}
.yz-ncard__body{display:flex;flex-direction:column;flex:1;gap:12px;padding:24px}
.yz-ncard__body h2{margin:0;font-size:21px;line-height:30px;font-weight:500}
.yz-ncard__body h2 a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--yz-heading,#1A2330)}
.yz-ncard__body h2 a:hover{color:var(--yz-accent,#F69545)}
.yz-ncard__body p{margin:0;flex:1;font-size:14px;line-height:1.6;color:var(--yz-muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.yz-ncard__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:8px}
.yz-ncard__foot time{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--yz-muted)}
.yz-ncard__foot time svg{color:var(--yz-accent,#F69545)}
.yz-ncard__more{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;background:var(--yz-accent,#F69545);color:#fff;font-size:14px;font-weight:700;text-decoration:none;box-shadow:0 8px 18px rgba(246,149,69,.28)}
.yz-ncard__more:hover{color:#fff;transform:scale(1.03)}
.yz-nmore{display:flex;justify-content:center;padding:28px 0 8px;color:var(--yz-muted);font-size:14px}
.yz-nmore[hidden]{display:none}

/* ==== 2026-10-21 新闻内页对齐目标站 ==== */
.yz-post{padding:48px 0 72px;background:#f4f6f8}
.yz-post__grid{display:grid;gap:32px;min-width:0}
.yz-post__main,.yz-post__side{min-width:0}
@media (min-width:1024px){.yz-post__grid{grid-template-columns:minmax(0,1fr) 320px;gap:48px;align-items:start}}
.yz-post__crumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 24px;padding:0;list-style:none;font-size:14px;color:var(--yz-muted)}
.yz-post__crumbs li{display:inline-flex;align-items:center;gap:8px;min-width:0}
.yz-post__crumbs a:hover{color:#F69545}
.yz-post__crumbs span{color:#F69545;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:36rem}
.yz-post h1{margin:0 0 24px;font-size:clamp(30px,4vw,48px);line-height:1.1;font-weight:600;color:var(--yz-heading,#1A2330)}
.yz-post__answer{margin:0 0 32px;padding:20px 24px;border:1px solid rgba(246,149,69,.22);border-radius:16px;background:linear-gradient(135deg,rgba(246,149,69,.12),rgba(246,149,69,.04) 45%,transparent)}
.yz-post__answer-label{display:flex;align-items:center;gap:8px;margin:0 0 8px;color:#F69545;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.yz-post__answer-label span{display:block;width:32px;height:2px;border-radius:999px;background:#F69545}
.yz-post__answer p:last-child{margin:0;font-size:17px;line-height:1.6;color:var(--yz-heading,#1A2330)}
.yz-post__cover{margin:0 0 32px;border-radius:24px;overflow:hidden;box-shadow:0 8px 24px rgba(14,22,34,.08)}
.yz-post__cover img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.yz-post__meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 28px;margin:0 0 32px;padding-bottom:24px;border-bottom:1px solid var(--yz-border,#e6e9ee);font-size:14px;color:var(--yz-muted)}
.yz-post__meta > span{flex:0 0 auto}
.yz-post__meta b{display:block;color:var(--yz-heading,#1A2330);font-weight:600}
.yz-post__meta small{display:block;font-size:12px;font-weight:500}
.yz-post__who{display:inline-flex;align-items:center;gap:10px}
.yz-post__who img{width:36px;height:36px;border-radius:50%;object-fit:contain;background:#fff;box-shadow:0 0 0 2px #F69545}
.yz-post__body{padding:24px;border-radius:24px;background:#fff;box-shadow:0 2px 16px rgba(14,22,34,.06)}
@media (min-width:768px){.yz-post__body{padding:40px 48px}}
.yz-post__cta{margin-top:28px;padding:28px;border-radius:24px;background:linear-gradient(135deg,#1A2330,#243246);color:#fff}
.yz-post__cta h2{margin:0 0 8px;font-size:24px;color:#fff}
.yz-post__cta p{margin:0 0 16px;color:rgba(255,255,255,.82)}
.yz-post__cta-actions{display:flex;flex-wrap:wrap;gap:12px}
.yz-post__side{min-width:0}
.yz-post__sticky{display:flex;flex-direction:column;gap:16px}
@media (min-width:1024px){.yz-post__sticky{position:sticky;top:96px}}
.yz-post__card{padding:20px;border-radius:16px;background:#fff;box-shadow:0 2px 12px rgba(14,22,34,.06)}
.yz-post__card h2{margin:0 0 12px;font-size:16px}
.yz-post__card ol{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.yz-post__card li a{display:block;padding-left:10px;border-left:2px solid transparent;color:var(--yz-text);font-size:14px;line-height:1.4}
.yz-post__card li.is-sub a{padding-left:22px;font-size:13px}
.yz-post__card li a.is-current,.yz-post__card li a:hover{border-color:#F69545;color:#F69545}
.yz-post__share{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.yz-post__share a{display:flex;align-items:center;justify-content:center;min-height:36px;border-radius:999px;background:#f4f6f8;font-size:13px;font-weight:700;color:var(--yz-heading)}
.yz-post__share a:hover{color:#F69545}
.yz-post__card button{margin-top:10px;border:0;background:transparent;color:#F69545;font-weight:700;cursor:pointer}
.yz-post__related,.yz-post__products{margin-top:48px;padding-top:28px;border-top:1px solid var(--yz-border,#e6e9ee)}
.yz-post__eyebrow{margin:0 0 8px;color:#F69545;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.yz-post__related h2,.yz-post__products h2{margin:0 0 24px;font-size:clamp(26px,3vw,36px)}
.yz-post__products-grid{display:grid;gap:16px}
@media (min-width:640px){.yz-post__products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.yz-post__products-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.yz-post__product{position:relative;display:block;height:240px;border-radius:24px;overflow:hidden;background:#1A2330;color:#fff}
.yz-post__product img{width:100%;height:100%;object-fit:cover}
.yz-post__product span{position:absolute;left:16px;bottom:16px;max-width:calc(100% - 32px);padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.92);color:#1A2330;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ==== 2026-10-21 FAQ 页对齐目标站手风琴 ==== */
.yz-faqpage{padding:56px 0 80px;background:#f7f8fa}
.yz-faqpage__wrap{max-width:920px}
.yz-faqpage__head{display:flex;align-items:flex-start;gap:16px;margin-bottom:28px}
.yz-faqpage__icon{display:grid;place-items:center;width:48px;height:48px;flex:none;border-radius:16px;background:#F69545;color:#fff}
.yz-faqpage__kicker{margin:0;color:#F69545;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.yz-faqpage h1{margin:6px 0 0;font-size:clamp(28px,4vw,40px);line-height:1.15;font-weight:600;color:var(--yz-heading,#1A2330)}
.yz-faqpage__lead{margin:12px 0 0;max-width:40rem;color:var(--yz-muted);font-size:16px;line-height:1.6}
.yz-faqpage__search{margin:0 0 20px}
.yz-faqpage__search input{width:100%;height:48px;padding:0 16px;border:1px solid var(--yz-border,#e6e9ee);border-radius:12px;background:#fff;font:inherit;font-size:15px}
.yz-faqpage__search input:focus{outline:2px solid rgba(246,149,69,.35);border-color:#F69545}
.yz-faqpage__panel{padding:8px 8px 4px;border:2px solid rgba(246,149,69,.2);border-radius:24px;background:linear-gradient(160deg,rgba(246,149,69,.07),transparent 48%)}
@media (min-width:768px){.yz-faqpage__panel{padding:12px 28px 8px}}
.yz-faqpage__cat{margin:20px 0 4px;font-size:18px}
.yz-faqpage .yz-faq__item{margin:0;padding:0;border:0;border-radius:0;background:transparent;border-bottom:1px solid rgba(26,35,48,.08);box-shadow:none}
.yz-faqpage .yz-faq__item:last-child{border-bottom:0}
.yz-faqpage .yz-faq__item:hover{border-color:rgba(26,35,48,.08)}
.yz-faqpage .yz-faq__q{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 0;font-size:17px;font-weight:700;line-height:1.4;color:var(--yz-heading,#1A2330);cursor:pointer;list-style:none}
.yz-faqpage .yz-faq__q::-webkit-details-marker{display:none}
.yz-faqpage .yz-faq__q::after{content:none}
.yz-faqpage .yz-faq__q svg{flex:none;margin-top:3px;color:var(--yz-muted);transition:transform .2s}
.yz-faqpage .yz-faq__item[open] > .yz-faq__q{color:#F69545}
.yz-faqpage .yz-faq__item[open] > .yz-faq__q svg{transform:rotate(180deg);color:#F69545}
.yz-faqpage .yz-faq__q:hover{color:#F69545}
.yz-faqpage .yz-faq__a{padding:0 36px 18px 0;color:var(--yz-muted);font-size:15px;line-height:1.65}
.yz-faqpage .is-hidden{display:none !important}
.yz-faqpage__cta{margin-top:28px;padding:28px;border-radius:24px;background:linear-gradient(135deg,#1A2330,#243246);color:#fff}
.yz-faqpage__cta h2{margin:0 0 8px;color:#fff;font-size:24px}
.yz-faqpage__cta p{margin:0 0 16px;color:rgba(255,255,255,.82)}
.yz-faqpage__cta-actions{display:flex;flex-wrap:wrap;gap:12px}

/* ==== 2026-10-21 CORPORATE 页面：证书卡、展会列表、内页标题 ==== */
.yz-corphead{display:grid;gap:12px;margin:0 0 32px}
@media (min-width:900px){.yz-corphead{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:end;gap:40px}}
.yz-corphead__kicker{margin:0 0 8px;color:#F69545;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.yz-corphead h1{margin:0;font-size:clamp(32px,4vw,48px);line-height:1.1;font-weight:600;color:var(--yz-heading,#1A2330)}
.yz-corphead p:last-child{margin:0;color:var(--yz-muted);font-size:16px;line-height:1.6}
.yz-certwall{padding:48px 0 80px;background:linear-gradient(180deg,#fff,#f4f6f8)}
.yz-certwall__media{position:relative;aspect-ratio:3/4;background:#f4f6f8}
.yz-certwall__media img{width:100%;height:100%;object-fit:contain;background:#fff}
.yz-certwall__date{position:absolute;left:12px;top:12px;padding:6px 10px;border-radius:999px;background:#fff;color:var(--yz-heading);font-size:12px;font-weight:700;box-shadow:0 4px 12px rgba(14,22,34,.12)}
.yz-certwall__card figcaption{gap:6px;padding:20px;border-top:1px solid var(--yz-border,#e6e9ee)}
.yz-certwall__card figcaption em{font-style:normal;color:#F69545;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.yz-certwall__card:hover{box-shadow:0 18px 40px rgba(10,18,32,.12)}
.yz-certwall__card{transition:box-shadow .3s}
.yz-fairpage{padding:48px 0 80px;background:#fff}
.yz-fairpage__grid{display:grid;gap:20px}
@media (min-width:640px){.yz-fairpage__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.yz-fairpage__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}}
.yz-fairpage__card{display:flex;flex-direction:column;color:inherit;text-decoration:none}
.yz-fairpage__media{position:relative;display:block;aspect-ratio:1;border-radius:16px;overflow:hidden;background:#eef1f5}
.yz-fairpage__media img{width:100%;height:100%;object-fit:cover}
.yz-fairpage__year{position:absolute;left:12px;top:12px;padding:4px 8px;border-radius:999px;background:rgba(26,35,48,.82);color:#fff;font-size:12px;font-weight:700}
.yz-fairpage__body{display:flex;flex-direction:column;gap:4px;padding:12px 4px 0}
.yz-fairpage__body em{font-style:normal;color:#F69545;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.yz-fairpage__body strong{font-size:16px;line-height:1.35;color:var(--yz-heading)}
.yz-fairpage__card:hover strong{color:#F69545}
.yz-upfair__head{margin:8px 0 24px;font-size:clamp(24px,3vw,30px);line-height:1.25;font-weight:600;color:var(--yz-heading,#1A2330)}
.yz-upfair__grid{display:grid;gap:20px;margin:0 0 48px}
@media (min-width:640px){.yz-upfair__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}
@media (min-width:1024px){.yz-upfair__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1280px){.yz-upfair__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.yz-upfair{display:flex;flex-direction:column;height:100%;overflow:hidden;border-radius:16px;background:#fff;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);transition:box-shadow .5s,transform .5s}
.yz-upfair:hover{box-shadow:0 25px 50px -12px rgba(0,0,0,.25);transform:translateY(-4px)}
.yz-upfair__media{position:relative;aspect-ratio:16/10;overflow:hidden;background:rgba(26,35,48,.08)}
.yz-upfair__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s}
.yz-upfair:hover .yz-upfair__media img{transform:scale(1.05)}
.yz-upfair__badge{position:absolute;top:12px;left:12px;display:inline-flex;align-items:center;border-radius:999px;background:#F69545;color:#fff;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:6px 12px;box-shadow:0 10px 15px -3px rgba(0,0,0,.15)}
.yz-upfair__flag{position:absolute;top:12px;right:12px;width:40px;height:28px;border-radius:3px;overflow:hidden;box-shadow:0 0 0 2px rgba(255,255,255,.8),0 12px 24px rgba(0,0,0,.25)}
.yz-upfair__flag img{width:100%;height:100%;object-fit:cover;display:block}
.yz-upfair__body{display:flex;flex:1;flex-direction:column;padding:20px}
.yz-upfair__date{display:inline-flex;align-items:center;gap:6px;margin:0 0 6px;color:#F69545;font-size:14px;font-weight:700}
.yz-upfair__date svg,.yz-upfair__hall svg,.yz-upfair__dir svg{width:16px;height:16px;flex:none}
.yz-upfair__body h3{margin:0 0 4px;font-size:18px;line-height:1.25;font-weight:600;color:var(--yz-heading,#1A2330)}
@media (min-width:768px){.yz-upfair__body h3{font-size:20px}}
.yz-upfair__place{margin:0 0 12px;color:var(--yz-muted,#6b7280);font-size:13px}
.yz-upfair__foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid rgba(26,35,48,.1);padding-top:12px}
.yz-upfair__meta{display:flex;flex-direction:column;gap:6px;min-width:0}
.yz-upfair__hall{display:flex;align-items:center;gap:8px;margin:0;color:var(--yz-heading,#1A2330);font-size:14px}
.yz-upfair__hall svg{color:#F69545}
.yz-upfair__dir{display:inline-flex;align-items:center;gap:6px;color:#F69545;font-size:14px;font-weight:600;text-decoration:none}
.yz-upfair__dir:hover{text-decoration:underline}
.yz-upfair__count{display:inline-flex;align-items:center;gap:6px;margin-left:auto;flex:none;padding:6px 12px;border-radius:999px;background:rgba(246,149,69,.12);color:#F69545;font-size:13px;font-weight:600;white-space:nowrap}
.yz-upfair__count svg{width:14px;height:14px;flex:none}
/* product detail: target-like H1 split + grouped spec tables */
.yz-front .yz-overview__title{color:var(--yz-heading,#1A2330)}
.yz-front .yz-overview__title span{color:var(--yz-accent-strong,#B45309)}
.yz-front .yz-spec-block + .yz-spec-block{margin-top:28px}
.yz-front .yz-psec.yz-cfaq .yz-cfaq__card .yz-points{margin-top:16px}
/* cases list: constmach references.html — flag strip, line chips, 4-col cards */
.yz-front.page-cases .yz-intro{padding-top:40px}
.yz-front.page-cases .yz-intro__eyebrow{font-size:17px;letter-spacing:.3em}
@media (min-width:768px){.yz-front.page-cases .yz-intro__eyebrow{font-size:21px}}
@media (min-width:1280px){.yz-front.page-cases .yz-intro__eyebrow{font-size:23px}}
.yz-front .yz-caselist{position:relative;padding-block:30px 56px;background:var(--yz-surface,#F3F6F9)}
.yz-front .yz-caselist::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.04;background-image:radial-gradient(circle at 1px 1px,var(--yz-heading,#1A2330) 1px,transparent 0);background-size:32px 32px}
.yz-front .yz-caselist .yz-container{position:relative}
.yz-front .yz-countries__label{display:flex;align-items:center;gap:12px;margin:0 0 14px}
.yz-front .yz-countries__label::before{content:"";width:32px;height:3px;border-radius:999px;background:var(--yz-accent,#E9A23B)}
.yz-front .yz-countries__row{display:flex;gap:24px;overflow-x:auto;padding:4px 0 10px;scrollbar-width:thin}
.yz-front .yz-ctry{flex:0 0 116px;display:flex;flex-direction:column;align-items:center;gap:8px;padding:0;border:0;background:transparent;font:inherit;color:var(--yz-heading,#1A2330);cursor:pointer}
@media (min-width:768px){.yz-front .yz-ctry{flex-basis:132px}}
.yz-front .yz-ctry__flag{display:grid;place-items:center;width:104px;height:70px;border-radius:8px;overflow:hidden;background:#fff;box-shadow:inset 0 0 0 1px rgba(26,35,48,.1);transition:box-shadow .2s,transform .2s}
@media (min-width:768px){.yz-front .yz-ctry__flag{width:120px;height:80px}}
.yz-front .yz-ctry__flag img{width:100%;height:100%;object-fit:cover}
.yz-front .yz-ctry__flag--all{background:linear-gradient(180deg,#fff,var(--yz-surface,#F3F6F9))}
.yz-front .yz-ctry:hover .yz-ctry__flag,.yz-front .yz-ctry.is-active .yz-ctry__flag{transform:scale(1.05);box-shadow:inset 0 0 0 2px var(--yz-accent,#E9A23B)}
.yz-front .yz-ctry__name{display:block;max-width:100%;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.yz-front .yz-ctry__count{display:block;font-size:10px;color:var(--yz-muted,#6b7280)}
.yz-front .yz-ctry:hover .yz-ctry__name,.yz-front .yz-ctry.is-active .yz-ctry__name{color:var(--yz-accent-strong,#B45309)}
.yz-front .yz-caselist .yz-chips{margin:8px 0 24px}
.yz-front .yz-cards--cases{display:grid;gap:20px;grid-template-columns:1fr}
@media (min-width:640px){.yz-front .yz-cards--cases{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}
@media (min-width:1024px){.yz-front .yz-cards--cases{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1280px){.yz-front .yz-cards--cases{grid-template-columns:repeat(4,minmax(0,1fr))}}
.yz-front .yz-ref{box-shadow:0 1px 2px rgba(26,35,48,.06)}
.yz-front .yz-ref[hidden]{display:none}
.yz-front .yz-ref:hover{box-shadow:0 16px 40px rgba(26,35,48,.18)}
.yz-front .yz-ref__flag{position:absolute;top:12px;right:12px;height:20px;width:auto;border-radius:2px;overflow:hidden;box-shadow:0 2px 5px rgba(0,0,0,.45);z-index:2}
.yz-front .yz-ref__flag img{display:block;height:20px;width:auto}
.yz-front .yz-ref__zoom{position:absolute;inset:0;display:grid;place-items:center;opacity:0;pointer-events:none;transition:opacity .3s;z-index:2}
.yz-front .yz-ref:hover .yz-ref__zoom{opacity:1}
.yz-front .yz-ref__zoom svg{width:48px;height:48px;padding:12px;border-radius:50%;background:rgba(255,255,255,.15);color:#fff;backdrop-filter:blur(4px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}
.yz-front .yz-ref__cap{padding:36px 16px 16px;z-index:2}
.yz-front .yz-subpanel__link.is-current{color:var(--yz-accent,#F69545);padding-left:28px}
.yz-front .yz-subpanel__link.is-current::before{background:var(--yz-accent,#F69545)}
.yz-front.page-dealers .yz-intro{padding-top:40px}
.yz-front.page-dealers .yz-intro__eyebrow{font-size:17px;letter-spacing:.3em}
@media (min-width:768px){.yz-front.page-dealers .yz-intro__eyebrow{font-size:21px}}
.yz-front .yz-dealers{padding:32px 0 64px;background:var(--yz-surface,#F3F6F9)}
.yz-front .yz-dlr-grid{display:grid;gap:20px;grid-template-columns:1fr}
@media (min-width:768px){.yz-front .yz-dlr-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}
@media (min-width:1280px){.yz-front .yz-dlr-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.yz-front .yz-dlr{display:flex;flex-direction:column;overflow:hidden;border-radius:16px;background:#fff;box-shadow:0 1px 2px rgba(26,35,48,.06);transition:box-shadow .3s,transform .3s}
.yz-front .yz-dlr:hover{box-shadow:0 20px 40px rgba(26,35,48,.16);transform:translateY(-2px)}
.yz-front .yz-dlr__head{position:relative;padding:20px 22px 18px;background:var(--yz-heading,#1A2330);color:#fff;overflow:hidden}
.yz-front .yz-dlr__glow{position:absolute;top:-48px;right:-48px;width:160px;height:160px;border-radius:50%;background:rgba(246,149,69,.22);filter:blur(28px);pointer-events:none}
.yz-front .yz-dlr__top{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.yz-front .yz-dlr__flag{display:block;width:48px;height:32px;border-radius:4px;object-fit:cover;box-shadow:0 0 0 1px rgba(0,0,0,.12)}
.yz-front .yz-dlr__badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:#fff;color:var(--yz-heading,#1A2330);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.yz-front .yz-dlr__badge.is-branch{background:rgba(255,255,255,.12);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)}
.yz-front .yz-dlr__country{position:relative;margin:0 0 4px;color:var(--yz-accent,#E9A23B);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.yz-front .yz-dlr__name{position:relative;margin:0;font-size:18px;line-height:1.3;font-weight:600}
.yz-front .yz-dlr__body{display:flex;flex-direction:column;flex:1;padding:20px 22px 22px}
.yz-front .yz-dlr__addr{display:flex;gap:10px;margin:0 0 14px;color:var(--yz-muted,#6b7280);font-size:14px;line-height:1.55}
.yz-front .yz-dlr__addr svg{flex:none;margin-top:2px;color:var(--yz-accent,#E9A23B)}
.yz-front .yz-dlr__addr strong{display:block;color:var(--yz-heading,#1A2330)}
.yz-front .yz-dlr__phones{list-style:none;margin:0 0 12px;padding:0}
.yz-front .yz-dlr__phones a,.yz-front .yz-dlr__mail a{display:inline-flex;align-items:center;gap:8px;color:var(--yz-heading,#1A2330);font-size:14px;font-weight:600;text-decoration:none;word-break:break-all}
.yz-front .yz-dlr__phones a:hover,.yz-front .yz-dlr__mail a:hover{color:var(--yz-accent-strong,#B45309)}
.yz-front .yz-dlr__phones svg,.yz-front .yz-dlr__mail svg{flex:none;color:var(--yz-accent,#E9A23B)}
.yz-front .yz-dlr__mail{margin:0 0 16px}
.yz-front .yz-dlr__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto}
.yz-front .yz-dlr__btn{display:inline-flex;align-items:center;gap:8px}
.yz-front .yz-dlr__btn--call{background:#fff;color:var(--yz-heading,#1A2330);box-shadow:inset 0 0 0 1px rgba(26,35,48,.16)}
.yz-front .yz-dlr__btn--call:hover{color:var(--yz-accent-strong,#B45309)}
.yz-front .yz-dlr-cta{padding:56px 0;background:var(--yz-heading,#1A2330);color:#fff;text-align:center}
.yz-front .yz-dlr-cta__eyebrow{margin:0 0 10px;color:var(--yz-accent,#E9A23B);font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.yz-front .yz-dlr-cta .yz-h2{color:#fff}
.yz-front .yz-dlr-cta .yz-h2 span{color:var(--yz-accent,#E9A23B)}
.yz-front .yz-dlr-cta__lead{max-width:640px;margin:12px auto 24px;color:rgba(255,255,255,.78);font-size:15px;line-height:1.6}
.yz-front .yz-dlr-cta__btn{display:inline-flex;align-items:center;gap:8px}
/* ==== 2026-10-22 pack fronts: sales / spare / fault (append; earlier bytes unchanged) ==== */
.yz-front .yz-sales__grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.yz-front .yz-sales__card{position:relative}
.yz-front .yz-sales__card::before{content:"";position:absolute;top:0;left:20px;right:20px;height:3px;border-radius:0 0 3px 3px;background:linear-gradient(90deg,var(--yz-accent,#E9A23B),transparent)}
.yz-front.page-spare-parts .yz-intro,.yz-front.page-spare-part .yz-intro,.yz-front.page-fault-kb .yz-intro,.yz-front.page-fault-kb-list .yz-intro,.yz-front.page-fault-kb-entry .yz-intro{padding-top:40px}
.yz-front.page-spare-parts .yz-intro__eyebrow,.yz-front.page-spare-part .yz-intro__eyebrow,.yz-front.page-fault-kb .yz-intro__eyebrow,.yz-front.page-fault-kb-list .yz-intro__eyebrow,.yz-front.page-fault-kb-entry .yz-intro__eyebrow{font-size:17px;letter-spacing:.3em}
@media (min-width:768px){.yz-front.page-spare-parts .yz-intro__eyebrow,.yz-front.page-spare-part .yz-intro__eyebrow,.yz-front.page-fault-kb .yz-intro__eyebrow,.yz-front.page-fault-kb-list .yz-intro__eyebrow,.yz-front.page-fault-kb-entry .yz-intro__eyebrow{font-size:21px}}
.yz-front .yz-spares,.yz-front .yz-faults,.yz-front .yz-sp-detail{position:relative;padding-block:30px 56px;background:var(--yz-surface,#F3F6F9)}
.yz-front .yz-spares::before,.yz-front .yz-faults::before,.yz-front .yz-sp-detail::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.04;background-image:radial-gradient(circle at 1px 1px,var(--yz-heading,#1A2330) 1px,transparent 0);background-size:32px 32px}
.yz-front .yz-spares .yz-container,.yz-front .yz-faults .yz-container,.yz-front .yz-sp-detail .yz-container{position:relative}
.yz-front .yz-sp-grid,.yz-front .yz-fg-grid,.yz-front .yz-fe-grid{display:grid;gap:20px;margin:0;padding:0;list-style:none;grid-template-columns:1fr}
@media (min-width:640px){.yz-front .yz-sp-grid,.yz-front .yz-fg-grid,.yz-front .yz-fe-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}
@media (min-width:1024px){.yz-front .yz-sp-grid,.yz-front .yz-fg-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.yz-front .yz-sp,.yz-front .yz-fg,.yz-front .yz-fe{display:flex;flex-direction:column;overflow:hidden;border-radius:16px;background:#fff;box-shadow:0 1px 2px rgba(26,35,48,.06);transition:box-shadow .3s,transform .3s}
.yz-front .yz-sp:hover,.yz-front .yz-fg:hover,.yz-front .yz-fe:hover{box-shadow:0 20px 40px rgba(26,35,48,.16);transform:translateY(-2px)}
.yz-front .yz-sp__media{display:block;aspect-ratio:16/10;background:linear-gradient(180deg,#fff,var(--yz-surface,#F3F6F9));overflow:hidden}
.yz-front .yz-sp__media img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.yz-front .yz-sp:hover .yz-sp__media img{transform:scale(1.04)}
.yz-front .yz-sp__media.is-empty{display:grid;place-items:center;color:var(--yz-accent,#E9A23B)}
.yz-front .yz-ph-icon{display:block}
.yz-front .yz-sp__body,.yz-front .yz-fg,.yz-front .yz-fe{padding:20px 22px 22px}
.yz-front .yz-sp__body{display:flex;flex-direction:column;flex:1;padding:20px 22px 22px}
.yz-front .yz-sp__tag{display:inline-flex;align-self:flex-start;margin:0 0 8px;padding:4px 10px;border-radius:999px;background:rgba(246,149,69,.12);color:var(--yz-accent-strong,#B45309);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.yz-front .yz-sp__name,.yz-front .yz-fg__name,.yz-front .yz-fe__name{margin:0 0 10px;font-size:18px;line-height:1.3;font-weight:600;color:var(--yz-heading,#1A2330)}
.yz-front .yz-sp__name a,.yz-front .yz-fe__name a{color:inherit}
.yz-front .yz-sp__name a:hover,.yz-front .yz-fe__name a:hover{color:var(--yz-accent-strong,#B45309)}
.yz-front .yz-sp__fits,.yz-front .yz-fe__fits{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 16px;font-size:13px;color:var(--yz-muted,#6b7280)}
.yz-front .yz-sp__fits span,.yz-front .yz-fe__fits span{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--yz-accent,#E9A23B)}
.yz-front .yz-sp__fits a,.yz-front .yz-fe__fits a,.yz-front .yz-sp__fits em,.yz-front .yz-fe__fits em{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:var(--yz-surface,#F3F6F9);color:var(--yz-heading,#1A2330);font-style:normal;font-weight:600;font-size:12px}
.yz-front .yz-sp__fits a:hover,.yz-front .yz-fe__fits a:hover{color:var(--yz-accent-strong,#B45309)}
.yz-front .yz-sp__btn,.yz-front .yz-fg__btn,.yz-front .yz-fe__btn{margin-top:auto;align-self:flex-start}
.yz-front .yz-fg__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px}
.yz-front .yz-fg__icon{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:rgba(246,149,69,.12);color:var(--yz-accent-strong,#B45309)}
.yz-front .yz-fg__count{font-size:13px;font-weight:700;color:var(--yz-muted,#6b7280)}
.yz-front .yz-fg__list{margin:0 0 18px;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.yz-front .yz-fg__list a{display:block;padding-left:14px;position:relative;color:var(--yz-heading,#1A2330);font-size:14px;font-weight:600;line-height:1.45}
.yz-front .yz-fg__list a::before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:50%;background:var(--yz-accent,#E9A23B)}
.yz-front .yz-fg__list a:hover{color:var(--yz-accent-strong,#B45309)}
.yz-front .yz-fe__excerpt{margin:0 0 14px;font-size:14px;line-height:1.6;color:var(--yz-muted,#6b7280);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.yz-front .yz-sp-detail__grid{display:grid;gap:24px;align-items:start}
@media (min-width:768px){.yz-front .yz-sp-detail__grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:40px}}
.yz-front .yz-sp-detail__photo{margin:0;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 1px 2px rgba(26,35,48,.06)}
.yz-front .yz-sp-detail__photo img{width:100%;aspect-ratio:4/3;object-fit:cover}
.yz-front .yz-sp-detail__photo.is-empty{display:grid;place-items:center;min-height:240px;color:var(--yz-accent,#E9A23B)}
.yz-front .yz-sp-detail__facts{display:grid;gap:12px;margin:0}
.yz-front .yz-sp-detail__facts > div{padding:16px 18px;border-radius:16px;background:#fff;box-shadow:0 1px 2px rgba(26,35,48,.06)}
.yz-front .yz-sp-detail__facts dt{margin:0 0 4px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--yz-accent,#E9A23B)}
.yz-front .yz-sp-detail__facts dd{margin:0;font-size:16px;font-weight:600;color:var(--yz-heading,#1A2330)}
.yz-front .yz-sp-detail__facts a:hover{color:var(--yz-accent-strong,#B45309)}
.yz-front .yz-cform .yz-back{margin-top:20px}
.yz-front .yz-cform .yz-back a{font-weight:600;color:var(--yz-muted,#6b7280)}
.yz-front .yz-cform .yz-back a:hover{color:var(--yz-accent-strong,#B45309)}
.yz-front .yz-fd{padding:30px 0 64px;background:var(--yz-surface,#F3F6F9)}
.yz-front .yz-fd__grid{display:grid;gap:24px}
@media (min-width:1024px){.yz-front .yz-fd__grid{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:40px}}
.yz-front .yz-fd__main{display:flex;flex-direction:column;gap:20px}
.yz-front .yz-fd__block{padding:24px;border-radius:16px;background:#fff;box-shadow:0 1px 2px rgba(26,35,48,.06)}
@media (min-width:768px){.yz-front .yz-fd__block{padding:32px}}
.yz-front .yz-fd__block .yz-eyebrow{margin-bottom:16px}
.yz-front .yz-fd__cause{margin:0;font-size:16px;line-height:1.7;color:var(--yz-text)}
.yz-front .yz-fd__steps{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:14px}
.yz-front .yz-fd__steps li{display:flex;gap:14px;align-items:flex-start}
.yz-front .yz-fd__num{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--yz-heading,#1A2330);color:#fff;font-size:13px;font-weight:700}
.yz-front .yz-fd__steps p{margin:0;padding-top:4px;font-size:16px;line-height:1.6;color:var(--yz-text)}
.yz-front .yz-fd__fix :last-child{margin-bottom:0}
.yz-front .yz-fd__side{display:flex;flex-direction:column;gap:16px}
@media (min-width:1024px){.yz-front .yz-fd__side{position:sticky;top:calc(var(--yz-sticky-h,157px) + 16px)}}
.yz-front .yz-fd__card{padding:20px;border-radius:16px;background:#fff;box-shadow:0 1px 2px rgba(26,35,48,.06)}
.yz-front .yz-fd__card-label{margin:0 0 10px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--yz-accent,#E9A23B)}
.yz-front .yz-fd__card ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.yz-front .yz-fd__card a{font-weight:600;color:var(--yz-heading,#1A2330)}
.yz-front .yz-fd__card a:hover{color:var(--yz-accent-strong,#B45309)}
.yz-front .yz-fd__ask p{margin:0 0 16px;font-size:14px;line-height:1.6;color:var(--yz-muted,#6b7280)}
.yz-front .yz-fd__ask .yz-btn{width:100%}
.yz-front .yz-fd .yz-back{margin:0}
.yz-front .yz-fd .yz-back a{font-weight:600;color:var(--yz-muted,#6b7280)}
.yz-front .yz-fd .yz-back a:hover{color:var(--yz-accent-strong,#B45309)}
@media (prefers-reduced-motion:reduce){
  .yz-front .yz-sp,.yz-front .yz-fg,.yz-front .yz-fe,.yz-front .yz-sales__card{transition:none}
  .yz-front .yz-sp:hover,.yz-front .yz-fg:hover,.yz-front .yz-fe:hover{transform:none}
  .yz-front .yz-sp:hover .yz-sp__media img{transform:none}
}
.yz-front .yz-cform #spare-form{display:block;grid-template-columns:none}
.yz-front .yz-sales__board{background:transparent;box-shadow:none;overflow:visible}
.yz-front .yz-sales__group{padding:0}
.yz-front .yz-sales__group + .yz-sales__group{margin-top:0;border-top:0}
.yz-front .yz-sales__region{display:none}
.yz-front .yz-sales__grid{grid-template-columns:1fr;gap:16px}
@media (min-width:768px){.yz-front .yz-sales__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}
.yz-front .yz-sales__card{max-width:none;width:100%;align-items:stretch;padding:20px}
@media (min-width:768px){.yz-front .yz-sales__card{padding:24px}}
.yz-front .yz-sales__who{min-width:0}
.yz-front .yz-sales__name{white-space:normal}
@media (min-width:1024px){.yz-front .yz-cways__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.yz-front .yz-cways__card{position:relative;align-items:flex-start;padding-right:36px}
.yz-front .yz-cways__go{position:absolute;right:16px;bottom:16px;display:grid;place-items:center;color:rgba(92,102,117,.4);transition:color .2s,transform .2s}
.yz-front .yz-cways__card:hover .yz-cways__go,.yz-front .yz-cways__card:focus-visible .yz-cways__go{color:var(--yz-accent);transform:translateX(2px)}
.yz-front a.yz-cinfo__row{text-decoration:none;color:inherit}
.yz-front .yz-cinfo__list{gap:20px}
.yz-front .yz-cinfo__follow{margin-top:8px}
.yz-front .yz-cinfo__follow-label{margin:0 0 12px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--yz-accent,#F69545)}
.yz-front .yz-cinfo__follow-list{display:flex;flex-wrap:wrap;gap:8px}
.yz-front .yz-cinfo__social{display:grid;place-items:center;width:40px;height:40px;border-radius:9999px;border:1px solid var(--yz-border,#e5e7eb);background:#fff;color:var(--yz-heading,#1A2330);transition:background-color .15s,color .15s,border-color .15s,transform .15s}
.yz-front span.yz-cinfo__social{cursor:default}
.yz-front .yz-cinfo__social:hover{background:var(--yz-accent,#E9A23B);border-color:var(--yz-accent,#E9A23B);color:var(--yz-accent-ink,#1A2330);transform:scale(1.1)}
.yz-front .yz-cinfo__social--whatsapp:hover{background:var(--yz-wa,#075E54);border-color:var(--yz-wa,#075E54);color:#fff}
.yz-front.page-contact .yz-intro{padding-block:40px 24px}
@media (min-width:768px){.yz-front.page-contact .yz-intro{padding-block:50px 24px}}
.yz-front.page-contact .yz-intro__eyebrow{font-size:17px;font-weight:600;letter-spacing:.3em}
@media (min-width:768px){.yz-front.page-contact .yz-intro__eyebrow{font-size:21px}}
@media (min-width:1280px){.yz-front.page-contact .yz-intro__eyebrow{font-size:23px}}
.yz-front.page-contact .yz-intro__text{font-size:21px;line-height:40px}
@media (min-width:768px){.yz-front.page-contact .yz-intro__text{font-size:21px;line-height:36px}}
@media (min-width:1280px){.yz-front.page-contact .yz-intro__text{font-size:23px;line-height:40px}}
.yz-front.page-contact .yz-cways{background:#fff;padding-block:16px 48px}
@media (min-width:1024px){.yz-front.page-contact .yz-cways{padding-block:16px 56px}}
.yz-front.page-contact .yz-cform{background:#fff;padding-block:30px 8px}
.yz-front.page-contact .yz-sales,.yz-front.page-contact .yz-cmap{background:var(--yz-surface,#F3F6F9)}
.yz-front.page-contact .yz-sales{position:relative;padding-block:24px 48px}
.yz-front.page-contact .yz-sales::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.04;background-image:radial-gradient(circle at 1px 1px,var(--yz-heading,#1A2330) 1px,transparent 0);background-size:32px 32px}
.yz-front.page-contact .yz-sales .yz-container{position:relative}
.yz-front.page-contact .yz-cform__card{background:var(--yz-surface,#F3F6F9);box-shadow:var(--yz-shadow)}
.yz-front.page-contact .yz-cform .contact-field input,.yz-front.page-contact .yz-cform .contact-field textarea{background:#fff}
.yz-front.page-contact .yz-cinfo{padding-top:8px}
.yz-front.page-contact .yz-cinfo__row{background:var(--yz-surface,#F3F6F9);border-color:transparent}
.yz-front.page-contact .yz-cinfo__follow{margin-top:16px;padding:20px;border-radius:16px;background:var(--yz-surface,#F3F6F9)}
.yz-front.page-contact .yz-sales__eyebrow{font-size:13px;letter-spacing:.3em;font-weight:600}
.yz-front.page-contact .yz-sales__board{background:transparent;box-shadow:none;overflow:visible}
.yz-front.page-contact .yz-sales__group{padding:0;margin:0;border:0}
.yz-front.page-contact .yz-sales__group + .yz-sales__group{margin-top:0;border-top:0}
.yz-front.page-contact .yz-sales__region,.yz-front.page-contact .yz-sales__avatar,.yz-front.page-contact .yz-sales__avatar.is-empty{display:none}
.yz-front.page-contact .yz-sales__grid{grid-template-columns:1fr;gap:16px}
@media (min-width:768px){.yz-front.page-contact .yz-sales__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}
.yz-front.page-contact .yz-sales__card{flex-direction:row;align-items:flex-start;gap:14px;width:100%;max-width:none;padding:20px;background:#fff;box-shadow:0 1px 2px rgba(26,35,48,.06);border:1px solid var(--yz-border,#e5e9ee);border-radius:16px}
.yz-front.page-contact .yz-sales__flags{display:flex;flex-direction:column;gap:4px;flex:none;padding-top:2px}
.yz-front.page-contact .yz-sales__flags img{display:block;width:28px;height:18px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px rgba(26,35,48,.15)}
@media (min-width:768px){.yz-front.page-contact .yz-sales__card{padding:24px}}
.yz-front.page-contact .yz-sales__card:hover{box-shadow:0 8px 24px rgba(26,35,48,.1)}
.yz-front.page-contact .yz-sales__card::before{display:none}
.yz-front.page-contact .yz-sales__info{display:block;flex:1;min-width:0}
.yz-front.page-contact .yz-sales__who{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;margin:0 0 6px}
.yz-front.page-contact .yz-sales__name{white-space:normal;font-size:16px;font-weight:700;color:var(--yz-heading,#1A2330);line-height:1.3}
@media (min-width:768px){.yz-front.page-contact .yz-sales__name{font-size:18px}}
.yz-front.page-contact .yz-sales__area{margin:0;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--yz-accent,#F69545)}
.yz-front.page-contact .yz-sales__phone{display:block;margin:0 0 12px;font-size:20px;line-height:1.2;font-weight:600;color:var(--yz-heading,#1A2330);font-variant-numeric:tabular-nums;letter-spacing:-.02em;text-decoration:none}
@media (min-width:768px){.yz-front.page-contact .yz-sales__phone{font-size:24px}}
.yz-front.page-contact .yz-sales__phone:hover{color:var(--yz-accent,#F69545)}
.yz-front.page-contact .yz-sales__actions{margin-top:0;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px}
.yz-front.page-contact .yz-sales__pill{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 14px;border-radius:9999px;font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap;color:#fff}
.yz-front.page-contact .yz-sales__pill--call{background:var(--yz-accent,#F69545);color:#fff}
.yz-front.page-contact .yz-sales__pill--call:hover{background:var(--yz-accent-strong-hover,#E07F2B);color:#fff}
.yz-front.page-contact .yz-sales__pill--wa,.yz-front.page-contact .yz-sales__wa{background:var(--yz-wa,#075E54);color:#fff;height:32px}
.yz-front.page-contact .yz-sales__pill--wa:hover,.yz-front.page-contact .yz-sales__wa:hover{background:var(--yz-wa-hover,#054D45);color:#fff}
.yz-front.page-contact .yz-sales__wa-word{display:inline}
.yz-front.page-contact .yz-sales__wa-sub{display:none}
.yz-front.page-contact .yz-sales__pill--tg{background:#27A6E5;color:#fff}
.yz-front.page-contact .yz-sales__pill--tg:hover{background:#1e90cc;color:#fff}
.yz-front.page-contact .yz-sales__pill--vb{background:#665CAC;color:#fff}
.yz-front.page-contact .yz-sales__pill--vb:hover{background:#574b96;color:#fff}
.yz-front.page-contact .yz-sales__pill--mail{background:#fff;border:1px solid var(--yz-border,#e5e9ee);color:var(--yz-text,#394753)}
.yz-front.page-contact .yz-sales__pill--mail:hover{border-color:var(--yz-accent,#F69545);color:var(--yz-accent,#F69545);text-decoration:none}
.yz-front.page-contact .yz-sales__mail svg{margin-top:0;color:currentColor}
@media (max-width:767px){
  .yz-front.page-contact .yz-sales__pill--call{display:none}
  .yz-front.page-contact .yz-sales__pill--wa,.yz-front.page-contact .yz-sales__pill--tg,.yz-front.page-contact .yz-sales__pill--vb{width:32px;padding:0}
  .yz-front.page-contact .yz-sales__pill--wa span,.yz-front.page-contact .yz-sales__pill--tg span,.yz-front.page-contact .yz-sales__pill--vb span{display:none}
}
.yz-front.page-contact .yz-cmap{padding-block:48px 0}
/* product detail: closer to constmach — full-title accent, collage-like figcaption bar */
.yz-front.page-product .yz-overview__title,
.yz-front.page-product .yz-overview__title span{color:var(--yz-accent,#F69545)}
.yz-front.page-product .yz-prose--article figure{overflow:hidden}
.yz-front.page-product .yz-prose--article figcaption{margin:0;padding:10px 16px;background:var(--yz-accent,#F69545);color:#fff}
/* download email gate: yuzhixin-site.js injects .dl-email-modal and sets body overflow:hidden.
   yz pages do not load yuzhixin-site.css, so without these rules the dialog dumps after the footer
   and the page appears frozen (no overlay, cannot scroll to Cancel). */
.yz-front .dl-email-modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:20px;padding-bottom:calc(20px + env(safe-area-inset-bottom))}
.yz-front .dl-email-modal.is-open{display:flex}
html:has(.yz-front .dl-email-modal.is-open),
body.yz-front:has(.dl-email-modal.is-open){overflow:hidden}
.yz-front .dl-email-modal__backdrop{position:absolute;inset:0;background:rgba(26,35,48,.55)}
.yz-front .dl-email-modal__card{position:relative;width:min(420px,100%);padding:28px 24px 24px;border-radius:16px;background:#fff;box-shadow:var(--yz-shadow-xl,0 24px 60px rgba(16,34,56,.22));font-family:inherit}
.yz-front .dl-email-modal__card h3{margin:0 0 6px;font-size:22px;line-height:1.3;font-weight:700;color:var(--yz-heading,#1A2330)}
.yz-front .dl-email-modal__card .dl-doc-name{margin:0 0 16px;font-size:14px;line-height:1.5;color:var(--yz-muted,#5C6675)}
.yz-front .dl-email-modal__card label{display:block;margin:0 0 6px;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--yz-muted,#5C6675)}
.yz-front .dl-email-modal__card input[type="email"]{width:100%;margin:0 0 12px;padding:14px 16px;border:1px solid var(--yz-border,#E5E9EE);border-radius:12px;background:#fff;font:inherit;font-size:14px;color:var(--yz-text,#394753);outline:none}
.yz-front .dl-email-modal__card input[type="email"]:focus{border-color:var(--yz-accent,#F69545);box-shadow:0 0 0 3px color-mix(in srgb,var(--yz-accent,#F69545) 20%,transparent)}
.yz-front .dl-email-modal__msg{min-height:1.2em;margin:0 0 10px;font-size:13px;color:var(--yz-error,#DC2626)}
.yz-front .dl-email-modal__msg.is-ok{color:#0f7a45}
.yz-front .dl-email-modal .dl-modal-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;margin-top:4px}
.yz-front .dl-email-modal .btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 16px;border-radius:9999px;border:1px solid transparent;font:inherit;font-size:13px;font-weight:600;line-height:1.2;cursor:pointer}
.yz-front .dl-email-modal .btn-outline{background:#fff;border-color:var(--yz-border,#E5E9EE);color:var(--yz-text,#394753)}
.yz-front .dl-email-modal .btn-outline:hover{border-color:var(--yz-text,#394753);color:var(--yz-heading,#1A2330)}
.yz-front .dl-email-modal .btn-primary{background:var(--yz-accent-strong,#B45309);color:#fff}
.yz-front .dl-email-modal .btn-primary:hover{background:var(--yz-accent-strong-hover,#994708);color:#fff}
.yz-front .dl-email-modal .btn:disabled{opacity:.6;cursor:wait}
.yz-front .dl-email-modal.is-captcha .dl-email-row{display:none}
.yz-front .dl-email-modal:not(.is-captcha) .dl-captcha-row{display:none}
.yz-front .dl-captcha-line{display:flex;align-items:center;gap:10px;margin:0 0 12px}
.yz-front .dl-captcha-line input{flex:1;min-width:0;margin:0;padding:14px 16px;border:1px solid var(--yz-border,#E5E9EE);border-radius:12px;background:#fff;font:inherit;font-size:14px;color:var(--yz-text,#394753);outline:none}
.yz-front .dl-captcha-line input:focus{border-color:var(--yz-accent,#F69545);box-shadow:0 0 0 3px color-mix(in srgb,var(--yz-accent,#F69545) 20%,transparent)}
.yz-front .dl-captcha-line img{width:120px;height:44px;border-radius:8px;object-fit:cover;cursor:pointer;background:#F4F6F8}

/* 2026-10-22: legal CMS pages (cookie / privacy / terms / data-protection) — constmach privacy-policy layout */
.yz-front.page-legal .yz-legal__hero{
  background:linear-gradient(to bottom right,var(--yz-primary,#1B5FAA),var(--yz-primary-light,#2F72BD));
  color:#fff;text-align:center;padding:64px 20px;
}
@media (min-width:768px){.yz-front.page-legal .yz-legal__hero{padding:80px 32px}}
.yz-front.page-legal .yz-legal__hero-inner{max-width:720px;margin-inline:auto}
.yz-front.page-legal .yz-legal__kicker{
  margin:0 0 12px;font-size:12px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:var(--yz-accent,#F69545);
}
@media (min-width:768px){.yz-front.page-legal .yz-legal__kicker{font-size:14px}}
.yz-front.page-legal .yz-legal__hero h1{
  margin:0 0 12px;font-size:30px;line-height:1.15;font-weight:600;color:#fff;
}
@media (min-width:768px){.yz-front.page-legal .yz-legal__hero h1{font-size:48px}}
.yz-front.page-legal .yz-legal__lead{
  margin:0 auto;max-width:42em;font-size:16px;line-height:1.6;color:rgba(255,255,255,.9);
}
@media (min-width:768px){.yz-front.page-legal .yz-legal__lead{font-size:18px}}
.yz-front.page-legal .yz-legal__article{
  max-width:768px;margin:0 auto;padding:48px 20px 64px;
}
@media (min-width:768px){.yz-front.page-legal .yz-legal__article{padding:64px 24px 80px}}
.yz-front.page-legal .yz-legal__body > p:first-child{font-size:17px;line-height:1.7;color:var(--yz-heading,#1A2330)}
.yz-front.page-legal .yz-legal__updated{margin:32px 0 0;font-size:14px;color:var(--yz-muted,#5C6675)}

/* 2026-10-22: no sticky header (constmach / 样式规范 §6 头部不吸顶). Keep --yz-sticky-h at 0 so
   sales/product/fault-detail offsets do not reserve 60/157px, even if cached JS still adds is-scrolled. */
:root{--yz-sticky-h:0px}
.yz-front:has(#header.is-scrolled) .yz-pnav{top:0}
.yz-front .yz-sales,.yz-front .yz-sales__group{scroll-margin-top:16px}
@media (min-width:1024px){
  .yz-front .yz-sales,.yz-front .yz-sales__group{scroll-margin-top:16px}
  .yz-front .yz-fd__side{top:16px}
}

/* 2026-10-22: mobile sheet vs live constmach — later desktop mega2/subpanel rules must not leak into the drawer */
@media (max-width:1023.98px){
  .yz-lang summary{padding:4px;gap:0;border:0;background:transparent;border-radius:4px}
  .yz-lang__code,.yz-lang summary .yz-caret{display:none}
  .yz-drawer__close{color:var(--yz-heading,#1A2330);background:transparent}
  .yz-nav .yz-mega2{display:none;flex-direction:column;min-width:0;max-width:none;border-radius:0;overflow:visible;background:transparent}
  .has-mega.is-open .yz-mega2,.has-mega.is-expanded .yz-mega2,.has-mega:has(.nav-mega-toggle[aria-expanded="true"]) .yz-mega2{display:block}
  .yz-nav .yz-mega2__media,.yz-nav .yz-mega2__chev,.yz-nav .yz-mega2__dot{display:none}
  .yz-nav .yz-mega2__list{flex:none;width:100%;padding:0;background:transparent}
  .yz-nav .yz-mega2__all,.yz-nav .yz-mega2__item{padding:8px 12px;margin-left:12px;border-left:1px solid var(--yz-border);font-size:14px;font-weight:500;color:var(--yz-muted)}
  .yz-nav .yz-mega2__all{font-weight:600;text-transform:none;letter-spacing:0}
  .yz-nav .yz-mega2__item:hover,.yz-nav .yz-mega2__all:hover{padding-left:12px;color:var(--yz-heading);background:transparent}
  .yz-has-sub:not(.is-open):not(.is-expanded) > .yz-subpanel,
  .has-mega:not(.is-open):not(.is-expanded) .yz-mega,
  .has-mega:not(.is-open):not(.is-expanded) .yz-mega2{display:none!important}
  .yz-has-sub:hover .yz-subpanel,.yz-has-sub:focus-within .yz-subpanel{opacity:0;visibility:hidden;pointer-events:none;transform:none}
  .yz-has-sub.is-open > .yz-subpanel,.yz-has-sub.is-expanded > .yz-subpanel{
    display:block;position:static;opacity:1;visibility:visible;transform:none;pointer-events:auto;
    min-width:0;width:100%;max-width:none;box-shadow:none;border-radius:0;padding:0 0 8px;overflow:visible
  }
  .yz-has-sub .yz-subpanel__media{display:none}
  .yz-has-sub .yz-subpanel__list{padding:0;min-width:0;width:100%}
  .yz-has-sub .yz-subpanel__link{white-space:normal;padding:8px 12px;margin-left:12px;border-left:1px solid var(--yz-border);font-size:14px;font-weight:400;color:var(--yz-muted)}
  .yz-has-sub .yz-subpanel__link::before{display:none}
  .yz-has-sub .yz-subpanel__link:hover,.yz-has-sub .yz-subpanel__link.is-current{padding-left:12px;color:var(--yz-heading)}
}
@media (min-width:640px) and (max-width:1023.98px){
  .yz-lang summary{padding:6px 12px;gap:8px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.05);border-radius:9999px}
  .yz-lang__code,.yz-lang summary .yz-caret{display:inline}
}

/* 2026-10-22: homepage mobile vs live constmach — hide hero arrows below md; section rhythm 30px; icon dock */
@media (max-width:767.98px){
  .yz-news{padding-block:30px}
  .yz-fairs{padding-block:30px}
  .yz-front .yz-news__intro .yz-h2{margin-bottom:12px}
}
.yz-front a.yz-quickbar__ico,
.yz-front a.yz-quickbar__ico:hover,
.yz-front a.yz-quickbar__ico:focus-visible{color:#fff;transform:none}
.yz-front a.yz-quickbar__ico:active{transform:scale(.95)}
.yz-front a.yz-quickbar__ico--wa,
.yz-front a.yz-quickbar__ico--wa:hover{background:var(--yz-wa);color:#fff}

/* 2026-10-22: products list mobile vs live constmach — full-width stacked line cards, chips one row, crumbs Homepage size */
.yz-front .yz-crumbs__list{font-size:14px}
.yz-front .yz-crumbs__link{color:#5C6675}
.yz-front .yz-catgrid .yz-cat-card__count{display:none}
.yz-front .yz-catgrid .yz-cat-card__bar{min-height:0}
.yz-front .yz-catalog .yz-chips{
  display:flex;flex-wrap:nowrap;gap:8px;margin:0 0 24px;
  overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch
}
.yz-front .yz-catalog .yz-chips::-webkit-scrollbar{display:none}
.yz-front .yz-catalog .yz-chip{flex:none}
.yz-front .yz-catalog .yz-chip.is-active{background:var(--yz-accent-strong);border-color:var(--yz-accent-strong);color:#fff}
@media (max-width:639.98px){
  .yz-front .yz-catgrid .yz-slider__viewport{overflow:visible;scroll-snap-type:none}
  .yz-front .yz-catgrid .yz-slider__track{display:grid;grid-template-columns:1fr;gap:20px}
  .yz-front .yz-catgrid .yz-slider__track > *{flex:none;width:auto;max-width:none}
  .yz-front .yz-catgrid .yz-slider__nav{display:none!important}
}

/* 2026-10-22: E-CATALOG inner hero overlay (optional; catalog page itself has none) */
.yz-front .yz-pagehero__title{
  position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;
  margin:0;padding:0 16px 22px;color:var(--yz-accent);font-weight:800;letter-spacing:.08em;
  text-transform:uppercase;text-align:center;font-size:28px;line-height:1.1;pointer-events:none;
  text-shadow:0 2px 18px rgba(0,0,0,.45)
}
@media (min-width:768px){
  .yz-front .yz-pagehero__title{font-size:48px;letter-spacing:.14em;padding-bottom:40px}
}

/* 2026-10-22: catalog page vs live constmach.com/catalog — photo cards, gray band, no hero overlay */
.yz-front.page-catalog .yz-pagehero__shade{background:transparent}
.yz-front.page-catalog .yz-intro{padding-block:40px 24px}
@media (min-width:768px){.yz-front.page-catalog .yz-intro{padding-block:50px 32px}}
.yz-front.page-catalog .yz-intro__eyebrow{font-size:17px;letter-spacing:.3em}
@media (min-width:768px){.yz-front.page-catalog .yz-intro__eyebrow{font-size:21px}}
@media (min-width:1280px){.yz-front.page-catalog .yz-intro__eyebrow{font-size:23px}}
@media (min-width:768px){.yz-front.page-catalog .yz-intro__text{line-height:40px}}
.yz-front.page-catalog .yz-downloads{background:#F4F6F8;padding-block:30px 40px}
.yz-front.page-catalog .yz-dlcards{gap:32px;grid-template-columns:1fr}
@media (min-width:768px){.yz-front.page-catalog .yz-dlcards{gap:40px}}
@media (min-width:1024px){.yz-front.page-catalog .yz-dlcards{grid-template-columns:repeat(2,minmax(0,1fr))}}
.yz-front.page-catalog .yz-dlcard{
  position:relative;gap:0;padding:0;overflow:hidden;border-radius:24px;
  border:0;box-shadow:0 0 0 1px #E5E9EE,0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);
  transition:box-shadow .3s
}
.yz-front.page-catalog .yz-dlcard:hover{box-shadow:0 0 0 2px var(--yz-accent),0 25px 50px -12px rgba(0,0,0,.25)}
.yz-front.page-catalog .yz-dlcard__media{position:relative;aspect-ratio:16/10;background:#1A2330;overflow:hidden}
.yz-front.page-catalog .yz-dlcard__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}
.yz-front.page-catalog .yz-dlcard:hover .yz-dlcard__media img{transform:scale(1.04)}
.yz-front.page-catalog .yz-dlcard__pill{
  position:absolute;top:16px;z-index:2;display:inline-flex;align-items:center;gap:6px;
  padding:6px 12px;border-radius:999px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);
  font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:1
}
.yz-front.page-catalog .yz-dlcard__pill--cat{left:16px;background:rgba(255,255,255,.95);color:#1A2330}
.yz-front.page-catalog .yz-dlcard__pill--lang{right:16px;background:rgba(0,0,0,.55);color:#fff;gap:4px}
.yz-front.page-catalog .yz-dlcard__dot{width:6px;height:6px;border-radius:50%;background:var(--yz-accent);flex:none}
.yz-front.page-catalog .yz-dlcard__shade{
  position:absolute;inset:auto 0 0;height:50%;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(0,0,0,.4) 40%,rgba(0,0,0,.85))
}
.yz-front.page-catalog .yz-dlcard__title{
  position:absolute;left:0;right:0;bottom:0;z-index:2;margin:0;padding:20px;
  font-size:20px;line-height:1.25;font-weight:600;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.35)
}
@media (min-width:768px){
  .yz-front.page-catalog .yz-dlcard__title{padding:28px;font-size:24px}
}
@media (min-width:1024px){
  .yz-front.page-catalog .yz-dlcard__title{font-size:30px}
}
.yz-front.page-catalog .yz-dlcard__body{padding:20px;display:flex;flex-direction:column;gap:0}
@media (min-width:768px){.yz-front.page-catalog .yz-dlcard__body{padding:28px}}
.yz-front.page-catalog .yz-dlcard__desc{
  margin:0 0 20px;font-size:14px;line-height:1.6;color:#5C6675;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden
}
@media (min-width:768px){.yz-front.page-catalog .yz-dlcard__desc{font-size:15px;line-height:1.625}}
.yz-front.page-catalog .yz-dlcard__meta{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;margin:0 0 24px;
  font-size:14px;line-height:20px;color:#5C6675
}
.yz-front.page-catalog .yz-dlcard__meta span{display:inline-flex;align-items:center;gap:6px}
.yz-front.page-catalog .yz-dlcard__actions{display:flex;flex-direction:column;gap:12px;margin:0;flex-wrap:nowrap}
@media (min-width:640px){.yz-front.page-catalog .yz-dlcard__actions{flex-direction:row;align-items:stretch}}
.yz-front.page-catalog .yz-dlcard__dl,
.yz-front.page-catalog .yz-dlcard__preview{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:52px;padding:14px 20px;border:0;border-radius:12px;font-family:inherit;font-size:14px;font-weight:600;line-height:1.4;
  text-decoration:none;cursor:pointer;appearance:none
}
.yz-front.page-catalog .yz-dlcard__dl{
  flex:1 1 auto;background:var(--yz-accent);color:#fff;
  box-shadow:0 10px 15px -3px rgba(246,149,69,.25)
}
.yz-front.page-catalog .yz-dlcard__dl:hover{background:#e0863d;color:#fff}
.yz-front.page-catalog .yz-dlcard__preview{background:#fff;color:#1A2330;border:1px solid var(--yz-border)}
.yz-front.page-catalog .yz-dlcard__preview:hover{border-color:var(--yz-accent);color:var(--yz-accent)}
.yz-front.page-catalog .yz-dlcard__bar{
  position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--yz-accent);
  transform:scaleX(0);transform-origin:left;transition:transform .3s;border-radius:0 0 24px 24px
}
.yz-front.page-catalog .yz-dlcard:hover .yz-dlcard__bar{transform:scaleX(1)}

/* 2026-10-22: category list mobile vs live constmach — product cards use 2/1 orange bar like the series cards */
.yz-front.page-category .yz-catalog .yz-product--bar{box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}
.yz-front.page-category .yz-catalog .yz-product--bar:hover{transform:none;box-shadow:var(--yz-shadow-xl)}
.yz-front.page-category .yz-catalog .yz-product--bar .yz-product__media{aspect-ratio:2/1;background:var(--yz-surface)}
.yz-front.page-category .yz-catalog .yz-product--bar .yz-product__media img{object-fit:cover;padding:0}
.yz-front.page-category .yz-catalog .yz-product--bar .yz-cat-card__bar{min-height:0;margin-top:auto}
.yz-front.page-category .yz-catalog .yz-product--bar .yz-cat-card__bar h3{font-size:18px;line-height:24px;font-weight:600;color:#fff;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.yz-front .yz-cat-card__media,
.yz-front.page-category .yz-catalog .yz-product--bar .yz-product__media{position:relative}
.yz-front .yz-cat-card__media img,
.yz-front.page-category .yz-catalog .yz-product--bar .yz-product__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;padding:0}

/* 2026-10-22: product detail mobile vs live constmach */
.yz-front.page-product .yz-crumbs__list{font-size:11px;line-height:1.6}
.yz-front.page-product .yz-crumbs__link{color:#777}
@media (max-width:1023.98px){
  .yz-front .yz-psec--video .yz-psec__title{font-size:30px;line-height:1.25}
}
@media (max-width:767.98px){
  .yz-front .yz-psec.yz-cfaq{padding-block:30px}
}
@media (max-width:639.98px){
  .yz-lb__prev,.yz-lb__next{display:none!important}
}

/* 2026-10-22: about mobile vs live constmach */
.yz-front.page-about .yz-crumbs__list{height:40px;font-size:11px;line-height:1.6}
.yz-front.page-about .yz-crumbs__link{color:#777}
.yz-front.page-about .yz-intro__eyebrow{font-size:17px;letter-spacing:.3em}
.yz-front.page-about .yz-intro__text.yz-prose{color:#333}
@media (max-width:767.98px){
  .yz-front.page-about .yz-intro{padding-block:40px 24px}
  .yz-front.page-about .yz-intro__text,
  .yz-front.page-about .yz-intro__text.yz-prose{font-size:21px;line-height:40px}
}
@media (min-width:768px){
  .yz-front.page-about .yz-crumbs__list{height:60px;font-size:14px}
  .yz-front.page-about .yz-crumbs__link{color:#5C6675}
  .yz-front.page-about .yz-intro__eyebrow{font-size:21px}
}
@media (min-width:1280px){.yz-front.page-about .yz-intro__eyebrow{font-size:23px}}

/* 2026-10-22: contact mobile vs live constmach */
.yz-front.page-contact .yz-crumbs__list{height:40px;font-size:11px;line-height:1.6}
.yz-front.page-contact .yz-crumbs__link{color:#777}
@media (min-width:768px){
  .yz-front.page-contact .yz-crumbs__list{height:60px;font-size:14px}
  .yz-front.page-contact .yz-crumbs__link{color:#5C6675}
}

/* 2026-10-22: news list mobile vs live constmach */
@media (max-width:1023.98px){
  .yz-nhero__viewport{width:100%;max-width:100%;height:340px;min-height:340px;aspect-ratio:auto}
  .yz-nhero__bar{position:relative;left:auto;right:auto;bottom:auto}
  .yz-nhero__thumbs{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:20px 0}
  .yz-nhero__thumb:nth-child(n+3){display:none}
  .yz-nhero__thumb{min-height:105px;padding:0}
  .yz-nhero__copy{padding-top:32px;padding-bottom:32px;justify-content:flex-start}
  .yz-nhero__copy strong{max-width:100%;font-size:24px;line-height:26.4px;color:#fff}
  .yz-nhero__slide:hover .yz-nhero__copy strong{color:#fff}
  .yz-nhero__copy em{max-width:100%;font-size:14px;line-height:22.75px}
  .yz-front.page-news-list .yz-listcount{display:none}
  .yz-front.page-news-list .yz-ncard__foot time{display:none}
  .yz-front.page-news-list .yz-ncard__foot{justify-content:flex-end}
}

/* 2026-10-22: news detail mobile vs live constmach */
@media (max-width:1023.98px){
  .yz-front.page-news-detail .yz-post__answer{display:none}
  .yz-front.page-news-detail .yz-post__updated,
  .yz-front.page-news-detail .yz-post__mins{display:none}
  .yz-front.page-news-detail [data-yz-toc]{display:none!important}
  .yz-front.page-news-detail .yz-post__crumbs span{max-width:100%}
  .yz-front.page-news-detail .yz-post__cta h2{font-size:20px;line-height:25px}
}

/* 2026-10-22: cases/references mobile vs live constmach */
.yz-front.page-cases .yz-crumbs__list,
.yz-front.page-case .yz-crumbs__list{height:40px;font-size:11px;line-height:1.6}
.yz-front.page-cases .yz-crumbs__link,
.yz-front.page-case .yz-crumbs__link{color:#777}
@media (max-width:767.98px){
  .yz-front.page-cases .yz-intro{padding-block:40px 24px}
  .yz-front.page-cases .yz-intro__text,
  .yz-front.page-cases .yz-intro__text.yz-prose{font-size:21px;line-height:40px;color:#333}
  .yz-front.page-cases .yz-caselist .yz-chips{flex-wrap:nowrap}
}
@media (min-width:768px){
  .yz-front.page-cases .yz-crumbs__list,
  .yz-front.page-case .yz-crumbs__list{height:60px;font-size:14px}
  .yz-front.page-cases .yz-crumbs__link,
  .yz-front.page-case .yz-crumbs__link{color:#5C6675}
}

/* 2026-10-22: case detail mobile vs live constmach lightbox (keep own page, no lightbox-only) */
.yz-front.page-case .yz-intro__eyebrow{font-size:17px;letter-spacing:.3em}
.yz-front.page-case .yz-gallery{display:block}
.yz-front.page-case .yz-gallery h2{display:block;width:100%}
.yz-front.page-case .yz-gallery__item{aspect-ratio:4/3}
@media (min-width:768px){.yz-front.page-case .yz-intro__eyebrow{font-size:21px}}
@media (min-width:1280px){.yz-front.page-case .yz-intro__eyebrow{font-size:23px}}

/* 2026-10-22: exhibitions list mobile vs live constmach /exhibitions */
.yz-front.page-fairs .yz-post__crumbs ol{height:40px;align-items:center;gap:0;margin:0 0 40px;font-size:11px;line-height:1.6;color:#777}
.yz-front.page-fairs .yz-post__crumbs a{color:#777}
.yz-front.page-fairs .yz-post__crumbs span{color:#394753;font-weight:600;max-width:none}
.yz-front.page-fairs .yz-post__crumbs li:not(:last-child)::after{content:'/';margin:0 8px;color:#777;font-weight:400}
.yz-front.page-fairs .yz-corphead__kicker{letter-spacing:.3em;font-weight:600}
.yz-front.page-fairs .yz-corphead h1{font-size:22px;line-height:34px;letter-spacing:-.5px;color:#394753}
.yz-front.page-fairs .yz-corphead p:last-child{font-size:15px;line-height:28px;color:#333}
.yz-front.page-fairs .yz-upfair__head{font-weight:600}
.yz-front.page-fairs .yz-fairpage__media,
.yz-front.page-fair .yz-fairpage__media{border-radius:16px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}
.yz-front.page-fairs .yz-fairpage__shade,
.yz-front.page-fair .yz-fairpage__shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.9),rgba(0,0,0,.35) 45%,rgba(0,0,0,0))}
.yz-front.page-fairs .yz-fairpage__year,
.yz-front.page-fair .yz-fairpage__year{background:var(--yz-accent);padding:6px 12px;font-size:11px;letter-spacing:.05em;text-transform:uppercase}
.yz-front.page-fairs .yz-fairpage__flag,
.yz-front.page-fair .yz-fairpage__flag{position:absolute;top:16px;right:16px;display:block;width:40px;height:28px;border-radius:3px;overflow:hidden;box-shadow:0 0 0 2px rgba(255,255,255,.8),0 12px 24px rgba(0,0,0,.25)}
.yz-front.page-fairs .yz-fairpage__flag img,
.yz-front.page-fair .yz-fairpage__flag img{width:100%;height:100%;object-fit:cover}
.yz-front.page-fairs .yz-fairpage__arrow,
.yz-front.page-fair .yz-fairpage__arrow{position:absolute;right:16px;bottom:16px;display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(255,255,255,.2);border-radius:9999px;background:rgba(255,255,255,.1);color:#fff;opacity:0}
.yz-front.page-fairs .yz-fairpage__cap,
.yz-front.page-fair .yz-fairpage__cap{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:4px;padding:16px;color:#fff}
.yz-front.page-fairs .yz-fairpage__cap em,
.yz-front.page-fair .yz-fairpage__cap em{font-style:normal;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.78)}
.yz-front.page-fairs .yz-fairpage__cap strong,
.yz-front.page-fair .yz-fairpage__cap strong{font-size:16px;line-height:1.35;font-weight:700;color:#fff}
.yz-front.page-fairs .yz-fairpage__card:hover .yz-fairpage__arrow,
.yz-front.page-fair .yz-fairpage__card:hover .yz-fairpage__arrow{opacity:1;background:var(--yz-accent);border-color:var(--yz-accent)}
.yz-front.page-fairs .yz-fairpage__card:hover strong,
.yz-front.page-fair .yz-fairpage__card:hover strong{color:#fff}

/* 2026-10-22: exhibition detail mobile vs live constmach /exhibitions/{slug} */
.yz-front.page-fair .yz-post__crumbs ol{align-items:center;gap:0;margin:0 0 24px;font-size:14px;line-height:1.6;color:#777}
.yz-front.page-fair .yz-post__crumbs a{color:#777}
.yz-front.page-fair .yz-post__crumbs span{color:#F69545;font-weight:600;max-width:100%;white-space:normal}
.yz-front.page-fair .yz-post__crumbs li:not(:last-child)::after{content:'/';margin:0 8px;color:#777;font-weight:400}
.yz-front.page-fair .yz-corphead{margin:0 0 24px}
.yz-front.page-fair .yz-corphead h1{font-size:30px;line-height:1.1;letter-spacing:-.6px;color:#1A2330}
.yz-front.page-fair .yz-fairmeta{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 24px;padding:16px 0;border-bottom:1px solid var(--yz-border)}
.yz-front.page-fair .yz-fairmeta div{margin:0;min-width:0}
.yz-front.page-fair .yz-fairmeta dt{margin:0 0 6px;color:var(--yz-muted);font-size:12px;font-weight:600}
.yz-front.page-fair .yz-fairmeta dd{display:flex;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:600;color:var(--yz-heading)}
.yz-front.page-fair .yz-fairmeta img{width:22px;height:16px;object-fit:cover;border-radius:2px;flex:none}
.yz-front.page-fair .yz-fairmeta svg{width:16px;height:16px;flex:none;color:var(--yz-accent)}
.yz-front.page-fair .yz-fairshare{margin:24px 0 0;padding:20px}
.yz-front.page-fair .yz-fairshare h2{margin:0 0 12px;font-size:14px;letter-spacing:.08em;text-transform:uppercase}
.yz-front.page-fair .yz-fairother{padding:40px 0 8px}
.yz-front.page-fair .yz-fairother h2{margin:0 0 24px;font-size:24px;line-height:1.25;font-weight:600}
@media (min-width:768px){
  .yz-front.page-fair .yz-corphead h1{font-size:36px}
}
@media (min-width:768px){
  .yz-front.page-fairs .yz-post__crumbs ol{height:60px;font-size:14px}
  .yz-front.page-fairs .yz-post__crumbs a{color:#5C6675}
  .yz-front.page-fairs .yz-corphead h1{font-size:clamp(32px,4vw,48px);line-height:1.1}
  .yz-front.page-fairs .yz-corphead p:last-child{font-size:16px;line-height:1.6}
}

/* 2026-10-22: certificates mobile vs live constmach /certifications */
.yz-front.page-certs .yz-post__crumbs ol{height:40px;align-items:center;gap:0;margin:0 0 40px;font-size:11px;line-height:1.6;color:#777}
.yz-front.page-certs .yz-post__crumbs a{color:#777}
.yz-front.page-certs .yz-post__crumbs span{color:#394753;font-weight:600;max-width:none}
.yz-front.page-certs .yz-post__crumbs li:not(:last-child)::after{content:'/';margin:0 8px;color:#777;font-weight:400}
.yz-front.page-certs .yz-corphead__kicker{letter-spacing:.3em;font-weight:600}
.yz-front.page-certs .yz-corphead h1{font-size:30px;line-height:1.1;letter-spacing:-.5px;color:#1A2330}
.yz-front.page-certs .yz-corphead p:last-child{font-size:21px;line-height:40px;color:#333}
@media (min-width:768px){
  .yz-front.page-certs .yz-post__crumbs ol{height:60px;font-size:14px}
  .yz-front.page-certs .yz-post__crumbs a{color:#5C6675}
  .yz-front.page-certs .yz-corphead h1{font-size:clamp(32px,4vw,48px)}
}

/* 2026-10-22: dealers mobile vs live constmach /dealers */
.yz-front.page-dealers .yz-crumbs__list{height:40px;font-size:11px;line-height:1.6}
.yz-front.page-dealers .yz-crumbs__link{color:#777}
.yz-front.page-dealers .yz-intro{padding-block:40px 24px}
.yz-front.page-dealers .yz-intro__text{font-size:21px;line-height:40px;color:#333}
.yz-front.page-dealers .yz-intro__title{color:#394753}
@media (min-width:768px){
  .yz-front.page-dealers .yz-crumbs__list{height:60px;font-size:14px}
  .yz-front.page-dealers .yz-crumbs__link{color:#5C6675}
}

/* 2026-10-22: faq mobile vs constmach FAQ accordion (no /faq page; analog = home/product FAQ) */
.yz-front.page-faq .yz-post__crumbs ol{height:40px;align-items:center;gap:0;margin:0 0 24px;font-size:11px;line-height:1.6;color:#777}
.yz-front.page-faq .yz-post__crumbs a{color:#777}
.yz-front.page-faq .yz-post__crumbs span{color:#394753;font-weight:600;max-width:none}
.yz-front.page-faq .yz-post__crumbs li:not(:last-child)::after{content:'/';margin:0 8px;color:#777;font-weight:400}
.yz-front.page-faq .yz-faqpage{padding:30px 0;background:linear-gradient(180deg,#fafbfc,#eef0f5 50%,#f4f6fa)}
.yz-front.page-faq .yz-faqpage__head{align-items:center;gap:12px;margin-bottom:20px}
.yz-front.page-faq .yz-faqpage h1{margin:0;font-size:24px;line-height:1.25;font-weight:600;color:#394753}
.yz-front.page-faq .yz-faqpage__lead{margin:8px 0 0;font-size:15px;line-height:28px;color:#333}
.yz-front.page-faq .yz-faqpage__panel{padding:0;border:0;border-radius:0;background:transparent}
.yz-front.page-faq .yz-faqpage .yz-faq__item{margin:0 0 12px;padding:0 20px;border:1px solid rgba(57,71,83,.08);border-radius:12px;background:rgba(255,255,255,.95)}
.yz-front.page-faq .yz-faqpage .yz-faq__item:last-child{margin-bottom:0;border-bottom:1px solid rgba(57,71,83,.08)}
.yz-front.page-faq .yz-faqpage .yz-faq__q{padding:16px 0;font-size:16px;font-weight:600;line-height:1.45}
@media (min-width:768px){
  .yz-front.page-faq .yz-post__crumbs ol{height:60px;font-size:14px}
  .yz-front.page-faq .yz-post__crumbs a{color:#5C6675}
  .yz-front.page-faq .yz-faqpage{padding:56px 0 80px}
  .yz-front.page-faq .yz-faqpage h1{font-size:30px;line-height:36px}
}

/* 2026-10-22: catalog mobile vs live constmach /catalog */
.yz-front.page-catalog .yz-crumbs__list{height:40px;font-size:11px;line-height:1.6}
.yz-front.page-catalog .yz-crumbs__link{color:#777}
.yz-front.page-catalog .yz-intro__text{font-size:21px;line-height:40px;color:#333}
.yz-front.page-catalog .yz-intro__title{color:#394753}
@media (min-width:768px){
  .yz-front.page-catalog .yz-crumbs__list{height:60px;font-size:14px}
  .yz-front.page-catalog .yz-crumbs__link{color:#5C6675}
}
@media (min-width:1280px){
  .yz-front.page-catalog .yz-intro__text{font-size:23px;line-height:40px}
}

/* 2026-10-22: search mobile vs constmach (no /search page; keep form, drop empty hero) */
.yz-front.page-search .yz-crumbs__list,
.yz-front.page-search .yz-post__crumbs ol{height:40px;align-items:center;gap:0;margin:0 0 24px;font-size:11px;line-height:1.6;color:#777}
.yz-front.page-search .yz-crumbs__link,
.yz-front.page-search .yz-post__crumbs a{color:#777}
.yz-front.page-search .yz-post__crumbs span{color:#394753;font-weight:600;max-width:none}
.yz-front.page-search .yz-post__crumbs li:not(:last-child)::after{content:'/';margin:0 8px;color:#777;font-weight:400}
.yz-front.page-search .yz-intro{padding-block:40px 24px}
.yz-front.page-search .yz-intro__eyebrow{font-size:17px;letter-spacing:.3em}
.yz-front.page-search .yz-intro__title{color:#394753}
.yz-front.page-search .yz-intro__text{font-size:21px;line-height:40px;color:#333}
.yz-front.page-search .yz-searchpage{padding-block:0 40px}
@media (max-width:639px){
  .yz-front.page-search .yz-searchbox{flex-direction:column}
  .yz-front.page-search .yz-searchbox .yz-btn{width:100%}
}
@media (min-width:768px){
  .yz-front.page-search .yz-crumbs__list,
  .yz-front.page-search .yz-post__crumbs ol{height:60px;font-size:14px}
  .yz-front.page-search .yz-crumbs__link,
  .yz-front.page-search .yz-post__crumbs a{color:#5C6675}
  .yz-front.page-search .yz-intro{padding-block:50px 32px}
  .yz-front.page-search .yz-intro__eyebrow{font-size:21px}
}

/* 2026-10-22: 404 mobile vs live constmach Page Not Found */
.yz-front.page-notfound .yz-thanks{padding:30px 0 48px;background:#fff}
.yz-front.page-notfound .yz-404__card{max-width:36rem;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.yz-front.page-notfound .yz-404__card::before{content:none}
.yz-front.page-notfound .yz-404__code{margin-bottom:16px;font-size:14px;font-weight:700;letter-spacing:.3em}
.yz-front.page-notfound .yz-thanks__title{margin-bottom:16px;font-size:30px;line-height:1.1;font-weight:600;color:#1A2330}
.yz-front.page-notfound .yz-thanks__lead{max-width:36rem;margin:0 auto 40px;font-size:16px;line-height:28px;color:#5C6675}
.yz-front.page-notfound .yz-thanks__btn{min-height:48px;padding:12px 24px;font-size:14px;font-weight:700}
.yz-front.page-notfound .yz-thanks__btn--primary{background:var(--yz-accent);color:#fff}
.yz-front.page-notfound .yz-thanks__btn--primary:hover{background:#e0863d;color:#fff}
.yz-front.page-notfound .yz-thanks__btn--dark{background:#1A2330;color:#fff;border:0}
.yz-front.page-notfound .yz-thanks__btn--dark:hover{background:#394753;color:#fff}
@media (max-width:639px){
  .yz-front.page-notfound .yz-thanks__actions{flex-direction:column;align-items:stretch}
  .yz-front.page-notfound .yz-thanks__btn{width:100%;justify-content:center}
}
@media (min-width:768px){
  .yz-front.page-notfound .yz-thanks__title{font-size:40px}
  .yz-front.page-notfound .yz-thanks__lead{font-size:18px;line-height:1.6}
}

/* 2026-10-22: legal pages mobile vs live constmach /privacy-policy */
.yz-front.page-legal .yz-legal__article{padding:48px 16px 48px}
.yz-front.page-legal .yz-legal__body{font-size:17px;line-height:1.76}
.yz-front.page-legal .yz-legal__body > p:first-child{
  font-size:18px;line-height:1.7;color:var(--yz-muted,#5C6675);
  border-left:4px solid var(--yz-accent,#F69545);
  background:linear-gradient(90deg,rgba(246,149,69,.06),transparent);
  padding:12px 16px 12px 20px;border-radius:0 8px 8px 0
}
.yz-front.page-legal .yz-legal__body h2{
  margin:44px 0 16px;font-size:24px;line-height:1.25;font-weight:600;letter-spacing:-.02em
}
@media (min-width:768px){
  .yz-front.page-legal .yz-legal__article{padding:64px 24px 64px}
  .yz-front.page-legal .yz-legal__body h2{font-size:29px}
}

/* 2026-10-22: generic CMS (product-range etc.) Homepage crumb */
.yz-front.page-cms:not(.page-legal):not(.page-about):not(.page-hr) .yz-post__crumbs ol{height:40px;align-items:center;gap:0;margin:0 0 40px;font-size:11px;line-height:1.6;color:#777}
.yz-front.page-cms:not(.page-legal):not(.page-about):not(.page-hr) .yz-post__crumbs a{color:#777}
.yz-front.page-cms:not(.page-legal):not(.page-about):not(.page-hr) .yz-post__crumbs span{color:#394753;font-weight:600;max-width:none}
.yz-front.page-cms:not(.page-legal):not(.page-about):not(.page-hr) .yz-post__crumbs li:not(:last-child)::after{content:'/';margin:0 8px;color:#777;font-weight:400}
.yz-front.page-cms:not(.page-legal):not(.page-about):not(.page-hr) .yz-corphead h1{font-size:30px;line-height:38px;letter-spacing:-.5px;color:#394753}
@media (min-width:768px){
  .yz-front.page-cms:not(.page-legal):not(.page-about):not(.page-hr) .yz-post__crumbs ol{height:60px;font-size:14px}
  .yz-front.page-cms:not(.page-legal):not(.page-about):not(.page-hr) .yz-post__crumbs a{color:#5C6675}
}

/* 2026-10-22: HR Policy mobile vs constmach layout/hr-policy (live /hr-policy 404; analog /corporate/hr-policy) */
.yz-front.page-hr .yz-post__crumbs{padding:8px 0 0;background:#fff;box-shadow:inset 0 -1px rgba(57,70,84,.07)}
.yz-front.page-hr .yz-post__crumbs ol,
.yz-front.page-hr .yz-crumbs__list{height:40px;align-items:center;gap:0;margin:0;font-size:11px;line-height:1.6;color:#777}
.yz-front.page-hr .yz-post__crumbs a,
.yz-front.page-hr .yz-crumbs__link{color:#777}
.yz-front.page-hr .yz-post__crumbs span,
.yz-front.page-hr .yz-crumbs__current{color:#394753;font-weight:600;max-width:none}
.yz-front.page-hr .yz-post__crumbs li:not(:last-child)::after{content:'/';margin:0 8px;color:#777;font-weight:400}
.yz-front.page-hr .yz-intro{padding-block:40px 24px}
.yz-front.page-hr .yz-intro__eyebrow{font-size:17px;letter-spacing:.3em}
.yz-front.page-hr .yz-intro__title{color:#394753}
.yz-front.page-hr .yz-intro__text,
.yz-front.page-hr .yz-intro__text.yz-prose{font-size:21px;line-height:40px;color:#333}
.yz-front.page-hr .yz-hr__jobs{padding:30px 0;background:#F4F6F8}
.yz-front.page-hr .yz-hr__body h2{margin:0 0 16px;text-align:center;font-size:30px;line-height:1.15;font-weight:700;color:#1A2330}
.yz-front.page-hr .yz-hr__body h2 + p{max-width:48rem;margin:0 auto 16px;text-align:center;color:#5C6675}
.yz-front.page-hr .yz-hr__body h2 + p + p{max-width:42rem;margin:24px auto 0;padding:32px 24px;border:1px solid rgba(57,71,83,.12);border-radius:16px;background:#fff;text-align:center}
.yz-front.page-hr .yz-post__cta{margin:0 0 48px}
@media (max-width:639px){
  .yz-front.page-hr .yz-post__cta-actions{flex-direction:column;align-items:stretch}
  .yz-front.page-hr .yz-post__cta-actions .yz-btn{width:100%;justify-content:center}
}
@media (min-width:768px){
  .yz-front.page-hr .yz-post__crumbs ol,
  .yz-front.page-hr .yz-crumbs__list{height:60px;font-size:14px}
  .yz-front.page-hr .yz-post__crumbs a,
  .yz-front.page-hr .yz-crumbs__link{color:#5C6675}
  .yz-front.page-hr .yz-intro__eyebrow{font-size:21px}
  .yz-front.page-hr .yz-hr__body h2{font-size:36px}
}
@media (min-width:1280px){
  .yz-front.page-hr .yz-intro__eyebrow{font-size:23px}
  .yz-front.page-hr .yz-intro__text,
  .yz-front.page-hr .yz-intro__text.yz-prose{font-size:23px;line-height:40px}
}

/* 2026-10-22: videos list mobile vs constmach (no /videos page; analog = product 16:9 video) */
.yz-front.page-videos .yz-crumbs__list,
.yz-front.page-videos .yz-post__crumbs ol{height:40px;align-items:center;gap:0;margin:0 0 24px;font-size:11px;line-height:1.6;color:#777}
.yz-front.page-videos .yz-crumbs__link,
.yz-front.page-videos .yz-post__crumbs a{color:#777}
.yz-front.page-videos .yz-post__crumbs span,
.yz-front.page-videos .yz-crumbs__current{color:#394753;font-weight:600;max-width:none}
.yz-front.page-videos .yz-post__crumbs li:not(:last-child)::after{content:'/';margin:0 8px;color:#777;font-weight:400}
.yz-front.page-videos .yz-intro{padding-block:40px 24px}
.yz-front.page-videos .yz-intro__eyebrow{font-size:17px;letter-spacing:.3em}
.yz-front.page-videos .yz-intro__title{color:#394753}
.yz-front.page-videos .yz-intro__text{font-size:21px;line-height:40px;color:#333}
.yz-front.page-videos .yz-videos{padding:0 0 48px}
@media (max-width:639px){
  .yz-front.page-videos .yz-cards--video{grid-template-columns:minmax(0,1fr)}
  .yz-front.page-videos .yz-vcard__play{width:48px;height:48px;margin:-24px 0 0 -24px}
}
@media (min-width:768px){
  .yz-front.page-videos .yz-crumbs__list,
  .yz-front.page-videos .yz-post__crumbs ol{height:60px;font-size:14px}
  .yz-front.page-videos .yz-crumbs__link,
  .yz-front.page-videos .yz-post__crumbs a{color:#5C6675}
  .yz-front.page-videos .yz-intro__eyebrow{font-size:21px}
}
@media (min-width:1280px){
  .yz-front.page-videos .yz-intro__eyebrow{font-size:23px}
}

/* 2026-10-22: video detail mobile vs product-page 16:9 video (no constmach /video page) */
.yz-front.page-video .yz-crumbs__list,
.yz-front.page-video .yz-post__crumbs ol{height:40px;align-items:center;gap:0;margin:0 0 24px;font-size:11px;line-height:1.6;color:#777}
.yz-front.page-video .yz-crumbs__link,
.yz-front.page-video .yz-post__crumbs a{color:#777}
.yz-front.page-video .yz-post__crumbs span,
.yz-front.page-video .yz-crumbs__current{color:#F69545;font-weight:600;max-width:100%;white-space:normal}
.yz-front.page-video .yz-post__crumbs li:not(:last-child)::after{content:'/';margin:0 8px;color:#777;font-weight:400}
.yz-front.page-video .yz-intro{padding-block:40px 24px}
.yz-front.page-video .yz-intro__eyebrow{font-size:17px;letter-spacing:.3em}
.yz-front.page-video .yz-intro__title{font-size:30px;line-height:1.1;letter-spacing:-.6px;color:#1A2330}
.yz-front.page-video .yz-article{padding:0 0 48px}
.yz-front.page-video .yz-player{margin:0 0 24px;background:transparent}
.yz-front.page-video .yz-pvideo__box{max-width:none}
.yz-front.page-video .yz-back{margin:0}
@media (max-width:639px){
  .yz-front.page-video .yz-pvideo__play{width:48px;height:48px;margin:-24px 0 0 -24px}
}
@media (min-width:768px){
  .yz-front.page-video .yz-crumbs__list,
  .yz-front.page-video .yz-post__crumbs ol{height:60px;font-size:14px}
  .yz-front.page-video .yz-crumbs__link,
  .yz-front.page-video .yz-post__crumbs a{color:#5C6675}
  .yz-front.page-video .yz-intro__eyebrow{font-size:21px}
  .yz-front.page-video .yz-intro__title{font-size:36px}
}

/* 2026-10-22: thanks mobile vs constmach (no /thank-you; analog = 404 open layout) */
.yz-front.page-thanks .yz-thanks{padding:30px 0 48px;background:#fff}
.yz-front.page-thanks .yz-post__crumbs ol{height:40px;align-items:center;gap:0;margin:0 auto 24px;max-width:36rem;font-size:11px;line-height:1.6;color:#777}
.yz-front.page-thanks .yz-post__crumbs a{color:#777}
.yz-front.page-thanks .yz-post__crumbs span{color:#394753;font-weight:600;max-width:none}
.yz-front.page-thanks .yz-post__crumbs li:not(:last-child)::after{content:'/';margin:0 8px;color:#777;font-weight:400}
.yz-front.page-thanks .yz-thanks__card{max-width:36rem;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.yz-front.page-thanks .yz-thanks__card::before{content:none}
.yz-front.page-thanks .yz-thanks__title{margin-bottom:16px;font-size:30px;line-height:1.1;font-weight:600;color:#1A2330}
.yz-front.page-thanks .yz-thanks__lead{max-width:36rem;margin:0 auto 28px;font-size:16px;line-height:28px;color:#5C6675}
.yz-front.page-thanks .yz-thanks__btn{min-height:48px;padding:12px 24px;font-size:14px;font-weight:700}
.yz-front.page-thanks .yz-thanks__btn--primary{background:var(--yz-accent);color:#fff}
.yz-front.page-thanks .yz-thanks__btn--wa{background:#075E54;color:#fff}
.yz-front.page-thanks .yz-thanks__btn--wa:hover{background:#054D45;color:#fff}
@media (max-width:639px){
  .yz-front.page-thanks .yz-thanks__actions{flex-direction:column;align-items:stretch}
  .yz-front.page-thanks .yz-thanks__btn{width:100%;justify-content:center}
}
@media (min-width:768px){
  .yz-front.page-thanks .yz-post__crumbs ol{height:60px;font-size:14px}
  .yz-front.page-thanks .yz-post__crumbs a{color:#5C6675}
  .yz-front.page-thanks .yz-thanks__title{font-size:40px}
  .yz-front.page-thanks .yz-thanks__lead{font-size:18px;line-height:1.6}
}

/* 2026-10-22: sitemap / spare / fault remaining mobile pass */
.yz-front.page-sitemap .yz-intro{padding:21px 0 40px}
.yz-front.page-sitemap .yz-intro__eyebrow{font-size:17px;letter-spacing:.3em}
.yz-front.page-sitemap .yz-intro__title{font-size:30px;line-height:1.15;font-weight:600;color:#1A2330}
.yz-front.page-sitemap .yz-crumbs__list,
.yz-front.page-sitemap .yz-post__crumbs ol{height:40px;align-items:center;gap:0;margin:0 0 24px;font-size:11px;line-height:1.6;color:#777}
.yz-front.page-sitemap .yz-crumbs__link,
.yz-front.page-sitemap .yz-post__crumbs a{color:#777}
.yz-front.page-sitemap .yz-post__crumbs span,
.yz-front.page-sitemap .yz-crumbs__current{color:#394753;font-weight:600;max-width:none}
.yz-front.page-sitemap .yz-post__crumbs li:not(:last-child)::after{content:'/';margin:0 8px;color:#777;font-weight:400}
.yz-front.page-sitemap .yz-sitemap{padding:0 0 48px}
.yz-front.page-sitemap .yz-sitemap__group{padding:20px;border-radius:12px}

.yz-front.page-spare-parts .yz-intro,
.yz-front.page-spare-part .yz-intro,
.yz-front.page-fault-kb .yz-intro,
.yz-front.page-fault-kb-list .yz-intro,
.yz-front.page-fault-kb-entry .yz-intro{padding:21px 0 40px}
.yz-front.page-spare-parts .yz-crumbs__list,
.yz-front.page-spare-part .yz-crumbs__list,
.yz-front.page-fault-kb .yz-crumbs__list,
.yz-front.page-fault-kb-list .yz-crumbs__list,
.yz-front.page-fault-kb-entry .yz-crumbs__list{height:40px;font-size:11px;line-height:1.6}
.yz-front.page-spare-parts .yz-crumbs__link,
.yz-front.page-spare-part .yz-crumbs__link,
.yz-front.page-fault-kb .yz-crumbs__link,
.yz-front.page-fault-kb-list .yz-crumbs__link,
.yz-front.page-fault-kb-entry .yz-crumbs__link{color:#777}
.yz-front.page-spare-parts .yz-intro__text,
.yz-front.page-spare-part .yz-intro__text,
.yz-front.page-fault-kb .yz-intro__text,
.yz-front.page-fault-kb-list .yz-intro__text,
.yz-front.page-fault-kb-entry .yz-intro__text{font-size:21px;line-height:40px;color:#333}
.yz-front.page-spare-parts .yz-intro__title,
.yz-front.page-spare-part .yz-intro__title,
.yz-front.page-fault-kb .yz-intro__title,
.yz-front.page-fault-kb-list .yz-intro__title,
.yz-front.page-fault-kb-entry .yz-intro__title{font-size:30px;line-height:1.15;font-weight:600;color:#394753}
.yz-front.page-spare-part .yz-crumbs__current,
.yz-front.page-fault-kb-entry .yz-crumbs__current{color:#F69545;font-weight:600;max-width:100%;white-space:normal}
@media (max-width:639px){
  .yz-front.page-spare-parts .yz-chips{flex-wrap:nowrap}
}

@media (min-width:768px){
  .yz-front.page-sitemap .yz-crumbs__list,
  .yz-front.page-sitemap .yz-post__crumbs ol,
  .yz-front.page-spare-parts .yz-crumbs__list,
  .yz-front.page-spare-part .yz-crumbs__list,
  .yz-front.page-fault-kb .yz-crumbs__list,
  .yz-front.page-fault-kb-list .yz-crumbs__list,
  .yz-front.page-fault-kb-entry .yz-crumbs__list{height:60px;font-size:14px}
  .yz-front.page-sitemap .yz-crumbs__link,
  .yz-front.page-sitemap .yz-post__crumbs a,
  .yz-front.page-spare-parts .yz-crumbs__link,
  .yz-front.page-spare-part .yz-crumbs__link,
  .yz-front.page-fault-kb .yz-crumbs__link,
  .yz-front.page-fault-kb-list .yz-crumbs__link,
  .yz-front.page-fault-kb-entry .yz-crumbs__link{color:#5C6675}
  .yz-front.page-sitemap .yz-intro__eyebrow,
  .yz-front.page-spare-parts .yz-intro__eyebrow,
  .yz-front.page-spare-part .yz-intro__eyebrow,
  .yz-front.page-fault-kb .yz-intro__eyebrow,
  .yz-front.page-fault-kb-list .yz-intro__eyebrow,
  .yz-front.page-fault-kb-entry .yz-intro__eyebrow{font-size:21px}
  .yz-front.page-sitemap .yz-intro__title,
  .yz-front.page-spare-parts .yz-intro__title,
  .yz-front.page-spare-part .yz-intro__title,
  .yz-front.page-fault-kb .yz-intro__title,
  .yz-front.page-fault-kb-list .yz-intro__title,
  .yz-front.page-fault-kb-entry .yz-intro__title{font-size:36px}
}
@media (min-width:1280px){
  .yz-front.page-sitemap .yz-intro__eyebrow,
  .yz-front.page-spare-parts .yz-intro__eyebrow,
  .yz-front.page-spare-part .yz-intro__eyebrow,
  .yz-front.page-fault-kb .yz-intro__eyebrow,
  .yz-front.page-fault-kb-list .yz-intro__eyebrow,
  .yz-front.page-fault-kb-entry .yz-intro__eyebrow{font-size:23px}
}
/* 案例详情关联设备：图+完整换行标题，不截成一行 */
.yz-front.page-case .yz-equip__grid{display:grid;gap:12px}
@media (min-width:640px){.yz-front.page-case .yz-equip__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.yz-front.page-case .yz-equip__item{display:grid;grid-template-columns:88px minmax(0,1fr);gap:12px;align-items:center;min-width:0;padding:10px;border:1px solid var(--yz-border);border-radius:12px;background:#fff;color:var(--yz-heading);text-decoration:none}
.yz-front.page-case .yz-equip__item:hover{color:var(--yz-accent-strong)}
.yz-front.page-case .yz-equip__media{display:grid;place-items:center;width:88px;height:72px;border-radius:8px;overflow:hidden;background:var(--yz-surface);color:var(--yz-muted)}
.yz-front.page-case .yz-equip__media img{width:100%;height:100%;object-fit:contain}
.yz-front.page-case .yz-equip__body{min-width:0}
.yz-front.page-case .yz-equip__body strong{display:block;font-size:15px;line-height:1.4;font-weight:700;overflow-wrap:anywhere}
.yz-front.page-case .yz-equip__body em{display:block;margin-top:4px;font-style:normal;font-size:13px;font-weight:600;color:var(--yz-muted);white-space:nowrap}
/* 案例详情 More projects：标题完整换行；国家已在标题里就不再跟一遍 */
.yz-front.page-case .yz-sidelist a{display:block;min-width:0}
.yz-front.page-case .yz-sidelist strong{display:block;font-weight:700;line-height:1.4;overflow-wrap:anywhere}
.yz-front.page-case .yz-sidelist em{display:block;margin-top:2px}
/* 案例详情短页：给订阅条 -40px 重叠留出底边，最后一块不被波浪咬住 */
.yz-front.page-case .yz-article{padding-bottom:72px}
@media (min-width:768px){.yz-front.page-case .yz-article{padding-bottom:96px}}

/* a11y: skip link — off-screen until keyboard focus; no layout impact when unused */
.yz-skip{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;z-index:10000}
.yz-skip:focus,.yz-skip:focus-visible{left:16px;top:16px;width:auto;height:auto;overflow:visible;clip:auto;padding:12px 20px;border-radius:8px;background:var(--yz-accent-strong);color:var(--yz-on-brand);font-weight:600;text-decoration:none;outline:3px solid color-mix(in srgb,var(--yz-accent) 40%,transparent);outline-offset:2px}

/* Visual only: the page-hero photo sits under the transparent header and a shade.
   Let clicks on the photo reach the image so the banner can be edited. Links stay clickable. */
.yuzhixin-visual-preview.yz-has-pagehero .yz-pagehero__shade{pointer-events:none}
.yuzhixin-visual-preview.yz-has-pagehero .yz-header{pointer-events:none}
.yuzhixin-visual-preview.yz-has-pagehero .yz-header :is(a,button,summary,input,select,textarea,label){pointer-events:auto}

/* 正文表格按列排开。客户只填格子，列距由这里留，不用空单元格。 */
.yz-front .yz-prose table{display:table;width:100%;max-width:100%;border-collapse:collapse;table-layout:fixed;margin:8px 0 22px;font-size:15px}
.yz-front .yz-prose table :is(thead,tbody,tfoot),
.yz-front .yz-prose table tr{display:table-row-group}
.yz-front .yz-prose table tr{display:table-row}
.yz-front .yz-prose table :is(th,td){display:table-cell;width:auto;padding:12px 18px;border:1px solid var(--yz-line);background:#fff;vertical-align:top;overflow-wrap:anywhere}
.yz-front .yz-prose table th{background:#F4F6F8;font-weight:700;color:var(--yz-heading)}
.yz-front .yz-prose table tr:nth-child(even) td{background:#F7F8FA}

/* lang switcher flags: img svg files */
.yz-lang__flag{object-fit:cover}

/* ===== 2026-10-25 报价入口优化（yuzhixin） ===== */
/* 页头：Request a Quote 常驻，与电话并排；<640px 电话收成圆形图标、按钮换短文案，整行不换行不挤压 */
.yz-header__tools{flex-wrap:nowrap;min-width:0}
.yz-header__phone{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:none}
.yz-header__phone-ico{flex:none;display:none}
.yz-header__quote{flex:none;white-space:nowrap;padding:8px 14px;line-height:1.2}
.yz-header__quote-short{display:none}
@media (max-width:639.98px){
  .yz-header__phone{width:36px;height:36px;border-radius:9999px;border:1px solid rgba(255,255,255,.35)}
  .yz-header__phone-ico{display:block}
  .yz-header__phone-num{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  .yz-header__quote{padding:8px 12px;font-size:12px}
  .yz-header__quote-full{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  .yz-header__quote-short{display:inline}
  .yz-header__bar{gap:10px}
  .yz-brand{flex:1 1 auto}
  .yz-brand__logo{max-width:100%}
}
@media (min-width:1024px) and (max-width:1279.98px){
  .yz-header__quote{padding:8px 12px}
}
.yz-drawer__foot .yz-btn--accent{background:var(--yz-accent);color:var(--yz-accent-ink)}

/* 报价表单：区号 + 电话一格；隐私勾选 */
.yz-tel{display:flex;gap:8px;align-items:stretch;min-width:0}
.yz-tel__code{flex:0 0 auto;width:104px;max-width:40%;font:inherit;font-size:14px;color:var(--yz-text);background:#fff;border:1px solid color-mix(in srgb,var(--yz-text) 10%,transparent);border-radius:12px;padding:0 8px;outline:none;text-overflow:ellipsis}
.yz-tel__code:focus{border-color:var(--yz-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--yz-accent) 20%,transparent)}
.yz-tel.is-loading .yz-tel__code{opacity:.7}
.yz-tel .yz-tel__num{flex:1 1 auto;min-width:0}
.yz-consent{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.5;color:var(--yz-text)}
/* 高于 .yz-field input(width:100%;padding) 的优先级，否则勾选框占满整行、文字被挤成竖条 */
.yz-field.yz-consent input.yz-consent__box{flex:none;width:18px;height:18px;min-width:18px;margin:2px 0 0;padding:0;border:0;border-radius:4px;background:none;box-shadow:none;accent-color:var(--yz-accent-strong,var(--yz-accent));cursor:pointer}
.yz-field.yz-consent input.yz-consent__box.is-invalid{outline:2px solid var(--yz-error);outline-offset:2px}
.yz-consent__text{cursor:pointer}
.yz-consent__text a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.yz-consent__text a:hover{color:var(--yz-accent)}

/* 独立报价页 quote.html */
.yz-qpage{padding:40px 0 24px}
@media (min-width:768px){.yz-qpage{padding:56px 0 32px}}
.yz-qpage__head{max-width:860px;text-align:center}
.yz-qpage__title{margin-bottom:12px}
.yz-qpage__lead{margin:0 auto 20px;max-width:680px;font-size:16px;line-height:1.6;color:var(--yz-text)}
.yz-qpage__points{list-style:none;margin:0;padding:0;display:grid;gap:10px;text-align:start}
@media (min-width:768px){.yz-qpage__points{grid-template-columns:repeat(3,1fr);gap:16px}}
.yz-qpage__points li{position:relative;padding:12px 14px 12px 38px;border-radius:12px;background:var(--yz-surface,#f6f7fa);font-size:14px;line-height:1.45}
.yz-qpage__points li::before{content:"";position:absolute;left:14px;top:16px;width:12px;height:12px;border-radius:9999px;background:var(--yz-accent)}

/* 统一报价 CTA 条（_quote_cta.php） */
/* 下方 .yz-news-cta 有 margin-top:-40px + 顶部白色波浪（44px），会叠在本条底部：条本身透明、底部留 72px 白底让波浪落在白底上，深色只在内层卡片 */
.yz-qcta{position:relative;padding:8px 0 72px;background:transparent}
@media (min-width:768px){.yz-qcta{padding:16px 0 80px}}
.yz-qcta__inner{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;padding:24px 28px;border-radius:16px;background:var(--yz-heading);color:#fff;box-shadow:var(--yz-shadow)}
@media (min-width:768px){.yz-qcta__inner{padding:28px 40px}}
.yz-qcta__text{margin:0;font-size:17px;line-height:1.5;font-weight:600;flex:1 1 320px}
.yz-qcta .yz-btn--accent{color:var(--yz-accent-ink);background:var(--yz-accent)}

/* ===== 2026-10-26 fix1 (指定站 yuzhixin): hero buttons, category tags, featured case, solution pages, contact dial ===== */
.yz-hero__btns{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px}
.yz-hero__btns .yz-btn{min-width:150px;justify-content:center}
.yz-hero__call{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.8)}
.yz-hero__call:hover,.yz-hero__call:focus-visible{background:rgba(255,255,255,.14);color:#fff}
.yz-cat-card{position:relative}
.yz-cat-card__tag{position:absolute;top:14px;left:14px;z-index:2;max-width:calc(100% - 28px);padding:4px 10px;border-radius:999px;background:rgba(17,24,39,.8);color:#fff;font-size:12px;font-weight:700;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.yz-cat-card__text{min-width:0}
.yz-cat-card__line{margin:4px 0 0;font-size:13px;font-weight:400;line-height:18px;color:rgba(255,255,255,.9)}
.yz-anchor{display:block;height:0;overflow:hidden}
.yz-casefeat{padding:48px 0 8px}
.yz-casefeat__grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:32px;align-items:center;padding:28px;border-radius:var(--yz-radius);background:#f5f6f8}
.yz-casefeat__grid.is-noimg{grid-template-columns:minmax(0,1fr)}
.yz-casefeat__media{display:block;border-radius:var(--yz-radius);overflow:hidden;aspect-ratio:16/10;background:#e5e7eb}
.yz-casefeat__media img{width:100%;height:100%;object-fit:cover}
.yz-casefeat__body .yz-h2{margin:6px 0 12px}
.yz-casefeat__meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 12px;font-weight:700}
.yz-casefeat__meta img{border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.08)}
.yz-casefeat__line{padding:2px 10px;border-radius:999px;background:#fff;font-size:12px;font-weight:600}
.yz-casefeat__text{margin:0 0 20px;line-height:1.7;color:#4b5563}
.yz-caselist__title{margin-bottom:20px}
.yz-ref__more{position:absolute;right:16px;top:-6px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--yz-accent);opacity:0;transition:opacity .2s}
.yz-ref:hover .yz-ref__more,.yz-ref:focus-visible .yz-ref__more{opacity:1}
.yz-sol__intro{padding:48px 0 16px}
.yz-sol__intro .yz-h2,.yz-sol__intro h1{margin:6px 0 14px}
.yz-sol__desc{max-width:880px;font-size:17px;line-height:1.75;color:#374151}
.yz-sol__products{padding:24px 0 32px}
.yz-sol__products .yz-h2{margin-bottom:20px}
.yz-sol__more{padding:8px 0 48px}
.yz-sol__more h2{margin-bottom:14px}
.yz-sol__chips{display:flex;flex-wrap:wrap;gap:10px}
.yz-sol__chip{display:inline-block;padding:8px 16px;border:1px solid #d1d5db;border-radius:999px;font-size:14px;font-weight:600;color:inherit;text-decoration:none}
.yz-sol__chip:hover,.yz-sol__chip:focus-visible{border-color:var(--yz-accent);color:var(--yz-accent)}
.contact-field .yz-tel{display:flex;gap:8px}
.contact-field .yz-tel__code{flex:0 0 112px;min-width:0}
.contact-field .yz-tel__num{flex:1 1 auto;min-width:0}
.contact-field .yz-tel.is-manual .yz-tel__num{flex-basis:100%}
@media (max-width:900px){.yz-casefeat__grid{grid-template-columns:minmax(0,1fr);padding:20px}}
/* ===== 2026-10-26 fix2 (指定站 yuzhixin) ===== */
/* #14 featured case: also in #caseGrid, visible only while a filter other than "All" is active */
@supports selector(:has(a)){.yz-caselist:not(:has(.yz-filters [data-filter].is-active:not([data-value=""]))) #caseGrid>[data-yz-featured]{display:none}}
/* #15 capacity chips */
.yz-chips--capacity{align-items:center;margin-top:12px}
.yz-chips__label{font-weight:600;color:var(--yz-heading);margin-right:4px}
/* #19 named Call / WhatsApp block */
.yz-named{padding:40px 0;background:var(--yz-surface)}
.yz-named__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px}
.yz-named__title{margin:0;font-family:var(--yz-font-heading);font-size:1.6rem;color:var(--yz-heading)}
.yz-named__actions{display:flex;flex-wrap:wrap;gap:14px}
.yz-named__btn{display:inline-flex;align-items:center;gap:12px;padding:14px 22px;border-radius:var(--yz-radius);color:var(--yz-on-brand);text-decoration:none;min-height:56px;transition:background .2s}
.yz-named__btn--call{background:var(--yz-primary)}
.yz-named__btn--call:hover,.yz-named__btn--call:focus-visible{background:var(--yz-primary-dark)}
.yz-named__btn--wa{background:var(--yz-wa)}
.yz-named__btn--wa:hover,.yz-named__btn--wa:focus-visible{background:var(--yz-wa-hover)}
.yz-named__txt{display:flex;flex-direction:column;line-height:1.25}
.yz-named__txt strong{text-transform:uppercase;letter-spacing:.02em;font-size:.95rem}
.yz-named__txt span{font-size:.9rem;opacity:.9}
/* #7 home spare-part category grid */
.yz-hparts{padding:64px 0}
.yz-hparts__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:24px}
.yz-hparts__all{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--yz-primary);text-decoration:none}
.yz-hparts__all svg{width:18px;height:18px}
.yz-hparts__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.yz-hparts__card{display:flex;flex-direction:column;height:100%;border:1px solid var(--yz-border);border-radius:var(--yz-radius);overflow:hidden;background:var(--yz-bg);color:var(--yz-heading);text-decoration:none;transition:box-shadow .2s,transform .2s}
.yz-hparts__card:hover,.yz-hparts__card:focus-visible{box-shadow:0 10px 28px rgba(26,35,48,.12);transform:translateY(-2px)}
.yz-hparts__media{display:block;aspect-ratio:4/3;background:var(--yz-surface)}
.yz-hparts__media img{width:100%;height:100%;object-fit:cover;display:block}
.yz-hparts__body{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;font-family:var(--yz-font-heading);font-size:1.1rem}
.yz-hparts__go{color:var(--yz-accent-strong)}
.yz-hparts__go svg{width:20px;height:20px}
/* 2026-10-26 logobg：页头 logo 加白色底块（客户 logo 为蓝色透明底，叠在深色 hero 上对比度约 1.7:1）。
   本文件只由 yuzhixin 前台模板加载；只作用于 .yz-header 内的 logo，页脚 .yz-footer__brandcap-logo 不受影响。
   底块高度控制在原页头最高元素以内（桌面/平板品牌区 44px、手机工具区 36px），页头高度不变。 */
.yz-header .yz-brand__logo{box-sizing:content-box;background:#fff;padding:6px 12px;border-radius:8px;box-shadow:0 2px 8px rgba(10,20,40,.18)}
@media (max-width:1023.98px){.yz-header .yz-brand__logo{padding:5px 8px}}
@media (max-width:639.98px){.yz-header .yz-brand__logo{padding:3px 8px;border-radius:6px}}
/* 2026-10-26 headerfix：页头横向溢出修复（接上面 logobg 段，白色底块保留）。
   根因①（640–1023 平板）：页头工具区把桌面整套都显示出来（电话号码 146px + Request a Quote 128px + 电话/WhatsApp 圆钮 80px + 语言 94px + 菜单按钮 30px + 4 个 12px 间距），
     再加品牌区（logo 154px + 竖线 + 标语，约 295–316px）、16px 间距和左右 24px 内边距，768 宽需要约 885px，子项都是 flex:none 不收缩，语言和菜单按钮被挤出屏幕。
     处理：平板隐藏电话号码文字（右侧圆形电话钮是同一个 tel: 号码），640–767 再收起竖线和标语。
   根因②（≥1024 桌面）：About Us 下拉（.yz-subpanel--img，540px）left:0 挂在靠右的导航项上，隐藏状态（visibility:hidden）仍撑出横向滚动；靠右两项的下拉改为右对齐。
   根因③（1024–1279）：8 个导航项（每项左右 12px 内边距、字距 .7px、间距 8px）合计约 1070px，超出 945px 可用宽度；该区间收紧内边距/字距/间距。 */
@media (min-width:640px) and (max-width:1023.98px){.yz-header .yz-header__phone{display:none}}
@media (min-width:640px) and (max-width:767.98px){.yz-header .yz-brand__rule,.yz-header .yz-brand__tagline{display:none}}
@media (min-width:1024px){.yz-header .yz-drawer__links > .yz-nav__item:nth-last-child(-n+2) > .yz-subpanel{left:auto;right:0}}
@media (min-width:1024px) and (max-width:1279.98px){
  .yz-header .yz-drawer__links{gap:4px}
  .yz-header .yz-nav__link{padding-left:6px;padding-right:6px;letter-spacing:.4px}
  .yz-front .yz-header .yz-nav__link.is-current::before,.yz-front .yz-header .yz-nav__link[aria-current="page"]::before{left:6px;right:6px}
}

/* [tagline 2026-10-27] full brand tagline: no ellipsis/line-clamp; wrap allowed; 640-767 stay hidden */
@media (min-width:768px){
  .yz-header .yz-brand__tagline{
    display:block;
    max-width:min(28em,34vw);
    font-size:12px;
    line-height:16px;
    letter-spacing:1.2px;
    white-space:normal;
    overflow:visible;
    text-overflow:clip;
    -webkit-line-clamp:unset;
    -webkit-box-orient:initial;
    display:block;
  }
}
@media (min-width:640px) and (max-width:767.98px){
  .yz-header .yz-brand__rule,
  .yz-header .yz-brand__tagline{display:none !important}
}
@media (min-width:1280px){
  .yz-header .yz-brand__tagline{max-width:min(32em,38vw);font-size:13px;line-height:17px}
}

/* [404logo 2026-10-27] replace XLR+magnifier art with yuzhixin logo */
.yz-front.page-notfound .yz-404__art{
  width:min(280px,70%);
  height:auto;
  max-height:120px;
  object-fit:contain;
  margin:0 auto 8px;
  display:block;
}
/* [navfix 2026-10-27] stop 768/1024 page h-scroll: tagline-on + tools squeezed toggle past viewport.
   Root: at 768 brand≈385 (tagline 2-line) + tools content≈369 + toggle 30 > 768; toggle right=793.
   At 1024 tools scrollWidth 492 > slot 455 (≈5px doc overflow). News carousel cards are NOT the page scroll.
   Keep: 640–767 tagline hidden; ≥768 full tagline no ellipsis; 768–1023 allow 2-line + slightly smaller type.
   Desktop ≥1024 keeps drawer burger hidden (desktop nav row); tighten brand/tools so bar fits. */
@media (min-width:768px) and (max-width:1023.98px){
  .yz-header .yz-header__bar{gap:10px; min-width:0}
  .yz-header .yz-brand{flex:1 1 auto; min-width:0; max-width:min(360px,48%)}
  .yz-header .yz-brand__rule{margin-inline:10px 8px; height:32px}
  .yz-header .yz-brand__tagline{
    display:block;
    max-width:min(16em,42vw);
    font-size:11px;
    line-height:14px;
    letter-spacing:1px;
    white-space:normal;
    overflow:visible;
    text-overflow:clip;
    -webkit-line-clamp:unset;
    -webkit-box-orient:initial;
  }
  .yz-header .yz-header__tools{flex:0 1 auto; min-width:0; gap:8px}
  .yz-header .yz-header__contacts{gap:6px}
  .yz-header .yz-header__quote{padding:8px 10px; font-size:12px}
  .yz-header .yz-lang summary{padding:6px 8px; gap:6px}
  .yz-header .yz-burger,
  .yz-header #navToggle{flex:none; margin-right:0}
}
@media (min-width:1024px) and (max-width:1279.98px){
  .yz-header .yz-brand{max-width:min(420px,46%)}
  .yz-header .yz-brand__tagline{
    max-width:min(18em,28vw);
    font-size:11px;
    line-height:15px;
    letter-spacing:1px;
  }
  .yz-header .yz-header__tools{gap:10px}
  .yz-header .yz-header__quote{padding:8px 12px}
}