/*
Theme Name: GeneratePress
Theme URI: https://generatepress.com
Author: Tom Usborne
Author URI: https://generatepress.com/about
Description: GeneratePress is a lightweight WordPress theme built with a focus on speed and usability. Performance is important to us, which is why a fresh GeneratePress install adds less than 10kb (gzipped) to your page size. We take full advantage of the block editor (Gutenberg), which gives you more control over creating your content. If you use page builders, GeneratePress is the right theme for you. It is completely compatible with all major page builders, including Beaver Builder and Elementor. Thanks to our emphasis on WordPress coding standards, we can boast full compatibility with all well-coded plugins, including WooCommerce. GeneratePress is fully responsive, uses valid HTML/CSS, and is translated into over 25 languages by our amazing community of users. A few of our many features include 60+ color controls, powerful dynamic typography, 5 navigation locations, 5 sidebar layouts, dropdown menus (click or hover), and 9 widget areas. Learn more and check out our powerful premium version at https://generatepress.com
Version: 3.6.1
Requires at least: 6.5
Tested up to: 6.9
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: generatepress
Tags: two-columns, three-columns, one-column, right-sidebar, left-sidebar, footer-widgets, blog, e-commerce, flexible-header, full-width-template, buddypress, custom-header, custom-background, custom-menu, custom-colors, sticky-post, threaded-comments, translation-ready, rtl-language-support, featured-images, theme-options

GeneratePress, Copyright 2014-2025 EDGE22 Studios LTD.
GeneratePress is distributed under the terms of the GNU GPL

GeneratePress is based on Underscores http://underscores.me/, (C) 2012-2025 Automattic, Inc.

Actual CSS can be found in /assets/css/ folder.
*/

/* ===== ZKZ Jewelry design system (925 silver line) ===== */
/* Finetex Global - WECENT design system imported */
/* ==========================================================================
   WECENT design system — WordPress build (auto-generated)
   Source: outputs/wecent-site/assets/site.css
   Built by: work/build-wp-theme.js
   Includes the page shell (top bar, header, nav, footer, floating WhatsApp)
   because the child theme ships its own header.php / footer.php.
   ========================================================================== */

/* ==========================================================================
   WECENT — Homepage v1
   Section rhythm adapted from the reference template (kdmsteel.com):
   topbar > header > hero > trust strip > intro > why-choose > featured products
   > custom design > quote steps > quality > applications > project process
   > certification strip > final CTA > footer
   ========================================================================== */

:root{
  --ink:#15130f;
  --ink-2:#2a2621;
  --body:#4a4640;
  --muted:#8a8378;
  --blue:#b8956a;
  --blue-dark:#9a7b52;
  --blue-soft:#faf5ee;
  --orange:#1d1a16;
  --line:#e8e2d8;
  --soft:#faf8f5;
  --white:#ffffff;
  --radius:14px;
  --radius-lg:22px;
  --shadow-sm:0 2px 8px rgba(11,27,43,.05);
  --shadow:0 18px 40px -18px rgba(11,27,43,.22);
  --wrap:1200px;
  --font-head:"Poppins",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-body:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;overflow-x:clip}
body{
  margin:0;
  font-family:var(--font-body);
  font-size:16px;
  line-height:1.7;
  color:var(--body);
  background:var(--white);
  -webkit-font-smoothing:antialiased;
}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit}
h1,h2,h3,h4{font-family:var(--font-head);color:var(--ink);margin:0 0 .55em;font-weight:600;line-height:1.2;letter-spacing:-.011em}
h1{font-size:clamp(2rem,4.1vw,3.4rem)}
h2{font-size:clamp(1.65rem,2.9vw,2.5rem)}
h3{font-size:clamp(1.08rem,1.5vw,1.3rem)}
p{margin:0 0 1.05em}
p:last-child{margin-bottom:0}
ul{margin:0;padding:0;list-style:none}

.wrap{width:min(100% - 2.5rem,var(--wrap));margin-inline:auto}
.section{padding:clamp(38px,4.2vw,58px) 0}
.section--soft{background:var(--soft);border-block:1px solid var(--line)}
.section--tight{padding:clamp(28px,3vw,44px) 0}
.lead{font-size:clamp(1rem,1.15vw,1.08rem);color:var(--body)}
.sec-head{max-width:800px;margin-bottom:clamp(20px,2.2vw,30px)}
.sec-head--center{margin-inline:auto;text-align:center}
.sec-head__kicker{display:block;font-size:.78rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--blue);margin-bottom:.7rem}
.eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:.76rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--blue);background:var(--blue-soft);padding:.55rem .9rem;border-radius:999px;margin-bottom:1.1rem}
.eyebrow--onDark{color:#9fd0ff;background:rgba(8,117,209,.18)}

/* Buttons ---------------------------------------------------------------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.55rem;
  padding:15px 26px;border-radius:999px;border:1px solid transparent;
  font-size:.95rem;font-weight:600;line-height:1;cursor:pointer;
  transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease;
}
.btn:hover{transform:translateY(-2px)}
.btn svg{width:16px;height:16px;flex:none}
.btn--primary{background:var(--blue);color:#fff}
.btn--primary:hover{background:var(--blue-dark)}
.btn--accent{background:var(--orange);color:#fff}
.btn--accent:hover{background:#ea5a1c}
.btn--ghost{border-color:rgba(255,255,255,.34);color:#fff;background:rgba(255,255,255,.04)}
.btn--ghost:hover{background:rgba(255,255,255,.12)}
.btn--outline{background:#fff;border-color:var(--line);color:var(--ink)}
.btn--outline:hover{border-color:var(--blue);color:var(--blue)}
.btn-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center}

/* Top bar ---------------------------------------------------------------- */
.topbar{background:var(--ink);color:#c6d3e0;font-size:.84rem}
.topbar__inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:9px 0}
.topbar__note{display:flex;align-items:center;gap:.5rem;font-weight:500}
.topbar__note svg{width:15px;height:15px;color:var(--orange)}
.topbar__list{display:flex;align-items:center;gap:22px}
.topbar__list a{display:inline-flex;align-items:center;gap:.45rem;transition:color .2s}
.topbar__list a:hover{color:#fff}
.topbar__list svg{width:15px;height:15px;color:#7fa8cd}

/* Header ----------------------------------------------------------------- */
.site-header{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.header__inner{display:flex;align-items:center;gap:18px;padding:14px 0;transition:padding .25s ease}
.site-header.is-stuck .header__inner{padding:7px 0}
.header__logo{display:flex;align-items:center;gap:10px;flex:none}
.header__logo img{height:40px;width:auto;transition:height .25s ease}
.site-header.is-stuck .header__logo img{height:32px}
.nav-shell{margin-left:auto}
.nav ul.menu{display:flex;align-items:center;gap:2px}
.nav li{position:relative}
.nav a.nav-link{display:flex;align-items:center;gap:6px;padding:10px 13px;border-radius:9px;font-size:.93rem;font-weight:500;color:var(--ink-2);white-space:nowrap}
.nav a.nav-link:hover,.nav li.is-open>a.nav-link{color:var(--blue);background:var(--blue-soft)}
.nav .chev{width:13px;height:13px;opacity:.6;transition:transform .2s}
.nav li.is-open>a .chev{transform:rotate(180deg)}
.drop{
  position:absolute;top:calc(100% + 10px);left:0;min-width:262px;
  background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);
  padding:9px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.18s ease;
}
.has-drop:hover>.drop,.has-drop:focus-within>.drop{opacity:1;visibility:visible;transform:none}
.drop a{display:block;padding:9px 12px;border-radius:9px;font-size:.9rem;color:var(--ink-2)}
.drop a:hover{background:var(--soft);color:var(--blue)}
.drop__label{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding:9px 12px 3px;font-weight:600}
.header__cta{flex:none}
.nav-toggle{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:11px;background:#fff;align-items:center;justify-content:center;cursor:pointer}
.nav-toggle svg{width:20px;height:20px;color:var(--ink)}
.scrim{position:fixed;inset:0;background:rgba(11,27,43,.45);opacity:0;visibility:hidden;transition:.25s;z-index:70}
.scrim.is-on{opacity:1;visibility:visible}

/* Hero ------------------------------------------------------------------- */
.hero{position:relative;overflow:hidden;color:#cbd8e5;background:#08192a}
.hero::before{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(900px 480px at 12% -10%,rgba(8,117,209,.42),transparent 62%),
    radial-gradient(680px 420px at 96% 8%,rgba(255,106,43,.22),transparent 60%),
    linear-gradient(168deg,#071626 0%,#0b2337 52%,#08192a 100%);
}
.hero::after{
  content:"";position:absolute;inset:0;opacity:.5;
  background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:74px 74px;
  mask-image:radial-gradient(80% 70% at 50% 20%,#000 20%,transparent 78%);
  -webkit-mask-image:radial-gradient(80% 70% at 50% 20%,#000 20%,transparent 78%);
}
.hero__inner{position:relative;z-index:2;padding:clamp(42px,4.8vw,76px) 0 clamp(44px,4.8vw,78px)}
.hero__grid{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:clamp(30px,4.4vw,68px);align-items:center}
.hero h1{color:#fff;margin-bottom:.65em}
.hero__lead{font-size:clamp(1rem,1.15vw,1.09rem);color:#b9c9da;max-width:60ch}
.hero__chips{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 30px}
.chip{display:inline-flex;align-items:center;gap:.5rem;padding:9px 15px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05);font-size:.85rem;font-weight:500;color:#d7e3f0}
.chip svg{width:15px;height:15px;color:#5fd0a0;flex:none}
.hero__media{position:relative}
.hero__media-frame{
  position:relative;border-radius:var(--radius-lg);overflow:hidden;
  border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);
  box-shadow:0 40px 80px -40px rgba(0,0,0,.8);
}
.hero__media-frame img{width:100%;aspect-ratio:1/1;object-fit:cover}
.hero__badge{
  position:absolute;left:-14px;bottom:26px;background:#fff;color:var(--ink);
  border-radius:14px;padding:14px 18px;box-shadow:var(--shadow);max-width:230px;
}
.hero__badge strong{display:block;font-family:var(--font-head);font-size:1.25rem;line-height:1.1}
.hero__badge span{font-size:.78rem;color:var(--muted);letter-spacing:.04em}

/* Trust strip ------------------------------------------------------------ */
.trust{background:#071626;color:#93a6ba;border-top:1px solid rgba(255,255,255,.08)}
.trust__inner{display:flex;flex-wrap:wrap;align-items:center;gap:14px 30px;padding:20px 0}
.trust__label{font-size:.82rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#7d93aa}
.trust__items{display:flex;flex-wrap:wrap;gap:10px 26px;font-family:var(--font-head);font-size:1rem;font-weight:600;color:#e3ecf5}
.trust__items span{display:inline-flex;align-items:center;gap:.5rem}
.trust__items svg{width:16px;height:16px;color:var(--blue)}

/* Grids ------------------------------------------------------------------ */
.grid{display:grid;gap:clamp(16px,2vw,24px)}
.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}

/* Intro ------------------------------------------------------------------ */
.intro__grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(28px,4vw,64px);align-items:start}
.intro__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.stat{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px}
.stat strong{display:block;font-family:var(--font-head);font-size:1.8rem;color:var(--ink);line-height:1.1}
.stat span{font-size:.86rem;color:var(--muted)}

/* Cards ------------------------------------------------------------------ */
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#cfe0ee}
.card h3{margin-bottom:.5em}
.card p{font-size:.94rem;color:var(--body);margin:0}
.card__icon{width:46px;height:46px;border-radius:12px;background:var(--blue-soft);display:grid;place-items:center;margin-bottom:18px}
.card__icon svg{width:22px;height:22px;color:var(--blue)}
.card__num{font-family:var(--font-head);font-size:.82rem;font-weight:600;color:var(--blue);letter-spacing:.1em;margin-bottom:14px;display:block}

/* Product cards ---------------------------------------------------------- */
.pcard{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.pcard:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#cfe0ee}
.pcard__media{background:var(--soft);padding:20px;aspect-ratio:4/3;display:grid;place-items:center;border-bottom:1px solid var(--line)}
.pcard__media img{max-height:100%;width:auto;object-fit:contain}
.pcard__body{padding:20px 22px 24px;display:flex;flex-direction:column;gap:10px;flex:1}
.pcard__body h3{margin:0;font-size:1.05rem}
.pcard__body p{margin:0;font-size:.9rem;flex:1}
.txt-link{display:inline-flex;align-items:center;gap:.45rem;font-size:.88rem;font-weight:600;color:var(--blue)}
.txt-link svg{width:15px;height:15px;transition:transform .2s}
.txt-link:hover svg{transform:translateX(3px)}
.tag{display:inline-block;font-size:.72rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--blue);background:var(--blue-soft);padding:.4rem .7rem;border-radius:999px}

/* Split feature ---------------------------------------------------------- */
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4vw,60px);align-items:center}
.split__media{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--line);background:var(--soft)}
.split__media img{width:100%;aspect-ratio:4/3;object-fit:cover}
.checklist{display:grid;gap:14px;margin:22px 0 26px}
.checklist li{display:flex;gap:12px;font-size:.95rem}
.checklist svg{width:19px;height:19px;color:var(--blue);flex:none;margin-top:4px}
.checklist strong{color:var(--ink)}

/* Video / media feature -------------------------------------------------- */
.feature-media{position:relative;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--line);display:block;background:var(--soft)}
.feature-media img{width:100%;aspect-ratio:16/9;object-fit:cover}
.feature-media__play{position:absolute;inset:0;display:grid;place-items:center}
.feature-media__play span{width:72px;height:72px;border-radius:50%;background:rgba(255,255,255,.94);display:grid;place-items:center;box-shadow:0 18px 40px -14px rgba(0,0,0,.5);transition:transform .22s}
.feature-media:hover .feature-media__play span{transform:scale(1.07)}
.feature-media__play svg{width:24px;height:24px;color:var(--blue);margin-left:4px}

/* Steps ------------------------------------------------------------------ */
.steps{counter-reset:step;display:grid;gap:18px}
.step{display:grid;grid-template-columns:56px minmax(0,1fr);gap:20px;align-items:start;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px 26px}
.step__num{width:56px;height:56px;border-radius:14px;background:var(--ink);color:#fff;display:grid;place-items:center;font-family:var(--font-head);font-size:1.15rem;font-weight:600}
.step h3{margin:0 0 .35em;font-size:1.06rem}
.step p{margin:0;font-size:.94rem}

/* Certification strip ---------------------------------------------------- */
.certs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.cert{display:grid;grid-template-columns:52px minmax(0,1fr);gap:18px;align-items:start;padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}
.cert__icon{width:52px;height:52px;border-radius:14px;background:var(--blue-soft);display:grid;place-items:center}
.cert__icon svg{width:24px;height:24px;color:var(--blue)}
.cert h3{margin:0 0 .3em;font-size:1rem}
.cert p{margin:0;font-size:.9rem}
.logo-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-top:34px}
.logo-slot{height:82px;border:1px dashed #cfd9e3;border-radius:12px;display:grid;place-items:center;background:#fff;color:#a9b6c4;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;text-align:center;padding:10px}

/* Applications ----------------------------------------------------------- */
.app-card{position:relative;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);background:#fff;display:flex;flex-direction:column;transition:transform .22s ease,box-shadow .22s ease}
.app-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.app-card img{width:100%;aspect-ratio:16/10;object-fit:cover}
.app-card__body{padding:22px 24px 26px;display:flex;flex-direction:column;gap:10px;flex:1}
.app-card__body h3{margin:0;font-size:1.08rem}
.app-card__body p{margin:0;font-size:.92rem;flex:1}

/* CTA band --------------------------------------------------------------- */
.cta-band{background:var(--ink);color:#c4d2e0;position:relative;overflow:hidden}
.cta-band::before{content:"";position:absolute;inset:0;background:radial-gradient(720px 420px at 85% 12%,rgba(8,117,209,.36),transparent 62%)}
.cta-band__inner{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(24px,3.2vw,48px);align-items:center;padding:clamp(38px,4.4vw,64px) 0}
.cta-band h2{color:#fff}
.cta-band p{color:#adbccd}
.cta-list{display:grid;gap:14px}
.cta-list li{display:flex;gap:12px;font-size:.95rem;color:#d3dee9}
.cta-list svg{width:19px;height:19px;color:#6fd3a6;flex:none;margin-top:4px}
.cta-list strong{color:#fff;display:block;font-weight:600}

/* Footer ----------------------------------------------------------------- */
.footer{background:#061320;color:#8b9dae;font-size:.9rem;padding:clamp(38px,4.2vw,60px) 0 0}
.footer__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.1fr 1fr;gap:34px}
.footer h4{color:#fff;font-size:.86rem;letter-spacing:.13em;text-transform:uppercase;margin-bottom:1.1em;font-weight:600}
.footer a{transition:color .2s}
.footer a:hover{color:#fff}
.footer__links{display:grid;gap:9px}
.footer__brand img{height:44px;width:auto;margin-bottom:18px;filter:brightness(0) invert(1)}
.footer__contact{display:grid;gap:12px}
.footer__contact li{display:flex;gap:10px;align-items:flex-start}
.footer__contact svg{width:16px;height:16px;color:var(--blue);flex:none;margin-top:4px}
.footer__social{display:flex;gap:10px;margin-top:20px}
.footer__social a{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.16);display:grid;place-items:center}
.footer__social a:hover{background:var(--blue);border-color:var(--blue);color:#fff}
.footer__social svg{width:17px;height:17px}
.footer__bottom{margin-top:clamp(36px,4vw,56px);border-top:1px solid rgba(255,255,255,.1);padding:22px 0;display:flex;flex-wrap:wrap;gap:14px 26px;justify-content:space-between;font-size:.84rem;color:#6f8296}

/* Floating WhatsApp ------------------------------------------------------ */
.wa-float{position:fixed;right:20px;bottom:20px;z-index:90;width:56px;height:56px;border-radius:50%;background:#25d366;display:grid;place-items:center;box-shadow:0 14px 30px -10px rgba(37,211,102,.7);transition:transform .2s}
.wa-float:hover{transform:scale(1.06)}
.wa-float svg{width:28px;height:28px;color:#fff}

/* Skip link -------------------------------------------------------------- */
.skip{position:absolute;left:-9999px}
.skip:focus{position:fixed;left:16px;top:16px;z-index:200;background:#fff;padding:12px 18px;border-radius:10px;box-shadow:var(--shadow)}

/* ==========================================================================
   Responsive
   ========================================================================== */
@media (max-width:1100px){
  .footer__grid{grid-template-columns:1.4fr 1fr 1fr;gap:30px}
  .certs{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:1024px){
  .nav-toggle{display:inline-flex;margin-left:auto}
  /* The shell is the fixed, clipped container: it keeps the sliding panel
     from adding horizontal scroll to the document. */
  .nav-shell{
    position:fixed;inset:0;z-index:100;margin:0;overflow:hidden;
    pointer-events:none;visibility:hidden;transition:visibility .28s ease;
  }
  .nav-shell.is-open{visibility:visible;pointer-events:auto}
  .nav{
    position:absolute;top:0;right:0;bottom:0;width:min(86vw,360px);background:#fff;
    padding:22px 18px 40px;overflow-y:auto;transform:translateX(102%);transition:transform .28s ease;
    box-shadow:-20px 0 50px -20px rgba(11,27,43,.3);
  }
  .nav-shell.is-open .nav{transform:none}
  .nav ul.menu{display:block}
  .nav li{border-bottom:1px solid var(--line)}
  .nav a.nav-link{padding:15px 4px;border-radius:0;justify-content:space-between}
  .nav a.nav-link:hover{background:transparent}
  .drop{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;border-radius:0;padding:0 0 12px;min-width:0;display:none}
  .nav li.is-open>.drop{display:block}
  .drop a{padding:10px 14px}
  .header__cta{display:none}
  .hero__grid{grid-template-columns:1fr;gap:38px}
  .hero__media{max-width:520px}
  .intro__grid{grid-template-columns:1fr}
  .split{grid-template-columns:1fr}
  .split--reverse .split__media{order:-1}
  .cta-band__inner{grid-template-columns:1fr}
  .grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .logo-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media (max-width:720px){
  body{font-size:15.5px}
  .wrap{width:min(100% - 2rem,var(--wrap))}
  .topbar__note{display:none}
  .topbar__inner{justify-content:center}
  .grid--2,.grid--3,.grid--4,.certs{grid-template-columns:1fr}
  .intro__stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .step{grid-template-columns:44px minmax(0,1fr);gap:16px;padding:20px}
  .step__num{width:44px;height:44px;font-size:1rem;border-radius:12px}
  .cert{grid-template-columns:44px minmax(0,1fr);padding:20px}
  .cert__icon{width:44px;height:44px}
  .logo-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .footer__grid{grid-template-columns:1fr 1fr}
  .footer__brand{grid-column:1/-1}
  .hero__badge{left:0;bottom:0}
  .btn{width:100%}
  .btn-row{width:100%}
}

/* ==========================================================================
   Shared components for the inner page templates
   (collection / solution / product / content pages)
   ========================================================================== */

/* Sub-page banner --------------------------------------------------------- */
.page-hero{position:relative;overflow:hidden;background:#08192a;color:#c2d0de;padding:clamp(28px,3.2vw,48px) 0 clamp(30px,3.2vw,46px)}
.page-hero::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(820px 400px at 8% -25%,rgba(8,117,209,.40),transparent 62%),
             linear-gradient(162deg,#071626 0%,#0b2337 58%,#08192a 100%);
}
.page-hero__inner{position:relative;z-index:2}
.page-hero h1{color:#fff;max-width:30ch;margin-bottom:.5em}
.page-hero__lead{max-width:72ch;color:#b3c4d6;font-size:clamp(1rem,1.12vw,1.06rem)}
.page-hero .badge-row{margin-top:24px}

.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:9px;font-size:.83rem;color:#8ea3b8;margin-bottom:18px}
.breadcrumb a{color:#a9bccd}
.breadcrumb a:hover{color:#fff}
.breadcrumb .sep{opacity:.45}

.badge-row{display:flex;flex-wrap:wrap;gap:8px}
.badge{font-size:.78rem;font-weight:600;letter-spacing:.03em;padding:7px 13px;border-radius:999px;background:var(--blue-soft);color:var(--blue)}
.page-hero .badge{background:rgba(255,255,255,.08);color:#cfe0f0;border:1px solid rgba(255,255,255,.14)}

/* In-page nav ------------------------------------------------------------- */
.subnav{position:sticky;top:60px;z-index:50;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}
.subnav ul{display:flex;gap:6px;overflow-x:auto;padding:11px 0;scrollbar-width:none}
.subnav ul::-webkit-scrollbar{display:none}
.subnav a{display:block;padding:8px 14px;border-radius:999px;font-size:.88rem;font-weight:500;color:var(--ink-2);white-space:nowrap}
.subnav a:hover{background:var(--blue-soft);color:var(--blue)}

/* Filters and toolbar ----------------------------------------------------- */
.filter-bar{display:flex;flex-wrap:wrap;gap:18px 32px;padding:22px 24px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}
.filter-group{display:grid;gap:9px}
.filter-group__label{font-size:.7rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}
.filter-chips{display:flex;flex-wrap:wrap;gap:8px}
.filter-chip{padding:7px 13px;border-radius:999px;border:1px solid var(--line);font-size:.83rem;color:var(--ink-2);background:#fff;transition:.18s}
.filter-chip:hover{border-color:var(--blue);color:var(--blue)}
.filter-chip.is-active{background:var(--ink);border-color:var(--ink);color:#fff}
.toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin:0 0 22px}
.toolbar__count{font-size:.9rem;color:var(--muted)}
.select{border:1px solid var(--line);border-radius:10px;padding:9px 12px;font:inherit;font-size:.87rem;color:var(--ink-2);background:#fff}

/* Pagination -------------------------------------------------------------- */
.pager{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:38px}
.pager a,.pager span{min-width:42px;height:42px;padding:0 12px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;font-size:.9rem;color:var(--ink-2)}
.pager a:hover{border-color:var(--blue);color:var(--blue)}
.pager .is-active{background:var(--blue);border-color:var(--blue);color:#fff}

/* Accordion --------------------------------------------------------------- */
.accordion{display:grid;gap:12px}
.acc{border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:hidden}
.acc summary{cursor:pointer;list-style:none;padding:18px 22px;font-family:var(--font-head);font-weight:600;color:var(--ink);display:flex;justify-content:space-between;align-items:center;gap:18px}
.acc summary::-webkit-details-marker{display:none}
.acc summary::after{content:"+";font-size:1.35rem;line-height:1;color:var(--blue);flex:none}
.acc[open] summary::after{content:"–"}
.acc__body{padding:0 22px 22px;font-size:.94rem;color:var(--body)}

/* Product detail ---------------------------------------------------------- */
.pdp{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:clamp(26px,3.4vw,56px);align-items:start}
.gallery{display:grid;gap:14px}
.gallery__main{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--soft);padding:28px;display:grid;place-items:center;min-height:340px}
.gallery__main img{max-height:400px;width:auto;object-fit:contain}
.gallery__thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.gallery__thumbs img{border:1px solid var(--line);border-radius:12px;background:#fff;padding:10px;aspect-ratio:1;object-fit:contain;cursor:pointer}
.gallery__thumbs img:hover{border-color:var(--blue)}

.buybox h1{font-size:clamp(1.5rem,2.35vw,2.15rem);margin-bottom:.4em}
.buybox__sub{font-size:.92rem;color:var(--muted);margin-bottom:18px}
.usp-list{display:grid;gap:11px;margin:22px 0}
.usp-list li{display:flex;gap:11px;font-size:.94rem}
.usp-list svg{width:18px;height:18px;color:var(--blue);flex:none;margin-top:4px}
.price-note{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;padding:18px 20px;border:1px dashed #cfd9e3;border-radius:var(--radius);background:var(--soft);margin:22px 0}
.price-note strong{font-family:var(--font-head);font-size:1.05rem;color:var(--ink)}
.price-note span{font-size:.87rem;color:var(--muted)}

/* Spec table -------------------------------------------------------------- */
.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:#fff}
table.spec{width:100%;border-collapse:collapse;font-size:.93rem}
table.spec th,table.spec td{padding:14px 18px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
table.spec th{width:34%;font-weight:600;color:var(--ink);background:var(--soft)}
table.spec tr:last-child th,table.spec tr:last-child td{border-bottom:0}
table.compare th:first-child,table.compare td:first-child{width:28%}
table.compare th{background:#fff;color:var(--ink)}
table.compare thead th{background:var(--soft)}

/* Content page layout ----------------------------------------------------- */
.doc{display:grid;grid-template-columns:250px minmax(0,1fr);gap:clamp(26px,3.4vw,54px);align-items:start}
.toc{position:sticky;top:82px;border:1px solid var(--line);border-radius:var(--radius);padding:20px;background:#fff}
.toc h4{font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}
.toc a{display:block;padding:9px 0;font-size:.89rem;color:var(--ink-2);border-bottom:1px solid var(--line)}
.toc a:last-child{border-bottom:0}
.toc a:hover{color:var(--blue)}
.prose{max-width:76ch}
.prose h2{margin:1.4em 0 .6em;scroll-margin-top:120px}
.prose h2:first-child{margin-top:0}
.prose h3{margin:1.3em 0 .5em;scroll-margin-top:120px}
.prose ul.bullets{display:grid;gap:11px;margin:18px 0}
.prose ul.bullets li{position:relative;padding-left:20px;font-size:.96rem}
.prose ul.bullets li::before{content:"";position:absolute;left:0;top:.66em;width:7px;height:7px;border-radius:50%;background:var(--blue)}
.callout{border-left:3px solid var(--blue);background:var(--blue-soft);border-radius:0 var(--radius) var(--radius) 0;padding:20px 24px;margin:26px 0;font-size:.95rem;color:var(--ink-2)}
.callout strong{color:var(--ink)}
[id]{scroll-margin-top:120px}

/* Scenario cards (solution pages) ---------------------------------------- */
.sc-card{display:grid;gap:12px;align-content:start;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;transition:transform .22s ease,box-shadow .22s ease}
.sc-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.sc-card__head{display:flex;align-items:center;gap:13px}
.sc-card__icon{width:44px;height:44px;border-radius:12px;background:var(--blue-soft);display:grid;place-items:center;flex:none}
.sc-card__icon svg{width:22px;height:22px;color:var(--blue)}
.sc-card h3{margin:0;font-size:1.04rem}
.sc-card p{margin:0;font-size:.92rem}
.sc-card__model{display:inline-block;width:max-content;font-size:.79rem;font-weight:600;color:var(--blue);background:var(--blue-soft);padding:7px 13px;border-radius:999px}

/* Small product cards (related products) --------------------------------- */
.pcard--sm .pcard__media{padding:16px;aspect-ratio:1}
.pcard--sm .pcard__body{padding:16px 18px 20px}
.pcard--sm h3{font-size:.96rem}
.pcard--sm p{font-size:.86rem}

/* Template index --------------------------------------------------------- */
.tpl{display:grid;gap:14px;align-content:start;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;transition:transform .22s ease,box-shadow .22s ease}
.tpl:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.tpl__tag{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--blue)}
.tpl h3{margin:0}
.tpl p{margin:0;font-size:.93rem}
.tpl__meta{font-size:.84rem;color:var(--muted);border-top:1px solid var(--line);padding-top:14px}

@media (max-width:1024px){
  .pdp{grid-template-columns:1fr}
  .doc{grid-template-columns:1fr}
  .toc{position:static}
  .subnav{top:56px}
}
@media (max-width:720px){
  .gallery__thumbs{grid-template-columns:repeat(3,minmax(0,1fr))}
  .gallery__main{min-height:240px;padding:18px}
  .filter-bar{padding:18px}
  .pdp{gap:26px}
}

/* ==========================================================================
   WordPress / Kadence / WooCommerce 对接层
   设计系统（design-system.css）负责组件外观，这一层只负责把 WordPress 的
   实际 HTML 结构对齐到那套组件上。
   ========================================================================== */

/* ---- 基础排版：确保主题的标题样式不覆盖设计系统 ---- */
body.wecent-site h1,
body.wecent-site h2,
body.wecent-site h3,
body.wecent-site h4,
body.wecent-site .entry-content h1,
body.wecent-site .entry-content h2,
body.wecent-site .entry-content h3,
body.wecent-site .entry-content h4 {
  font-family: var(--font-head);
  color: var(--ink);
  line-height: 1.2;
  letter-spacing: -0.011em;
}

/* 深色区块里的标题必须保持白色：上面的规则选择器权重更高，
   会盖掉设计系统里 .page-hero h1 / .hero h1 / .cta-band h2 的白色，这里补回来。 */
body.wecent-site .page-hero h1,
body.wecent-site .page-hero h2,
body.wecent-site .hero h1,
body.wecent-site .cta-band h1,
body.wecent-site .cta-band h2,
body.wecent-site .cta-band h3 {
  color: #fff;
}

body.wecent-site .page-hero .page-hero__lead,
body.wecent-site .hero .hero__lead,
body.wecent-site .cta-band p {
  color: #b3c4d6;
}

body.wecent-site .page-hero .breadcrumb,
body.wecent-site .page-hero .breadcrumb a {
  color: #8ea3b8;
}

body.wecent-site a {
  text-decoration: none;
}

/* ---- 用我们的模板搭建的页面：放开主题的内容宽度与内边距 ---- */
body.wecent-canvas .entry-content,
body.wecent-canvas .content-area,
body.wecent-canvas .site-main,
body.wecent-canvas .content-container,
body.wecent-canvas .site-container,
body.wecent-canvas #primary,
body.wecent-canvas .wp-site-blocks > .wp-block-group {
  max-width: none;
  padding-inline: 0;
  margin-inline: 0;
}

/* Kadence 的内容容器还会加垂直方向的留白 —— 实测是 .content-area 的 80px 上边距
   加上 .entry-content-wrap 的 32px 上内边距，页头与首屏之间因此多出 112px 空白；
   页脚上方同样多 80px。整版页面必须把这两处清掉。 */
body.wecent-canvas .content-area,
body.wecent-canvas .content-container,
body.wecent-canvas .site-container,
body.wecent-canvas .site-main,
body.wecent-canvas .content-wrap,
body.wecent-canvas .entry-content-wrap,
body.wecent-canvas .entry,
body.wecent-canvas article.entry,
body.wecent-canvas .entry-content {
  margin-block: 0;
  padding-block: 0;
}

/* 我们的首屏 / 内容页 banner 直接顶住页头，不要任何额外间距 */
body.wecent-canvas .hero,
body.wecent-canvas .page-hero {
  margin-block-start: 0;
}

body.wecent-canvas .entry-header,
body.wecent-canvas .page-title {
  display: none; /* 页面标题由我们自己的 banner 承担，避免重复 H1 */
}

body.wecent-canvas .entry-content > .wp-block-html,
body.wecent-canvas .elementor-widget-html {
  margin-block: 0;
}

/* ---- 表格：小屏可横向滚动 ---- */
.table-wrap.is-scrollable {
  position: relative;
  border-color: #cfe0ee;
}

/* ==========================================================================
   WooCommerce — 集合页（B 模板）
   ========================================================================== */

.wecent-site .woocommerce-products-header {
  margin: 0;
}

.wecent-site .woocommerce-breadcrumb {
  font-size: 0.84rem;
  color: var(--muted);
  margin: 0 0 18px;
}

.wecent-site .woocommerce-breadcrumb a {
  color: var(--body);
}

.wecent-site .woocommerce-result-count,
.wecent-site .woocommerce-ordering {
  font-size: 0.9rem;
  color: var(--muted);
  margin: 0 0 18px;
}

.wecent-site .woocommerce-ordering select {
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 9px 12px;
  font: inherit;
  font-size: 0.87rem;
  color: var(--ink-2);
  background: #fff;
}

/* 产品网格 → 我们的 .pcard 外观 */
.wecent-site ul.products {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(16px, 2vw, 24px);
  margin: 0;
  padding: 0;
  list-style: none;
}

.wecent-site ul.products li.product {
  width: auto !important;
  margin: 0 !important;
  float: none !important;
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  overflow: hidden;
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.wecent-site ul.products li.product:hover {
  transform: translateY(-5px);
  box-shadow: var(--shadow);
  border-color: #cfe0ee;
}

.wecent-site ul.products li.product a img {
  aspect-ratio: 4 / 3;
  object-fit: contain;
  background: var(--soft);
  padding: 20px;
  margin: 0;
  border-bottom: 1px solid var(--line);
}

.wecent-site ul.products li.product .woocommerce-loop-product__title {
  font-size: 1.05rem;
  padding: 20px 22px 6px;
  margin: 0;
}

.wecent-site ul.products li.product .pcard__excerpt {
  padding: 0 22px 18px;
  margin: 0;
  font-size: 0.9rem;
  color: var(--body);
}

.wecent-site ul.products li.product .button,
.wecent-site ul.products li.product .added_to_cart {
  margin: 0 22px 22px;
  align-self: flex-start;
}

.wecent-site ul.products li.product .price,
.wecent-site ul.products li.product .star-rating {
  display: none; /* 询盘模式 */
}

/* ==========================================================================
   WooCommerce — 产品页（D 模板）
   ========================================================================== */

.wecent-site .woocommerce div.product {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr);
  gap: clamp(26px, 3.4vw, 56px);
  align-items: start;
}

.wecent-site .woocommerce div.product .woocommerce-product-gallery {
  width: 100% !important;
  float: none !important;
}

.wecent-site .woocommerce div.product .woocommerce-product-gallery__wrapper {
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: var(--soft);
}

.wecent-site .woocommerce div.product .woocommerce-product-gallery__image img {
  object-fit: contain;
}

.wecent-site .woocommerce div.product .flex-control-thumbs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 14px 0 0;
}

.wecent-site .woocommerce div.product .flex-control-thumbs li {
  width: auto !important;
  margin: 0 !important;
  float: none !important;
}

.wecent-site .woocommerce div.product .flex-control-thumbs img {
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fff;
  padding: 10px;
  aspect-ratio: 1;
  object-fit: contain;
}

.wecent-site .woocommerce div.product .summary {
  width: 100% !important;
  float: none !important;
  margin: 0 !important;
}

.wecent-site .woocommerce div.product .product_title {
  font-size: clamp(1.5rem, 2.35vw, 2.15rem);
  margin-bottom: 0.4em;
}

.wecent-site .woocommerce div.product .woocommerce-product-details__short-description p {
  font-size: 0.92rem;
  color: var(--muted);
}

.wecent-site .woocommerce div.product .product_meta {
  font-size: 0.86rem;
  color: var(--muted);
  margin-top: 18px;
}

/* 标签页 */
.wecent-site .woocommerce-tabs {
  margin-top: clamp(36px, 4vw, 64px);
}

.wecent-site .woocommerce-tabs ul.tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0;
  margin: 0 0 20px;
  list-style: none;
  border: 0;
}

.wecent-site .woocommerce-tabs ul.tabs::before,
.wecent-site .woocommerce-tabs ul.tabs li::before,
.wecent-site .woocommerce-tabs ul.tabs li::after {
  display: none !important;
}

.wecent-site .woocommerce-tabs ul.tabs li {
  margin: 0;
  padding: 0;
  background: none;
  border: 0;
}

.wecent-site .woocommerce-tabs ul.tabs li a {
  display: block;
  padding: 10px 16px;
  border: 1px solid var(--line);
  border-radius: 999px;
  font-size: 0.88rem;
  font-weight: 500;
  color: var(--ink-2);
}

.wecent-site .woocommerce-tabs ul.tabs li.active a {
  background: var(--ink);
  border-color: var(--ink);
  color: #fff;
}

.wecent-site .woocommerce-Tabs-panel {
  max-width: 78ch;
}

/* 相关产品 */
.wecent-site .related.products > h2,
.wecent-site .upsells.products > h2 {
  font-size: clamp(1.3rem, 2vw, 1.7rem);
  margin-bottom: 1em;
}

.wecent-site .related.products ul.products,
.wecent-site .upsells.products ul.products {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

/* 按钮统一到设计系统 */
.wecent-site .woocommerce a.button,
.wecent-site .woocommerce button.button,
.wecent-site .woocommerce input.button,
.wecent-site .woocommerce #respond input#submit,
.wecent-site .woocommerce .cart .button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 24px;
  border-radius: 999px;
  border: 1px solid transparent;
  background: var(--blue);
  color: #fff;
  font-size: 0.92rem;
  font-weight: 600;
  line-height: 1;
  transition: background 0.2s ease, transform 0.2s ease;
}

.wecent-site .woocommerce a.button:hover,
.wecent-site .woocommerce button.button:hover,
.wecent-site .woocommerce input.button:hover,
.wecent-site .woocommerce #respond input#submit:hover {
  background: var(--blue-dark);
  transform: translateY(-2px);
}

/* 提示信息 */
.wecent-site .woocommerce-message,
.wecent-site .woocommerce-info,
.wecent-site .woocommerce-error {
  border-top-color: var(--blue);
  background: var(--blue-soft);
  border-radius: var(--radius);
  font-size: 0.92rem;
}

/* ==========================================================================
   响应式
   ========================================================================== */
@media (max-width: 1024px) {
  .wecent-site ul.products {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .wecent-site .woocommerce div.product {
    grid-template-columns: 1fr;
  }

  .wecent-site .related.products ul.products,
  .wecent-site .upsells.products ul.products {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .wecent-site ul.products,
  .wecent-site .related.products ul.products,
  .wecent-site .upsells.products ul.products {
    grid-template-columns: 1fr;
  }

  .wecent-site .woocommerce div.product .flex-control-thumbs {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* ==========================================================================
   询盘表单（[wecent_quote_form]）
   ========================================================================== */

.wecent-quote {
  margin: 0;
}

.wecent-quote__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.wecent-quote__full {
  grid-column: 1 / -1;
}

.wecent-quote label {
  display: grid;
  gap: 7px;
  font-family: var(--font-body);
  font-size: 0.86rem;
  font-weight: 600;
  color: var(--ink);
}

.wecent-quote input,
.wecent-quote select,
.wecent-quote textarea {
  width: 100%;
  padding: 13px 15px;
  border: 1px solid var(--line);
  border-radius: 10px;
  font: inherit;
  font-size: 0.94rem;
  font-weight: 400;
  color: var(--body);
  background: #fff;
}

.wecent-quote input:focus,
.wecent-quote select:focus,
.wecent-quote textarea:focus {
  outline: 2px solid var(--blue-soft);
  border-color: var(--blue);
}

.wecent-quote textarea {
  resize: vertical;
}

@media (max-width: 720px) {
  .wecent-quote__grid {
    grid-template-columns: 1fr;
  }
}

/* ==========================================================================
   Cookie 同意条
   ========================================================================== */

.cookie-bar {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 95;
  background: rgba(6, 19, 32, 0.97);
  color: #c2d0de;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(6px);
}

.cookie-bar__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 14px 24px;
  padding: 14px 0;
}

.cookie-bar p {
  margin: 0;
  font-size: 0.86rem;
  max-width: 70ch;
}

.cookie-bar a {
  color: #9fd0ff;
  text-decoration: underline;
}

.cookie-bar .btn {
  padding: 11px 20px;
  font-size: 0.86rem;
}

body.cookie-visible .wa-float {
  bottom: 96px;
}

@media (max-width: 720px) {
  body.cookie-visible .wa-float {
    bottom: 132px;
  }
}

/* ==========================================================================
   WooCommerce 页面骨架：去掉主题自带的标题区，让我们的 banner 接管
   ========================================================================== */

/* 1) 面包屑只保留我们自己的那一套，隐藏 Kadence 自带的面包屑（否则一页两个） */
#kadence-breadcrumbs,
.kadence-breadcrumbs {
  display: none !important;
}

/* 2) 主题容器的垂直留白全部清零：
      Kadence 的 .content-area 有 80px 上下外边距、.entry-content-wrap 有 32px 上内边距，
      不清掉就会出现"页头 → banner"和"最后一个区块 → 页脚"两处大空白。 */
body .content-area,
body .content-container,
body .site-container,
body .site-main,
body .content-wrap,
body .entry-content-wrap,
body .entry-content {
  margin-block: 0 !important;
  padding-block: 0 !important;
}

/* 3) 小标题（eyebrow）在 WooCommerce 页面里被拉成了几百像素高，这里强制回到一行高度 */
.sec-head {
  display: block !important;
}

.sec-head__kicker {
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  align-self: start !important;
  line-height: 1.4 !important;
}

/* 4) 产品标签页配色：浅蓝底 + 蓝字，选中时蓝底 + 白字（原来是深底深字，看不见） */
.wecent-site .woocommerce-tabs ul.tabs li a {
  background: var(--blue-soft) !important;
  border-color: #cfe3f5 !important;
  color: var(--blue) !important;
}

.wecent-site .woocommerce-tabs ul.tabs li.active a {
  background: var(--blue) !important;
  border-color: var(--blue) !important;
  color: #fff !important;
}

.wecent-site .woocommerce-tabs ul.tabs li a:hover {
  border-color: var(--blue) !important;
}

/* 5) 收尾 CTA：改成品牌蓝，与深色页脚形成层次（参考 auvolar：上蓝下黑） */
.cta-band {
  background: linear-gradient(135deg, #0a5c9e 0%, #0875d1 55%, #0a66b3 100%) !important;
}

.cta-band::before {
  background: radial-gradient(760px 420px at 85% 10%, rgba(255, 255, 255, 0.18), transparent 62%) !important;
}

/* 页脚顶部加一条细线，让蓝色区块与深色页脚的衔接更明确 */
.footer {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

body.single-product .cta-band,
body.post-type-archive-product .cta-band,
body.tax-product_cat .cta-band,
body.tax-product_tag .cta-band {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

body.wecent-site.post-type-archive-product .entry-hero,
body.wecent-site.tax-product_cat .entry-hero,
body.wecent-site.tax-product_tag .entry-hero,
body.wecent-site.single-product .entry-hero,
body.wecent-site.post-type-archive-product .entry-header,
body.wecent-site.tax-product_cat .entry-header,
body.wecent-site.tax-product_tag .entry-header,
body.wecent-site.single-product .entry-header {
  display: none !important;
}

/* 深色横幅 / 浅色区块在主题容器里通栏显示 */
.wecent-bleed,
body.single-product .section--soft,
body.single-product .cta-band,
body.post-type-archive-product .section--soft,
body.tax-product_cat .section--soft,
body.tax-product_tag .section--soft {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

/* 结果统计 + 排序 工具栏 */
.wecent-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 20px;
  align-items: center;
  justify-content: space-between;
  margin: 18px 0 22px;
}

.wecent-toolbar .woocommerce-result-count {
  margin: 0;
  font-size: 0.9rem;
  color: var(--muted);
}

.wecent-toolbar .woocommerce-ordering {
  margin: 0;
}

/* 分页 */
.wecent-site .woocommerce-pagination {
  margin-top: 34px;
}

.wecent-site .woocommerce-pagination ul {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
}

.wecent-site .woocommerce-pagination ul li {
  margin: 0;
  border: 0;
  overflow: visible;
}

.wecent-site .woocommerce-pagination ul li a,
.wecent-site .woocommerce-pagination ul li span {
  display: grid;
  place-items: center;
  min-width: 42px;
  height: 42px;
  padding: 0 12px;
  border: 1px solid var(--line);
  border-radius: 10px;
  font-size: 0.9rem;
  color: var(--ink-2);
  background: #fff;
}

.wecent-site .woocommerce-pagination ul li span.current {
  background: var(--blue);
  border-color: var(--blue);
  color: #fff;
}

.wecent-site .woocommerce-pagination ul li a:hover {
  border-color: var(--blue);
  color: var(--blue);
}

/* 产品单页：摘要区补间距，标签页与区块不要挤在一起 */
body.single-product .wecent-site .woocommerce-tabs,
body.single-product .woocommerce-tabs {
  margin-top: 8px;
}

body.single-product .woocommerce div.product {
  padding-top: 8px;
}

/* ==========================================================================
   页面模板：集合页（选分类）/ 全宽空白页
   ========================================================================== */

body.page-template-template-catalog .entry-header,
body.page-template-template-catalog .entry-hero,
body.page-template-template-blank .entry-header,
body.page-template-template-blank .entry-hero {
  display: none !important;
}

body.page-template-template-blank .entry-content,
body.page-template-template-blank .content-area,
body.page-template-template-blank .content-container,
body.page-template-template-blank .site-container,
body.page-template-template-blank .site-main {
  max-width: none;
  padding-inline: 0;
  padding-block: 0;
  margin-inline: 0;
  margin-block: 0;
}

main.wecent-blank {
  padding: 0;
}

/* 集合页模板里的分页（paginate_links 输出 a / span） */
.pager a,
.pager span {
  min-width: 42px;
  height: 42px;
  padding: 0 12px;
  display: grid;
  place-items: center;
  border: 1px solid var(--line);
  border-radius: 10px;
  font-size: 0.9rem;
  color: var(--ink-2);
  background: #fff;
}

.pager .current {
  background: var(--blue);
  border-color: var(--blue);
  color: #fff;
}

/* ==========================================================================
   商品卡升级：规格要点 + 库存标 + 双 CTA（参考 Dakota 的卡片信息密度）
   ========================================================================== */

/* 视频页：嵌入式播放器 + 视频卡 + 频道卡 */
.video-embed {
  position: relative;
  padding-top: 56.25%;
  border-radius: var(--radius-lg);
  overflow: hidden;
  border: 1px solid var(--line);
  background: #000;
}

.video-embed iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.video-card {
  display: block;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  overflow: hidden;
  background: #fff;
  transition: transform 0.22s ease, box-shadow 0.22s ease;
}

.video-card:hover {
  transform: translateY(-5px);
  box-shadow: var(--shadow);
}

.video-card__thumb {
  position: relative;
  aspect-ratio: 16 / 9;
  background: var(--soft);
}

.video-card__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.video-card__play {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  background: rgba(6, 19, 32, 0.28);
}

.video-card__play span {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.94);
  display: grid;
  place-items: center;
}

.video-card__play svg {
  width: 20px;
  height: 20px;
  color: var(--blue);
  margin-left: 3px;
}

.video-card__body {
  padding: 16px 18px 20px;
}

.video-card__body h3 {
  margin: 0 0 0.3em;
  font-size: 1rem;
}

.video-card__body p {
  margin: 0;
  font-size: 0.86rem;
  color: var(--muted);
}

.channel-card {
  display: grid;
  gap: 10px;
  align-content: start;
  padding: 22px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #fff;
  transition: transform 0.22s ease, box-shadow 0.22s ease;
}

.channel-card:hover {
  transform: translateY(-5px);
  box-shadow: var(--shadow);
}

.channel-card h3 {
  margin: 0;
  font-size: 1rem;
}

.channel-card p {
  margin: 0;
  font-size: 0.88rem;
  color: var(--body);
}

.pcard__badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.pcard__stock {
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #1a7f37;
  background: #eaf7ee;
  padding: 5px 10px;
  border-radius: 999px;
}

.pcard__specs {
  display: grid;
  gap: 8px;
  margin: 4px 0 16px;
  padding: 0;
  list-style: none;
}

.pcard__specs li {
  display: flex;
  gap: 9px;
  font-size: 0.85rem;
  line-height: 1.5;
  color: var(--body);
}

.pcard__specs svg {
  width: 15px;
  height: 15px;
  flex: none;
  margin-top: 4px;
  color: var(--blue);
}

.pcard__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  margin-top: auto;
  padding-top: 4px;
}

.pcard__actions .btn {
  padding: 11px 18px;
  font-size: 0.85rem;
}

/* 同级分类切换条：当前项高亮 */
.subnav a.is-active {
  background: var(--ink);
  border-color: var(--ink);
  color: #fff;
}

.subnav a.is-active:hover {
  background: var(--ink);
  color: #fff;
}





























/* ==========================================================================
   WECENT 子主题 0.9.1 —— 修正
   1) 产品页两栏布局：根因是 Kadence 的单产品模板没有 .woocommerce 包裹层，
      旧的 `.wecent-site .woocommerce div.product ...` 选择器全部失配，
      WooCommerce 默认 float 布局保留下来（图库 float:left、摘要 float:right）。
      浮动的图库一路压进描述区，把描述区第一行文字挤到 600px 以下，
      于是 "Technical" 和 "Specifications" 之间出现一大片空白。
      这里改成不依赖 .woocommerce 的 grid 两栏，浮动彻底消失。
   2) 通栏区块用 100vw 铺满，会把纵向滚动条宽度也算进去，
      页面右侧因此多出约 8px 的横向滚动条 → 用 overflow-x: clip 收掉
      （clip 不建立滚动容器，不会像 hidden 那样破坏页内目录的 sticky）。
   3) 参考 auvolar：内容区收尾用品牌蓝，页脚用近黑色，两块无缝相连。
   ========================================================================== */

/* --- 1. 产品页两栏 ------------------------------------------------------- */

/* 1a. 小标题（eyebrow）曾被拉成几百像素高：这里做一次彻底归一化。
      即使后台「额外 CSS」里还留着旧的那段修正，也会被这段覆盖。 */
.sec-head {
  display: block !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

.sec-head__kicker {
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  padding: 0 !important;
  margin: 0 0 0.7rem 0 !important;
  line-height: 1.4 !important;
  align-self: start !important;
}

/* 1b. 两栏 */

/* 1b-2. 产品图库的"幽灵高度"。
        10Web Booster 把 WooCommerce 的 CSS/JS 延迟到用户交互之后加载，
        flexslider 在样式还没到位时就初始化，按"缩略图竖排"算出一个 1263px 的
        高度写进内联样式（实测 div.woocommerce-product-gallery[style*="height: 1263.38px"]），
        之后不再重算。图库比右边摘要高出 500 多像素，于是摘要文字下面出现一大片空白，
        描述区（Technical / Specifications）被推到 1482px 才开始 —— 这就是产品页
        "产品图和右边文字是一块，它和下面这一块之间有很大空白"的原因。
        这里把高度交还给内容，并且自己定义缩略图排布，初始化前后都正常。 */
body.single-product div.product > .woocommerce-product-gallery,
.wecent-site .woocommerce-product-gallery {
  height: auto !important;
  max-height: none !important;
  opacity: 1 !important;
}

.woocommerce-product-gallery .flex-viewport {
  max-height: none !important;
}

/* 缩略图：一行四个正方形，不论 flexslider 有没有初始化都一致 */
.woocommerce-product-gallery .flex-control-thumbs {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  margin: 14px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.woocommerce-product-gallery .flex-control-thumbs li {
  width: auto !important;
  height: auto !important;
  float: none !important;
  margin: 0 !important;
}

.woocommerce-product-gallery .flex-control-thumbs img {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1;
  object-fit: contain;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fff;
  padding: 8px;
}

/* 1b-3. 产品摘要区：报价按钮上下的留白。
       原来按钮和上面的价格说明只隔 22px，和下面的 SKU / Categories 那行是 **0px**
       （`.product_meta{margin-top:18px}` 写在一条带 .woocommerce 的选择器里，
        而 Kadence 单产品模板没有 .woocommerce 包裹层，所以一直是失效的），
        按钮框的边缘几乎贴着下面的小字。这里补齐上下间距。 */
body.single-product .summary .price-note {
  margin-bottom: 32px !important;
}

body.single-product .summary .btn-row {
  margin: 0 0 26px 0 !important;
}

body.single-product .summary .product_meta {
  margin-top: 0 !important;
  margin-bottom: 16px;
  font-size: 0.86rem;
  color: var(--muted);
}

body.single-product .summary .product_meta a {
  color: var(--body);
}

body.single-product .summary .product_meta a:hover {
  color: var(--blue);
}

@media (min-width: 1025px) {
  body.single-product div.product {
    display: grid !important;
    grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr) !important;
    column-gap: clamp(26px, 3.4vw, 56px) !important;
    row-gap: 0 !important;
    align-items: start !important;
  }
}

body.single-product div.product > * {
  grid-column: 1 / -1 !important;
  min-width: 0;
}

body.single-product div.product > .woocommerce-product-gallery {
  grid-column: 1 !important;
  grid-row: 1 !important;
  float: none !important;
  width: 100% !important;
}

body.single-product div.product > .summary.entry-summary {
  grid-column: 2 !important;
  grid-row: 1 !important;
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
}

/* 兜底：任何残留浮动都不允许再压进下面的区块 */
body.single-product div.product > .section,
body.single-product div.product > .woocommerce-tabs,
body.single-product div.product > .related,
body.single-product div.product > .upsells {
  clear: both;
}

/* 1c. 通栏区块：.hero / .page-hero（深色大横幅）、.subnav（页内导航条）、
       .cta-band（收尾蓝色区块）都必须铺满视口宽度。
       Kadence 的 .entry-content-wrap 有 32px 左右内边距，会把它们缩到 1337px，
       两侧露出白色边条 —— 蓝色收尾区块和黑色页脚宽度不一致时最明显
       （就像 auvolar 那样"上面一块不是全屏、最边栏没颜色"，接缝会很难看）。
       集合页因为用了 .wecent-bleed 本来就是通栏，所以这里只针对内容页。 */
body.wecent-canvas .hero,
body.wecent-canvas .page-hero,
body.wecent-canvas .subnav,
body.wecent-canvas .cta-band {
  width: 100vw !important;
  max-width: none !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}

/* --- 2. 通栏不再撑出横向滚动条 ------------------------------------------- */

body.wecent-site {
  overflow-x: clip !important;
}

/* --- 3. auvolar 式配色：上蓝下黑 ----------------------------------------- */

/* --- 4. 折叠式 SEO 长文（页面底部） -------------------------------------
       <details> 原生折叠：点摘要行展开，展开后右侧按钮变成 "Know less"，点一下收起。
       长文用两栏排版（参考电商站底部 SEO 段落），小屏自动变单栏。 */
.seo-long {
  background: #fff;
  border-top: 1px solid var(--line);
}

.seo-long__box {
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: #fff;
  overflow: hidden;
}

.seo-long__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 20px 24px;
  cursor: pointer;
  list-style: none;
}

.seo-long__head::-webkit-details-marker {
  display: none;
}

.seo-long__title {
  font-family: var(--font-head);
  font-weight: 600;
  font-size: clamp(1rem, 1.5vw, 1.18rem);
  color: var(--ink);
  line-height: 1.35;
}

.seo-long__toggle {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 0.84rem;
  font-weight: 600;
  color: var(--blue);
  background: var(--blue-soft);
  border: 1px solid #cfe3f5;
  border-radius: 999px;
  padding: 9px 16px;
  white-space: nowrap;
  transition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease;
}

.seo-long__head:hover .seo-long__toggle {
  background: var(--blue);
  border-color: var(--blue);
  color: #fff;
}

.seo-long__less {
  display: none;
}

.seo-long__box[open] .seo-long__more {
  display: none;
}

.seo-long__box[open] .seo-long__less {
  display: inline;
}

.seo-long__box[open] .seo-long__toggle {
  background: var(--ink);
  border-color: var(--ink);
  color: #fff;
}

.seo-long__body {
  border-top: 1px solid var(--line);
  padding: 24px 24px 28px;
  column-count: 2;
  column-gap: 48px;
}

.seo-long__body h3 {
  font-size: 1.02rem;
  margin: 1.5em 0 0.5em;
  break-after: avoid;
}

.seo-long__body h3:first-child {
  margin-top: 0;
}

.seo-long__body p {
  font-size: 0.93rem;
  line-height: 1.72;
  color: var(--body);
  margin: 0 0 1em;
  break-inside: avoid;
}

.seo-long__body ul {
  margin: 0 0 1em;
  padding-left: 1.1em;
  display: grid;
  gap: 0.5em;
  break-inside: avoid;
}

.seo-long__body li {
  font-size: 0.93rem;
  line-height: 1.65;
  color: var(--body);
}

.seo-long__body strong {
  color: var(--ink);
}

@media (max-width: 900px) {
  .seo-long__body {
    column-count: 1;
  }
}

@media (max-width: 640px) {
  .seo-long__head {
    flex-wrap: wrap;
  }

  .seo-long__toggle {
    width: 100%;
  }
}

.cta-band {
  background: linear-gradient(135deg, #0a5c9e 0%, #0875d1 55%, #0a66b3 100%) !important;
}

.cta-band::before {
  background: radial-gradient(760px 420px at 85% 10%, rgba(255, 255, 255, 0.16), transparent 62%) !important;
}

.cta-band h2,
.cta-band h3 {
  color: #fff !important;
}

.cta-band p,
.cta-band li {
  color: #dbe9f7;
}

.footer {
  /* 首页有一份 10Web 生成的内联"关键 CSS"，位置在样式表之后，
     里面还留着旧的页脚底色 #061320；这里用 !important 把它压过去。 */
  background: #0a0c11 !important;
  border-top: 0 !important;
}

.footer__bottom {
  border-top-color: rgba(255, 255, 255, 0.09);
}

/* 深色区块直接贴住页脚：中间不留任何白色空隙 */
body.wecent-site .cta-band + .footer,
body.wecent-site .cta-band + * + .footer {
  margin-top: 0 !important;
}

/* --- 5. 文章列表页（/blog/）卡片与话题卡 ---------------------------------- */

/* banner 标题一行放下：原来 .page-hero h1 限宽 30ch，中等长度的标题会被折成两行
   （博客页 "…from the Charger Factory" 的 Factory 被挤到第二行；目录页同理）。
   放宽到 46ch，短标题一行、长标题才折行。 */
.page-hero h1 {
  max-width: 46ch;
}

.blog-topics {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 26px;
}

.blog-topics a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 16px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.16);
  color: #cfe0f0;
  font-size: 0.85rem;
  font-weight: 600;
  transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease;
}

.blog-topics a:hover {
  background: var(--blue);
  border-color: var(--blue);
  color: #fff;
}

.blog-topic-card {
  display: block;
  text-decoration: none;
}

.blog-topic-card h3 {
  font-size: 1.05rem;
  margin: 0 0 0.5em;
}

.blog-topic-card p {
  font-size: 0.9rem;
  color: var(--body);
  margin: 0 0 1em;
}

.blog-topic-card__more {
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--blue);
}

/* Kadence 博客列表 → 我们的卡片外观 */
ul.kadence-posts-list,
.kadence-posts-list {
  list-style: none;
  /* Kadence 自带 ul.kadence-posts-list{margin:0} 权重更高，这里必须 !important 才能生效 */
  margin: clamp(26px, 3vw, 38px) 0 0 !important;
  padding: 0;
  gap: clamp(16px, 2vw, 24px);
}

/* 卡片里的层次：分类标签 → 标题 → 作者/日期 → 摘要 → Read more。
   原来 Kadence 的 .entry-header 下边距(16px) + .entry-meta 下边距(12.8px) + 弹性间距(12px)
   叠成 40.8px，"作者/日期"那行和正文拉得太开，这里收紧到 12px。 */
.kadence-posts-list .entry-header {
  margin-bottom: 0 !important;
}

.kadence-posts-list .entry-meta {
  margin-bottom: 0 !important;
}

/* 分类标签和标题之间留一点，不然胶囊紧贴标题文字 */
.kadence-posts-list .entry-taxonomies {
  margin-bottom: 10px !important;
}

/* 文章详情页同理：标题+作者行和正文之间收紧一点 */
.single-post .entry-header {
  margin-bottom: 20px !important;
}

.single-post .entry-meta {
  margin-bottom: 0 !important;
}

.kadence-posts-list .entry-list-item {
  margin: 0;
  display: flex;
}

.kadence-posts-list .entry-list-item > article.loop-entry {
  display: flex;
  flex-direction: column;
  width: 100%;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  overflow: hidden;
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.kadence-posts-list .entry-list-item > article.loop-entry:hover {
  transform: translateY(-5px);
  box-shadow: var(--shadow);
  border-color: #cfe0ee;
}

.kadence-posts-list .entry-content-wrap {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 24px;
  flex: 1;
}

.kadence-posts-list .entry-taxonomies {
  margin: 0;
}

.kadence-posts-list .entry-taxonomies a {
  display: inline-block;
  font-size: 0.76rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  padding: 6px 12px;
  border-radius: 999px;
  background: var(--blue-soft);
  color: var(--blue);
}

.kadence-posts-list .entry-title {
  font-size: 1.06rem;
  line-height: 1.35;
  margin: 0;
}

.kadence-posts-list .entry-title a {
  color: var(--ink);
  font-weight: 500;
  letter-spacing: -0.004em;
}

.kadence-posts-list .entry-title a:hover {
  color: var(--blue);
}

.kadence-posts-list .entry-meta {
  font-size: 0.8rem;
  color: var(--muted);
  margin: 0;
}

.kadence-posts-list .entry-summary {
  margin: 0;
}

.kadence-posts-list .entry-summary p {
  font-size: 0.92rem;
  line-height: 1.65;
  color: var(--body);
  margin: 0;
}

.kadence-posts-list .entry-actions {
  margin-top: auto;
  padding-top: 4px;
}

.kadence-posts-list .post-more-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.87rem;
  font-weight: 600;
  color: var(--blue);
}

/* 文章详情页：正文行宽与图片 */
.single-post .entry-content {
  max-width: 78ch;
  margin-inline: auto;
}

/* --- 6. 文章详情页模板（hero / 目录 / 分享 / 相关推荐） ------------------- */

.post-hero__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 14px;
  margin-top: 22px;
  font-size: 0.88rem;
  color: #9fb4c8;
}

.post-hero__meta .dot {
  opacity: 0.5;
}

.post-hero__btn {
  margin-left: auto;
}

/* 正文目录 */
.post-toc {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--soft);
  padding: 20px 24px;
  margin: 0 0 30px;
}

.post-toc__title {
  display: block;
  font-family: var(--font-head);
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--blue);
  margin-bottom: 12px;
}

.post-toc ol {
  margin: 0;
  padding-left: 1.2em;
  display: grid;
  gap: 7px;
}

.post-toc li {
  font-size: 0.93rem;
  color: var(--body);
}

.post-toc a {
  color: var(--ink-2);
}

.post-toc a:hover {
  color: var(--blue);
}

/* 正文之后：分享 + 相关 + 推荐 */
.post-foot {
  max-width: 78ch;
  margin: 0 auto;
  padding-top: 34px;
}

.post-share {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  padding: 16px 20px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #fff;
}

.post-share__label {
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--muted);
  margin-right: 4px;
}

.post-share a {
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--blue);
  border: 1px solid #cfe3f5;
  background: var(--blue-soft);
  border-radius: 999px;
  padding: 7px 14px;
}

.post-share a:hover {
  background: var(--blue);
  border-color: var(--blue);
  color: #fff;
}

.post-foot__head {
  margin-top: 40px;
}

.post-card {
  display: block;
  text-decoration: none;
}

.post-card__date {
  display: block;
  font-size: 0.76rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--muted);
  margin-bottom: 8px;
}

.post-card h3 {
  font-size: 1.02rem;
  font-weight: 500;
  margin: 0 0 0.5em;
}

.post-card p {
  font-size: 0.9rem;
  color: var(--body);
  margin: 0 0 1em;
}

.post-card__more {
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--blue);
}

.post-card--rec h3 {
  font-size: 1.05rem;
}

.single-post .entry-content h2 {
  margin-top: 1.6em;
}

.single-post .entry-content h3 {
  margin-top: 1.3em;
}

.single-post .entry-content p,
.single-post .entry-content li {
  font-size: 0.98rem;
  line-height: 1.75;
}

/* ==== WECENT-HOME-FIX-START ==== */
/* ==========================================================================
   首页细节修正（0.9.8）
   1. 页头 logo 尺寸收小（原来被 img[width][height] 撑到 153px，页头高 182px）
   2. 首页「Featured GaN & Wireless Chargers」6 张产品卡：图片框统一高度，
      方形图与 16:9 图都不再改变卡片高度，两行图片、标签、标题、正文全部对齐
   3. 区块大标题尽量一行说完
   4. 图标（卡片、认证、清单、按钮箭头）由渲染层补回，见 functions.php
      WECENT-ICON-REPAIR 段
   ========================================================================== */

/* --- 1. 页头 logo -------------------------------------------------------- */

body.wecent-site .site-header .header__logo img,
body.wecent-site .header__logo img.header__logo-img {
  height: 48px !important;
  width: auto !important;
  max-height: 48px !important;
}

body.wecent-site .site-header.is-stuck .header__logo img {
  height: 40px !important;
  max-height: 40px !important;
}

body.wecent-site .header__logo {
  max-width: 220px;
  overflow: hidden;
}

@media (max-width: 900px) {
  body.wecent-site .site-header .header__logo img {
    height: 42px !important;
    max-height: 42px !important;
  }
}

@media (max-width: 640px) {
  body.wecent-site .site-header .header__logo img {
    height: 38px !important;
    max-height: 38px !important;
  }
}

/* 页头不要被 logo 撑高 */
body.wecent-site .site-header .header__inner {
  align-items: center;
}

/* --- 2. 产品卡（首页 6 张 + 其它页面同款卡片） ---------------------------- */

/* 图片框：固定高度 + flex 居中。
   原来 aspect-ratio:4/3 会被图片本身撑开（300×300 的图把图片框撑到 341px），
   同一行里方形图和 16:9 图的图片框高度不一样，第二行的图片和文字就错位了。 */
body.wecent-site .pcard__media {
  aspect-ratio: auto !important;
  height: clamp(208px, 19vw, 276px) !important;
  padding: 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden;
}

body.wecent-site .pcard__media img {
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
}

body.wecent-site .pcard--sm .pcard__media {
  height: clamp(150px, 14vw, 196px) !important;
}

/* 卡片正文：标签 / 标题 / 正文 / 链接的节奏固定，避免某一张被长文案顶下去 */
body.wecent-site .pcard__body {
  gap: 10px;
}

body.wecent-site .pcard__body > .tag {
  display: inline-block;
  align-self: flex-start;
  margin-bottom: 2px;
}

body.wecent-site .pcard__body h3 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

body.wecent-site .pcard__body p {
  -webkit-line-clamp: 5;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

body.wecent-site .pcard__body .txt-link {
  margin-top: auto;
}

/* --- 3. 区块标题：尽量一行说完 ------------------------------------------ */

body.wecent-site h2 {
  font-size: clamp(1.5rem, 2.15vw, 2.05rem);
  letter-spacing: -0.018em;
}

/* 两栏区块（左图右文 / 收尾蓝底）里的标题字号再收一点，保证一行说完 */
body.wecent-site .split h2 {
  font-size: clamp(1.4rem, 1.95vw, 1.9rem);
}

body.wecent-site .cta-band h2 {
  font-size: clamp(1.45rem, 2vw, 1.95rem);
}

body.wecent-site .sec-head {
  max-width: min(100%, 1010px);
}

body.wecent-site .sec-head--center {
  max-width: min(100%, 1080px);
}

body.wecent-site .sec-head--center .lead {
  max-width: 780px;
  margin-inline: auto;
}

body.wecent-site .sec-head h2,
body.wecent-site .sec-head .lead {
  text-wrap: pretty;
}

/* 单行标题：桌面端不让它在最后一个词前面断开 */
@media (min-width: 1025px) {
  body.wecent-site .sec-head h2 {
    text-wrap: balance;
  }
}

/* ==== WECENT-HOME-FIX-END ==== */

/* ==== WECENT-PAGES-FIX-START ==== */
/* ==========================================================================
   集合页 / 产品页相关产品 / 博客列表 / 博客详情（0.9.9）
   1. 产品卡：标题固定两行、规格固定三行、按钮与 banner 同色（橙底白字）
   2. 「Buying This Range」右侧补一张图，不再留一大块空白
   3. 博客列表：摘要里残留的 HTML 标题不再显示成大黑体，一页 12 篇
   4. 博客详情：banner 与正文之间留出空隙，标题字号收敛
   ========================================================================== */

/* --- 1. 产品卡（集合页 + 相关产品，同一套 WooCommerce 循环标记） ---------- */

/* 卡片正文改成纵向弹性布局，让按钮永远贴在同一水平线上 */
body.wecent-site ul.products li.product .product-details,
body.wecent-site ul.products li.product .entry-content-wrap {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  gap: 12px;
}

/* 标题：最多两行，并且单行标题也占两行的高度 → 一行卡片里标题基线全对齐 */
body.wecent-site ul.products li.product .woocommerce-loop-product__title {
  font-size: 1rem;
  line-height: 1.35;
  padding: 18px 22px 2px;
  margin: 0;
  min-height: calc(2.7em + 20px);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

body.wecent-site ul.products li.product .woocommerce-loop-product__title a {
  color: var(--ink);
}

/* 规格：三条，每条一行，超出用省略号收尾 */
body.wecent-site ul.products li.product .pcard__specs {
  margin: 0;
}

body.wecent-site ul.products li.product .pcard__specs li {
  min-width: 0;
}

body.wecent-site ul.products li.product .pcard__specs li span {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.wecent-site ul.products li.product .pcard__actions {
  margin-top: auto;
}

/* 按钮：和 banner 的主按钮同色（橙底 + 白字），比原来的蓝色实心更醒目 */
body.wecent-site .pcard__actions .btn.btn--primary {
  background: var(--orange) !important;
  border-color: var(--orange) !important;
  color: #fff !important;
  box-shadow: 0 10px 22px -14px rgba(255, 106, 43, 0.9);
}

body.wecent-site .pcard__actions .btn.btn--primary:hover {
  background: #ea5a1c !important;
  border-color: #ea5a1c !important;
  color: #fff !important;
}

/* --- 2. 「Buying This Range」右侧配图 ------------------------------------ */

body.wecent-site .range-about {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
  gap: clamp(24px, 3.2vw, 52px);
  align-items: start;
}

body.wecent-site .range-about .prose {
  max-width: none;
}

body.wecent-site .range-about__media {
  margin: 0;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: var(--soft);
  position: sticky;
  top: 132px;
}

body.wecent-site .range-about__media img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 12px;
  object-fit: contain;
}

body.wecent-site .range-about__cap {
  display: block;
  margin-top: 12px;
  font-size: 0.82rem;
  line-height: 1.5;
  color: var(--muted);
}

@media (max-width: 980px) {
  body.wecent-site .range-about {
    grid-template-columns: 1fr;
  }

  body.wecent-site .range-about__media {
    position: static;
  }
}

/* --- 3. 博客列表（/news/） ----------------------------------------------- */

/* 摘要里偶尔会夹带正文的 <h2>，别再让它变成一个大黑体 */
body.wecent-site .kadence-posts-list .entry-summary h1,
body.wecent-site .kadence-posts-list .entry-summary h2,
body.wecent-site .kadence-posts-list .entry-summary h3,
body.wecent-site .kadence-posts-list .entry-summary h4 {
  font-size: 0.92rem;
  font-weight: 400;
  line-height: 1.65;
  color: var(--body);
  margin: 0 0 0.5em;
}

/* 摘要固定四行：所有卡片正文块高度一致 */
body.wecent-site .kadence-posts-list .entry-summary p {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0;
}

/* "Read More" 永远贴在卡片底部 → 同一行的卡片按钮在同一水平线 */
body.wecent-site .kadence-posts-list .entry-footer {
  margin-top: auto;
}

/* --- 4. 博客详情 --------------------------------------------------------- */

/* banner 与正文之间留一点空隙（原来目录框紧贴深色 banner） */
body.wecent-site.single-post article.single-entry,
body.wecent-site.single-post .content-container,
body.wecent-site.single-post .content-area {
  padding-top: clamp(22px, 2.6vw, 34px);
}

body.wecent-site.single-post .post-toc {
  margin-top: 0;
}

/* 详情页 banner：标题收敛一点，上下留白更均衡 */
body.wecent-site .post-hero {
  padding-top: clamp(34px, 3.6vw, 56px) !important;
  padding-bottom: clamp(30px, 3.2vw, 48px) !important;
}

body.wecent-site .post-hero h1 {
  font-size: clamp(1.75rem, 3.05vw, 2.75rem);
  line-height: 1.2;
}

/* ==== WECENT-PAGES-FIX-END ==== */

/* ==== WECENT-ARTICLE-FIX-START ==== */
/* ==========================================================================
   文章正文排版（0.9.10）
   24 篇长文升级后正文里有 25 个表格、48 张插图、88 个列表，
   主题原来的全局重置（ul 去点、无表格样式）会让它们很难看，这里补齐。
   ========================================================================== */

/* --- 表格 ---------------------------------------------------------------- */
body.wecent-site.single-post .entry-content table {
  width: 100%;
  border-collapse: collapse;
  margin: 1.7em 0;
  font-size: 0.94rem;
  line-height: 1.6;
  background: #fff;
}

body.wecent-site.single-post .entry-content thead th {
  background: var(--soft);
  font-weight: 600;
  color: var(--ink);
}

body.wecent-site.single-post .entry-content th,
body.wecent-site.single-post .entry-content td {
  border: 1px solid var(--line);
  padding: 10px 14px;
  text-align: left;
  vertical-align: top;
}

body.wecent-site.single-post .entry-content tbody tr:nth-child(even) {
  background: #fafbfc;
}

/* 手机端：表格允许横向滑动，不要撑破页面 */
@media (max-width: 720px) {
  body.wecent-site.single-post .entry-content table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    font-size: 0.88rem;
  }
}

/* --- 插图与图注 ---------------------------------------------------------- */
body.wecent-site.single-post .entry-content figure {
  margin: 1.8em 0;
  text-align: center;
}

body.wecent-site.single-post .entry-content figure img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: min(70vh, 620px);
  border: 1px solid var(--line);
  border-radius: 14px;
  background: var(--soft);
  padding: 10px;
  margin: 0 auto;
  display: block;
}

body.wecent-site.single-post .entry-content figcaption {
  margin-top: 10px;
  font-size: 0.85rem;
  line-height: 1.55;
  color: var(--muted);
  text-align: center;
}

body.wecent-site.single-post .entry-content img {
  border-radius: 14px;
}

/* --- 列表：全局把 ul 的点去掉了，正文里必须补回来 ------------------------ */
body.wecent-site.single-post .entry-content ul,
body.wecent-site.single-post .entry-content ol {
  margin: 1.1em 0 1.4em;
  padding-left: 1.35em;
}

body.wecent-site.single-post .entry-content ul {
  list-style: disc;
}

body.wecent-site.single-post .entry-content ul ul {
  list-style: circle;
}

body.wecent-site.single-post .entry-content ol {
  list-style: decimal;
}

body.wecent-site.single-post .entry-content li {
  margin: 0.45em 0;
}

body.wecent-site.single-post .entry-content li::marker {
  color: var(--blue);
}

/* --- 正文里的链接 -------------------------------------------------------- */
body.wecent-site.single-post .entry-content a {
  color: var(--blue);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}

body.wecent-site.single-post .entry-content a:hover {
  color: var(--blue-dark);
}

body.wecent-site.single-post .entry-content figure a {
  text-decoration: none;
}

/* --- 目录：12 个小标题排两列，别占满一屏 -------------------------------- */
body.wecent-site .post-toc ol {
  display: block;
  column-count: 2;
  column-gap: 28px;
}

body.wecent-site .post-toc li {
  margin: 0 0 7px;
  break-inside: avoid;
}

@media (max-width: 720px) {
  body.wecent-site .post-toc ol {
    column-count: 1;
  }
}

/* ==== WECENT-ARTICLE-FIX-END ==== */

/* ==== WECENT-POSTFOOT-FIX-START ==== */
/* ==========================================================================
   文章页三栏布局（0.9.12）
   参考 gdwecent.com 的文章页骨架：
     banner：左边「标题 + 一句口号 + 按钮」，右边一张配图，下面一行日期/作者
     正文区：48px 竖排分享条 | 正文 | 320px 推荐内容
     底部：合并后的「Keep reading」6 篇（通栏浅灰底）→ CTA
   ========================================================================== */

/* --- 1. Banner（深色横幅）：左文右图 ------------------------------------- */

/* 关键：.page-hero::before 那层深色渐变是绝对定位的，
   内容必须 position:relative + z-index:2 才不会被它盖住。
   这里的内层容器 class 改成了 post-hero__inner，所以要把这条补回来。 */
body.wecent-site .post-hero__inner,
body.wecent-site .post-hero .page-hero__inner {
  position: relative;
  z-index: 2;
}

body.wecent-site .post-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 40px;
  align-items: center;
}

body.wecent-site .post-hero__grid.has-cover {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.12fr);
}

body.wecent-site .post-hero__grid.has-cover h1 {
  font-size: clamp(1.6rem, 2.45vw, 2.3rem);
  line-height: 1.22;
}

body.wecent-site .post-hero__slogan {
  margin: 0 0 26px;
  max-width: 54ch;
  font-size: clamp(1rem, 1.1vw, 1.08rem);
  line-height: 1.65;
  color: #b3c4d6;
}

body.wecent-site .post-hero__btns {
  margin-top: 0;
}

body.wecent-site .post-hero__cover {
  margin: 0;
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.04);
}

body.wecent-site .post-hero__cover img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 628 / 355;
  object-fit: cover;
}

body.wecent-site .post-hero__meta {
  margin-top: 30px;
  padding-top: 18px;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}

@media (max-width: 900px) {
  body.wecent-site .post-hero__grid.has-cover {
    grid-template-columns: minmax(0, 1fr);
    gap: 26px;
  }

  body.wecent-site .post-hero__cover {
    border-radius: 14px;
  }
}

/* --- 2. 正文三栏：分享条 | 正文 | 推荐内容 ------------------------------- */

body.wecent-site.single-post .content-container.site-container {
  max-width: 1232px;
}

body.wecent-site.single-post .content-wrap {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) 320px;
  column-gap: clamp(28px, 3.6vw, 56px);
  align-items: start;
}

body.wecent-site.single-post .content-wrap > article.single-entry {
  grid-column: 2;
  grid-row: 1;
  max-width: none;
  margin: 0;
}

body.wecent-site.single-post .content-wrap > .wecent-rail {
  grid-column: 1;
  grid-row: 1;
}

body.wecent-site.single-post .content-wrap > .wecent-side {
  grid-column: 3;
  grid-row: 1;
}

body.wecent-site.single-post .content-wrap > .post-navigation,
body.wecent-site.single-post .content-wrap > .entry-related,
body.wecent-site.single-post .content-wrap > .entry-author,
body.wecent-site.single-post .content-wrap > #comments,
body.wecent-site.single-post .content-wrap > :not(article):not(.wecent-rail):not(.wecent-side) {
  grid-column: 1 / -1;
}

/* 分享条：48px 竖排，滚动时跟随 */
body.wecent-site .wecent-rail {
  position: sticky;
  top: 120px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
}

body.wecent-site .wecent-rail__label {
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--muted);
}

body.wecent-site .wecent-rail__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

body.wecent-site .wecent-rail__list a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 11px;
  border: 1px solid var(--line);
  background: var(--soft);
  color: #6b7480;
  transition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
}

body.wecent-site .wecent-rail__list a:hover {
  background: var(--blue);
  border-color: var(--blue);
  color: #fff;
  transform: translateY(-2px);
}

body.wecent-site .wecent-rail__list svg {
  width: 17px;
  height: 17px;
}

/* 右侧推荐栏 */
body.wecent-site .wecent-side {
  display: flex;
  flex-direction: column;
  gap: 28px;
}

body.wecent-site .wecent-side__title {
  margin: 0 0 14px;
  font-size: 1.02rem;
  font-weight: 600;
}

body.wecent-site .side-prod {
  display: block;
  margin-bottom: 14px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #fff;
  overflow: hidden;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

body.wecent-site .side-prod:last-child {
  margin-bottom: 0;
}

body.wecent-site .side-prod:hover {
  transform: translateY(-3px);
  border-color: #cfe0ee;
  box-shadow: var(--shadow-sm);
}

body.wecent-site .side-prod__media {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 148px;
  padding: 14px;
  background: var(--soft);
  border-bottom: 1px solid var(--line);
}

body.wecent-site .side-prod__media img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

body.wecent-site .side-prod__text {
  display: block;
  padding: 14px 16px 16px;
}

body.wecent-site .side-prod__text strong {
  display: block;
  font-family: var(--font-head);
  font-size: 0.97rem;
  font-weight: 600;
  line-height: 1.35;
  color: var(--ink);
}

body.wecent-site .side-prod__desc {
  display: block;
  margin-top: 6px;
  font-size: 0.82rem;
  line-height: 1.55;
  color: var(--body);
}

body.wecent-site .side-prod__more {
  display: inline-block;
  margin-top: 10px;
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--blue);
}

body.wecent-site .side-cta {
  padding: 22px;
  border-radius: 16px;
  background: linear-gradient(135deg, #0a5c9e 0%, #0875d1 60%, #0a66b3 100%);
}

body.wecent-site .side-cta strong {
  display: block;
  margin-bottom: 8px;
  font-family: var(--font-head);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.35;
  color: #fff;
}

body.wecent-site .side-cta p {
  margin: 0 0 16px;
  font-size: 0.84rem;
  line-height: 1.6;
  color: #dbe9f7;
}

body.wecent-site .side-cta .btn {
  width: 100%;
  padding: 12px 18px;
  font-size: 0.88rem;
}

/* 平板 / 手机：三栏堆叠 */
@media (max-width: 1023px) {
  body.wecent-site.single-post .content-wrap {
    display: block;
  }

  body.wecent-site .wecent-rail {
    position: static;
    flex-direction: row;
    align-items: center;
    gap: 12px;
    margin: 0 0 22px;
  }

  body.wecent-site .wecent-rail__list {
    flex-direction: row;
  }

  body.wecent-site .wecent-side {
    margin-top: 40px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 20px;
  }

  body.wecent-site .wecent-side__block {
    grid-column: 1 / -1;
  }

  body.wecent-site .wecent-side__block .side-prod {
    display: inline-block;
    width: 100%;
  }
}

/* --- 3. 底部合并后的「Keep reading」-------------------------------------- */

body.wecent-site .post-related .sec-head {
  max-width: none;
}

body.wecent-site .post-related .sec-head h2 {
  font-size: clamp(1.25rem, 1.7vw, 1.55rem);
  margin-bottom: 26px;
}

body.wecent-site .post-card {
  display: flex;
  flex-direction: column;
  text-decoration: none;
}

body.wecent-site .post-card:not(.post-card--rec) {
  padding: 24px 26px;
}

body.wecent-site .post-card__date {
  display: block;
  font-size: 0.76rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--muted);
  margin-bottom: 8px;
}

body.wecent-site .post-card:not(.post-card--rec) h3 {
  font-size: 1.05rem;
  font-weight: 600;
  line-height: 1.4;
  margin: 0 0 10px;
}

body.wecent-site .post-card:not(.post-card--rec) p {
  font-size: 0.9rem;
  line-height: 1.7;
  color: var(--body);
  margin: 0 0 14px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

body.wecent-site .post-card__more {
  font-size: 0.87rem;
  font-weight: 600;
  color: var(--blue);
  margin-top: auto;
}

/* --- 4. 上/下一篇导航 ---------------------------------------------------- */

body.wecent-site .post-navigation .post-navigation-sub small {
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--muted);
}

body.wecent-site .post-navigation a {
  font-size: 0.98rem;
  font-weight: 600;
  color: var(--ink);
}

body.wecent-site .post-navigation a:hover {
  color: var(--blue);
}

/* ==== WECENT-POSTFOOT-FIX-END ==== */

/* ==========================================================================
   ZKZ · 模板 P（产品/落地页，骨架参照 kdmsteel 产品页）
   banner 大图 → 系列 → 为什么 → 类型 → 定制 → 特性 → 信任数字 → 相关产品滑条 → FAQ → CTA
   ========================================================================== */

/* banner：背景大图 + 深色遮罩 + 文字与按钮 */
.zkz-banner{position:relative;overflow:hidden;background:#141210;color:#f2ede6;padding:clamp(48px,6vw,96px) 0}
.zkz-banner__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.42}
.zkz-banner__veil{position:absolute;inset:0;background:linear-gradient(120deg,rgba(20,18,16,.92) 12%,rgba(20,18,16,.55) 62%,rgba(20,18,16,.28) 100%)}
.zkz-banner__inner{position:relative;z-index:2;max-width:min(100% - 2.5rem,1200px);margin-inline:auto}
.zkz-banner__eyebrow{display:inline-block;font-size:.76rem;letter-spacing:.18em;text-transform:uppercase;color:#d9c39b;border:1px solid rgba(217,195,155,.4);border-radius:999px;padding:7px 14px;margin-bottom:22px}
.zkz-banner h1{color:#fff;font-size:clamp(1.9rem,3.4vw,3rem);line-height:1.18;max-width:22ch;margin:0 0 18px}
.zkz-banner p{color:#d8d1c6;font-size:clamp(1rem,1.1vw,1.08rem);line-height:1.7;max-width:62ch;margin:0 0 28px}
.zkz-banner__chips{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 30px}
.zkz-banner__chips span{font-size:.85rem;color:#e8e0d3;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);border-radius:999px;padding:8px 14px}

/* 系列卡：图片 + 标题 + 描述 */
.zkz-series{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,24px)}
.zkz-series__card{border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}
.zkz-series__card:hover{transform:translateY(-4px);box-shadow:0 18px 40px -22px rgba(21,19,15,.35)}
.zkz-series__media{height:clamp(180px,16vw,220px);background:var(--soft);display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--line)}
.zkz-series__media img{max-width:100%;max-height:100%;object-fit:contain;padding:16px}
.zkz-series__body{padding:20px 22px 24px}
.zkz-series__body h3{margin:0 0 8px;font-size:1.05rem}
.zkz-series__body p{margin:0;font-size:.9rem;line-height:1.65;color:var(--body)}

/* 类型/分类：图标 + 文字块 */
.zkz-types{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.zkz-type{border:1px solid var(--line);border-radius:14px;background:#fff;padding:22px}
.zkz-type span{display:flex;width:44px;height:44px;border-radius:12px;background:var(--blue-soft);align-items:center;justify-content:center;margin-bottom:14px}
.zkz-type svg{width:22px;height:22px;color:var(--blue)}
.zkz-type h3{margin:0 0 6px;font-size:1rem}
.zkz-type p{margin:0;font-size:.88rem;line-height:1.6;color:var(--body)}

/* 信任数字区：深底 + 数字 */
.zkz-trust{background:#141210;color:#e9e2d7;padding:clamp(38px,4.4vw,60px) 0}
.zkz-trust__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;text-align:center}
.zkz-trust strong{display:block;font-family:var(--font-head);font-size:clamp(1.7rem,2.6vw,2.3rem);color:#d9c39b;line-height:1.1}
.zkz-trust span{display:block;margin-top:8px;font-size:.86rem;color:#a89f92}

/* 相关产品滑条 */
.zkz-slider{display:flex;gap:18px;overflow-x:auto;padding:4px 0 14px;scroll-snap-type:x mandatory}
.zkz-slider::-webkit-scrollbar{height:6px}
.zkz-slider::-webkit-scrollbar-thumb{background:#d9d2c6;border-radius:99px}
.zkz-slide{flex:0 0 240px;scroll-snap-align:start;border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden;text-decoration:none}
.zkz-slide__media{height:150px;background:var(--soft);display:flex;align-items:center;justify-content:center}
.zkz-slide__media img{max-width:100%;max-height:100%;object-fit:contain;padding:12px}
.zkz-slide__body{padding:14px 16px 18px}
.zkz-slide__body strong{display:block;font-size:.95rem;color:var(--ink);line-height:1.35}
.zkz-slide__body span{display:block;margin-top:6px;font-size:.82rem;color:var(--muted)}

/* FAQ：折叠问答 */
.zkz-faq{display:grid;gap:12px;max-width:900px;margin-inline:auto}
.zkz-faq details{border:1px solid var(--line);border-radius:12px;background:#fff;padding:0}
.zkz-faq summary{cursor:pointer;list-style:none;padding:18px 22px;font-weight:600;color:var(--ink);display:flex;justify-content:space-between;gap:16px;align-items:center}
.zkz-faq summary::-webkit-details-marker{display:none}
.zkz-faq summary::after{content:"+";font-size:1.25rem;color:var(--blue);line-height:1}
.zkz-faq details[open] summary::after{content:"–"}
.zkz-faq .zkz-faq__body{padding:0 22px 20px;font-size:.94rem;line-height:1.7;color:var(--body)}

/* 移动端粘性 CTA */
.zkz-sticky{position:fixed;left:0;right:0;bottom:0;z-index:60;display:none;gap:10px;padding:10px 14px;background:rgba(20,18,16,.96);border-top:1px solid rgba(255,255,255,.12)}
.zkz-sticky .btn{flex:1;padding:12px 14px;font-size:.9rem}
@media(max-width:720px){.zkz-sticky{display:flex}}

@media(max-width:1024px){
  .zkz-series{grid-template-columns:repeat(2,minmax(0,1fr))}
  .zkz-types{grid-template-columns:repeat(2,minmax(0,1fr))}
  .zkz-trust__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px}
}
@media(max-width:640px){
  .zkz-series,.zkz-types{grid-template-columns:1fr}
}

/* ==========================================================================
   ZKZ · 模板 A（博客文章页，同族参照 CapCut resource / hvtesters）
   banner 里放文章标题（无右边栏）→ 正文 → 专家观点 → 对比表 → Key Takeaways → FAQ → Related → CTA
   ========================================================================== */

/* 文章 hero：沿用 .zkz-banner 的底，再加面包屑与元信息行 */
.zkz-article-hero{position:relative;overflow:hidden;background:#141210;color:#f2ede6;padding:clamp(40px,5vw,76px) 0 clamp(34px,4vw,56px)}
.zkz-article-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(150deg,rgba(20,18,16,.96) 0%,rgba(38,32,24,.86) 55%,rgba(20,18,16,.92) 100%)}
.zkz-article-hero__inner{position:relative;z-index:2;max-width:min(100% - 2.5rem,980px);margin-inline:auto}
.zkz-article-hero .crumb{display:flex;flex-wrap:wrap;gap:8px;font-size:.82rem;color:#a89f92;margin-bottom:18px}
.zkz-article-hero .crumb a{color:#cfc6b8;text-decoration:none}
.zkz-article-hero .crumb a:hover{color:#fff}
.zkz-article-hero h1{color:#fff;font-size:clamp(1.75rem,3.1vw,2.6rem);line-height:1.2;margin:0 0 16px}
.zkz-article-hero .lead{color:#d8d1c6;font-size:clamp(1rem,1.08vw,1.06rem);line-height:1.7;margin:0 0 20px;max-width:70ch}
.zkz-article-hero .meta{display:flex;flex-wrap:wrap;gap:10px 16px;font-size:.84rem;color:#a89f92;border-top:1px solid rgba(255,255,255,.12);padding-top:16px}
.zkz-article-hero .meta a{color:#d9c39b;text-decoration:none}

/* 正文：居中单栏，无右边栏 */
.zkz-article{max-width:min(100% - 2.5rem,820px);margin:clamp(34px,4vw,58px) auto}
.zkz-article h2{font-size:clamp(1.35rem,1.9vw,1.65rem);margin:2em 0 .7em;padding-top:.2em}
.zkz-article h3{font-size:clamp(1.1rem,1.35vw,1.25rem);margin:1.6em 0 .5em}
.zkz-article p,.zkz-article li{font-size:1.02rem;line-height:1.85;color:var(--ink-2)}
.zkz-article p{margin:0 0 1.15em}
.zkz-article ul,.zkz-article ol{margin:0 0 1.3em;padding-left:1.35em}
.zkz-article ul{list-style:disc}
.zkz-article ol{list-style:decimal}
.zkz-article li{margin:.4em 0}
.zkz-article li::marker{color:var(--blue)}
.zkz-article a{color:var(--blue-dark);text-decoration:underline;text-underline-offset:2px}
.zkz-article strong{color:var(--ink)}
.zkz-article figure{margin:1.8em 0;text-align:center}
.zkz-article figure img{width:auto;max-width:100%;max-height:min(70vh,620px);border:1px solid var(--line);border-radius:14px;background:var(--soft);padding:10px;margin:0 auto;display:block}
.zkz-article figcaption{margin-top:10px;font-size:.85rem;color:var(--muted);text-align:center}
.zkz-article table{width:100%;border-collapse:collapse;margin:1.6em 0;font-size:.94rem;background:#fff}
.zkz-article th,.zkz-article td{border:1px solid var(--line);padding:11px 14px;text-align:left;vertical-align:top;line-height:1.6}
.zkz-article thead th{background:var(--soft);font-weight:600;color:var(--ink)}
.zkz-article tbody tr:nth-child(even){background:#fbfaf8}
@media(max-width:720px){.zkz-article table{display:block;overflow-x:auto;font-size:.88rem}}

/* 目录（可选，无右边栏所以放在正文顶部） */
.zkz-toc{border:1px solid var(--line);border-radius:14px;background:var(--soft);padding:20px 24px;margin:0 0 32px}
.zkz-toc strong{display:block;font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin-bottom:12px}
.zkz-toc ol{margin:0;padding-left:1.2em;columns:2;column-gap:26px}
.zkz-toc li{margin:0 0 8px;break-inside:avoid;font-size:.93rem}
@media(max-width:720px){.zkz-toc ol{columns:1}}

/* 专家观点 */
.zkz-expert{border-left:3px solid var(--blue);background:var(--blue-soft);border-radius:0 14px 14px 0;padding:24px 26px;margin:2em 0}
.zkz-expert strong{display:block;font-family:var(--font-head);color:var(--ink);margin-bottom:8px}
.zkz-expert p{margin:0;font-size:.98rem;line-height:1.75}

/* Key Takeaways */
.zkz-takeaways{border:1px solid var(--line);border-radius:16px;background:#fff;padding:26px 28px;margin:2.2em 0}
.zkz-takeaways strong{display:block;font-family:var(--font-head);font-size:1.05rem;color:var(--ink);margin-bottom:14px}
.zkz-takeaways ol{margin:0;padding-left:1.3em;counter-reset:tk}
.zkz-takeaways li{margin:.5em 0;font-size:.98rem;line-height:1.7}

/* Related 卡片（3 列） */
.zkz-related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,22px)}
.zkz-related a{display:block;border:1px solid var(--line);border-radius:14px;background:#fff;padding:22px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}
.zkz-related a:hover{transform:translateY(-4px);box-shadow:0 18px 40px -24px rgba(21,19,15,.32)}
.zkz-related span{display:block;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
.zkz-related strong{display:block;font-family:var(--font-head);font-size:1.02rem;line-height:1.4;color:var(--ink);margin-bottom:10px}
.zkz-related p{margin:0;font-size:.9rem;line-height:1.65;color:var(--body)}
@media(max-width:900px){.zkz-related{grid-template-columns:1fr}}

/* ==========================================================================
   ZKZ · 把 ZKZ Article Template 插件的版式改成珠宝配色
   （插件自带 article.css 是它原来的配色体系，这里全部覆盖成 #b8956a / 暖近黑）
   ========================================================================== */

.wh-post{background:#fff}
.wh-outer,.wh-body,.wh-wrap{max-width:min(100% - 2.5rem,1200px);margin-inline:auto}

/* banner */
.wh-hero{position:relative;background:#141210;color:#f2ede6;padding:clamp(40px,5vw,72px) 0}
.wh-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(150deg,rgba(20,18,16,.97) 0%,rgba(40,33,24,.88) 55%,rgba(20,18,16,.94) 100%)}
.wh-hero>*{position:relative;z-index:2}
.wh-crumbs,.wh-crumbs a{color:#a89f92!important;font-size:.83rem}
.wh-crumbs a:hover{color:#d9c39b!important}
.wh-title{color:#fff!important;font-family:Georgia,"Times New Roman",serif!important;font-size:clamp(1.75rem,3.1vw,2.6rem)!important;line-height:1.2!important;font-weight:700!important;max-width:22ch}
.wh-desc{color:#d8d1c6!important;font-size:clamp(1rem,1.08vw,1.06rem)!important;line-height:1.7!important;max-width:70ch}
.wh-meta,.wh-meta a{color:#a89f92!important;font-size:.84rem}
.wh-cta a,.wh-hero a.wh-button,.wh-hero .button{display:inline-flex;align-items:center;gap:.5rem;background:#b8956a!important;color:#141210!important;border:0!important;border-radius:999px!important;padding:13px 26px!important;font-weight:600!important;font-size:.92rem!important;text-decoration:none!important}
.wh-cta a:hover{background:#9a7b52!important;color:#fff!important}
.wh-cover img{border-radius:16px;border:1px solid rgba(255,255,255,.16);display:block;width:100%;height:auto}

/* 左侧竖分享条 */
.wh-share,.wh-share-list{position:sticky;top:120px}
.wh-share-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.wh-share-list a{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:11px;border:1px solid #e8e2d8;background:#faf8f5;color:#6b6459!important;text-decoration:none}
.wh-share-list a:hover{background:#b8956a;border-color:#b8956a;color:#fff!important}

/* 正文 */
.wh-article h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.35rem,1.9vw,1.65rem);color:#15130f;margin:2em 0 .7em}
.wh-article h3{font-size:clamp(1.1rem,1.35vw,1.25rem);color:#15130f;margin:1.6em 0 .5em}
.wh-article p,.wh-article li{font-size:1.02rem;line-height:1.85;color:#2a2621}
.wh-article a{color:#8f6f3f}
.wh-article ul{list-style:disc;padding-left:1.35em}
.wh-article ol{list-style:decimal;padding-left:1.35em}
.wh-article li::marker{color:#b8956a}
.wh-article table{width:100%;border-collapse:collapse;margin:1.6em 0;font-size:.94rem;background:#fff}
.wh-article th,.wh-article td{border:1px solid #e8e2d8;padding:11px 14px;text-align:left;vertical-align:top;line-height:1.6}
.wh-article thead th{background:#faf8f5;font-weight:600;color:#15130f}
.wh-article tbody tr:nth-child(even){background:#fbfaf8}
.wh-article figure{margin:1.8em 0;text-align:center}
.wh-article figure img{width:auto;max-width:100%;max-height:min(70vh,620px);border:1px solid #e8e2d8;border-radius:14px;background:#faf8f5;padding:10px;margin:0 auto;display:block}
.wh-article figcaption{margin-top:10px;font-size:.85rem;color:#8a8378;text-align:center}

/* 专家观点 / Key takeaways / FAQ / 相关卡（我们自己的类，插件渲染后仍在正文里） */
.zkz-expert{border-left:3px solid #b8956a;background:#faf5ee;border-radius:0 14px 14px 0;padding:24px 26px;margin:2em 0}
.zkz-takeaways{border:1px solid #e8e2d8;border-radius:16px;background:#fff;padding:26px 28px;margin:2.2em 0}
.zkz-toc{border:1px solid #e8e2d8;border-radius:14px;background:#faf8f5;padding:20px 24px;margin:0 0 32px}
.zkz-toc strong{color:#b8956a}

@media(max-width:1024px){
  .wh-share,.wh-share-list{position:static}
  .wh-share-list{flex-direction:row}
}

/* --- 文章 hero：封面图改成通栏大图，标题压在图上（左右不再留白） --------- */
.wh-hero{position:relative!important;overflow:hidden;padding:0!important;min-height:0}
.wh-hero-grid{position:relative;display:block!important;max-width:none!important;grid-template-columns:none!important}
.wh-cover{position:absolute!important;inset:0;width:100vw!important;max-width:none!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;z-index:0;overflow:hidden}
.wh-cover img{width:100%!important;height:100%!important;object-fit:cover!important;border:0!important;border-radius:0!important;display:block}
/* 遮罩收进图片层内部，绝不能再盖到正文 */
.wh-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(20,18,16,.94) 0%,rgba(20,18,16,.72) 48%,rgba(20,18,16,.42) 100%)}
.wh-hero-left{position:relative;z-index:2;max-width:min(100% - 2.5rem,1200px)!important;margin-inline:auto;padding:clamp(56px,7vw,104px) 0 clamp(48px,6vw,88px)}
.wh-crumbs{position:relative;z-index:2}
.wh-cover,.wh-cover *{pointer-events:none}
/* 插件在正文里重复输出的封面/大图隐藏掉，只保留 hero 那一张 */
.wh-article>.wh-cover,.wh-article>figure:first-child img[src*="1200"]{display:none}
.wh-article>.wh-cover,.wh-article>figure:first-child{max-height:0;overflow:hidden}
@media(max-width:720px){
  .wh-hero-left{padding:44px 0 52px}
  .wh-cover img{min-height:100%}
}

/* --- hero 左上角面包屑：与标题左对齐、去掉重复的页面标题与多余分隔符 ------ */
.wh-hero>.wh-wrap,
.wh-crumbs{
  max-width:min(100% - 2.5rem,1200px)!important;
  margin-inline:auto!important;
  padding-inline:0!important;
}
.wh-crumbs{
  display:flex!important;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  margin:0 auto 14px!important;
  font-size:.82rem!important;
  letter-spacing:.01em;
}
/* 末尾那段"文章标题"是重复的（H1 就在下面），去掉它和它前面的分隔符 */
.wh-crumbs span[aria-current]{display:none!important}
.wh-crumbs .wh-sep:has(+ span[aria-current]){display:none!important}
.wh-crumbs .wh-sep{opacity:.45;margin:0 2px}
.wh-crumbs a{color:#cfc6b8!important;text-decoration:none}
.wh-crumbs a:hover{color:#fff!important}
.wh-title{margin-top:0!important}

/* --- 文章页：容器放开到真正通栏 + 干掉 hero 上方主题留的空白 -------------- */
body.single-post .site-content .inside-article,
body.single-post .site-content .content-area,
body.single-post .entry-content,
body.single-post .wh-outer,
body.single-post .wh-hero>.wh-wrap{
  max-width:none!important;
  width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  padding-right:0!important;
}
body.single-post .entry-header,
body.single-post .page-header,
body.single-post .inside-article>.entry-header{
  display:none!important;
  height:0!important;
  margin:0!important;
  padding:0!important;
}
body.single-post .site-content,
body.single-post .site-main,
body.single-post .content-container{
  padding-top:0!important;
  margin-top:0!important;
}

/* 彻底清掉主题在正文前留下的所有外间距（标题区/特色图/容器 padding） */
body.single-post #content,
body.single-post #primary,
body.single-post #main,
body.single-post .site-content,
body.single-post .content-area,
body.single-post .content-container,
body.single-post .site-main,
body.single-post .inside-article,
body.single-post .entry-content,
body.single-post .wh-outer,
body.single-post .wh-outer>.wh-wrap{
  margin:0!important;
  padding:0!important;
  border:0!important;
}
body.single-post .entry-content::before,
body.single-post .entry-content::after{content:none!important}

/* --- 正文里重复输出的封面图全部隐藏（hero 已经有一张通栏大图了） --------- */
.wh-body .wh-cover,
.wh-article .wh-cover,
.wh-body figure img.wp-post-image,
.wh-article figure img.wp-post-image,
.wh-body>figure:first-child,
.wh-article>figure:first-child{
  display:none!important;
  height:0!important;
  max-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}

/* --- 正文右侧：推荐文章侧栏（插件输出的 wh-cards 挪到右栏） ---------------- */
.wh-body{
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr) 320px!important;
  column-gap:44px!important;
  align-items:start;
  max-width:1180px!important;
  margin-inline:auto!important;
}
.wh-share{grid-column:1!important;grid-row:1}
.wh-article{grid-column:2!important;grid-row:1;max-width:none!important}
.wh-body>.wh-cards,
.wh-body>.wh-cards-grid,
.wh-body>.wh-cards-wrap,
.wh-body>aside{
  grid-column:3!important;
  grid-row:1;
  position:sticky;
  top:110px;
  align-self:start;
}
.wh-cards,.wh-cards-grid{display:grid!important;grid-template-columns:1fr!important;gap:14px!important}
.wh-card{display:block!important;border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden;text-decoration:none}
.wh-card-img img{width:100%;height:auto;display:block}
.wh-card-title{display:block;font-family:var(--font-head);font-size:.95rem;line-height:1.35;padding:12px 14px 4px;color:var(--ink)!important}
.wh-card-sub{display:block;font-size:.8rem;color:var(--muted);padding:0 14px 14px}
/* 若卡片不在 .wh-body 内，用父级两栏兜底 */
.wh-outer>.wh-wrap:has(.wh-cards){
  display:grid;
  grid-template-columns:minmax(0,1fr) 320px;
  column-gap:44px;
  align-items:start;
  max-width:1180px;
  margin-inline:auto;
}
.wh-outer>.wh-wrap:has(.wh-cards)>.wh-cards,
.wh-outer>.wh-wrap:has(.wh-cards)>.wh-cards-grid{grid-column:2;position:sticky;top:110px}
.wh-outer>.wh-wrap:has(.wh-cards)>*:not(.wh-cards):not(.wh-cards-grid){grid-column:1}
@media(max-width:1100px){
  .wh-body{grid-template-columns:minmax(0,1fr)!important;column-gap:0!important}
  .wh-body>*{grid-column:1!important;position:static!important}
}
.wh-hero{overflow:visible!important;margin-top:0!important}
.wh-cover{left:0!important;right:0!important;width:100vw!important;margin-left:calc(50% - 50vw)!important}
.wh-hero>.wh-wrap{max-width:min(100% - 2.5rem,1200px)!important;margin-inline:auto!important}
/* 三栏容器要够宽，否则正文栏会被挤成 292px */
.wh-body{max-width:min(100% - 2.5rem,1160px)!important;margin-inline:auto!important;grid-template-columns:48px minmax(0,1fr)!important;column-gap:56px!important;align-items:start}
.wh-article{max-width:none!important;width:auto!important;margin:0!important}
/* 主题自己输出的特色图/标题区全部关掉（插件 hero 已经有通栏大图了） */
body.single-post .post-image,
body.single-post .inside-article>.post-image,
body.single-post .entry-content>.post-image,
body.single-post .wp-post-image-cover,
body.single-post .entry-header,
body.single-post .page-header,
body.single-post .entry-meta,
body.single-post .entry-footer{
  display:none!important;
}
/* ==== ZKZ-BLOG-WIDTH-START ==== */
/* ==========================================================================
   文章页宽度对齐主站博客（www.zkzdiamonds.com/news.html）
   主站内层内容区 ≈ 视口 95%（1440 屏约 1400px）。这里把整页容器、头部
   内宽、hero 文案区和三栏正文（左分享 → 正文 → 右推荐）统一到同一宽度。
   ========================================================================== */
body.single-post #page,
body.single-post .site.grid-container,
body.single-post .zkz-header__inner{
  max-width:min(100% - 2.5rem,1400px)!important;
}
body.single-post .site-content,
body.single-post .content-area,
body.single-post .site-main,
body.single-post article,
body.single-post .inside-article,
body.single-post .entry-content,
body.single-post .wh-outer{
  max-width:none!important;
  width:100%!important;
}
/* hero 文案区 / 面包屑 / 正文外框都跟随整页容器，不再各自收缩 */
.wh-hero>.wh-wrap,
.wh-hero-left,
.wh-crumbs,
.wh-outer>.wh-wrap,
.wh-body{
  max-width:100%!important;
  margin-inline:0!important;
  padding-inline:0!important;
}

/* 外层 wrap 直接做三栏网格；wh-body 用 display:contents 让分享条/正文
   与右栏的推荐卡落进同一套网格（否则 wh-body 会被挤成 ~776px） */
.wh-outer>.wh-wrap:has(.wh-cards){
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr) 320px!important;
  column-gap:44px!important;
  row-gap:0!important;
  align-items:start!important;
  width:100%!important;
}
.wh-outer>.wh-wrap:has(.wh-cards)>.wh-body{
  display:contents!important;
  width:auto!important;
  margin:0!important;
}
.wh-outer>.wh-wrap:has(.wh-cards) .wh-share{
  grid-column:1!important;
  grid-row:1!important;
  position:sticky!important;
  top:120px!important;
  align-self:start!important;
  max-width:none!important;
}
.wh-outer>.wh-wrap:has(.wh-cards) .wh-article{
  grid-column:2!important;
  grid-row:1!important;
  max-width:none!important;
  width:auto!important;
  margin:0!important;
  min-width:0!important;
  justify-self:stretch!important;
}
.wh-outer>.wh-wrap:has(.wh-cards)>.wh-cards,
.wh-outer>.wh-wrap:has(.wh-cards)>.wh-cards-grid{
  grid-column:3!important;
  grid-row:1!important;
  position:sticky!important;
  top:120px!important;
  align-self:start!important;
  min-width:0!important;
}
/* 文章结尾的 CTA 跟正文同栏，别跑到分享条下面 */
.wh-outer>.wh-wrap:has(.wh-cards)>.wh-cta,
.wh-outer>.wh-wrap:has(.wh-cards)>.wh-footer-cta{
  grid-column:2!important;
  grid-row:2!important;
  margin:34px 0 0!important;
}

/* 推荐卡缩略图：统一成固定比例，横图不再被压成细条 */
.wh-card-img{
  display:block!important;
  width:100%!important;
  aspect-ratio:16/10!important;
  object-fit:cover!important;
  height:auto!important;
  background:#faf5ee;
}

/* hero 大图按 1920x500 的比例取景，主体尽量留在画面里 */
.wh-cover img{object-position:center 48%!important}

@media(max-width:1100px){
  .wh-outer>.wh-wrap:has(.wh-cards){
    grid-template-columns:minmax(0,1fr)!important;
    column-gap:0!important;
  }
  .wh-outer>.wh-wrap:has(.wh-cards) .wh-share,
  .wh-outer>.wh-wrap:has(.wh-cards) .wh-article,
  .wh-outer>.wh-wrap:has(.wh-cards)>.wh-cards,
  .wh-outer>.wh-wrap:has(.wh-cards)>.wh-cards-grid,
  .wh-outer>.wh-wrap:has(.wh-cards)>.wh-cta,
  .wh-outer>.wh-wrap:has(.wh-cards)>.wh-footer-cta{
    grid-column:1!important;
    grid-row:auto!important;
    position:static!important;
  }
  .wh-outer>.wh-wrap:has(.wh-cards)>.wh-cta,
  .wh-outer>.wh-wrap:has(.wh-cards)>.wh-footer-cta{margin-top:26px!important}
  .wh-share-list{flex-direction:row!important}
}
/* ==== ZKZ-BLOG-WIDTH-END ==== */
/* ==== ZKZ-FOOTER-CSS-START ==== */
/* 站点页脚：深色 + 香槟金，与头部同一宽度（1440 屏 1400px） */
.zkz-footer{background:#141210;color:#b9b0a3;font-size:.9rem;line-height:1.7;margin-top:0}
.zkz-footer__inner{max-width:min(100% - 2.5rem,1400px);margin-inline:auto;padding:58px 0 0}
.zkz-footer__cols{display:grid;grid-template-columns:1.45fr 1fr 1fr 1fr;gap:40px;padding-bottom:44px}
.zkz-footer__logo{display:inline-block;font-family:var(--font-head);font-size:1.25rem;font-weight:700;letter-spacing:.01em;color:#fff;text-decoration:none}
.zkz-footer__logo span{color:#c9a86f}
.zkz-footer__logo em{font-style:normal;font-weight:400;font-size:.74em;letter-spacing:.13em;color:#9e968b;margin-left:7px}
.zkz-footer__lead{margin:14px 0 18px;max-width:34ch;color:#9e968b}
.zkz-footer__contact{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.zkz-footer__contact li{display:flex;flex-wrap:wrap;gap:8px;color:#cfc6b8}
.zkz-footer__contact span{color:#7d766c;min-width:74px}
.zkz-footer a{color:#cfc6b8;text-decoration:none}
.zkz-footer a:hover{color:#c9a86f}
.zkz-footer__col h2{font-family:var(--font-head);font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:#c9a86f;margin:0 0 16px;font-weight:600}
.zkz-footer__col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.zkz-footer__bottom{display:flex;flex-wrap:wrap;gap:10px 24px;justify-content:space-between;border-top:1px solid rgba(255,255,255,.09);padding:20px 0 24px;font-size:.83rem;color:#8b8479}
/* 主题自带的版权条（Built with GeneratePress）兜底隐藏 */
footer.site-info{display:none!important}
@media(max-width:1024px){.zkz-footer__cols{grid-template-columns:1fr 1fr;gap:34px}}
@media(max-width:620px){
  .zkz-footer__cols{grid-template-columns:1fr;gap:30px;padding-bottom:34px}
  .zkz-footer__inner{padding-top:44px}
}
/* ==== ZKZ-FOOTER-CSS-END ==== */
/* ==== ZKZ-BLOG-CSS-START ==== */
/* ==========================================================================
   博客列表（首页 / 分类归档）：banner + 三列卡片 + 底部 CTA
   ========================================================================== */
.zkz-banner--blog{
  background:#141210 url('https://blog.zkzdiamonds.com/wp-content/uploads/2026/09/1789450928135-.png') center/cover no-repeat;
  padding-bottom:clamp(48px,6vw,84px);
}
.zkz-banner--blog .zkz-banner__veil{background:linear-gradient(120deg,rgba(20,18,16,.95) 8%,rgba(20,18,16,.68) 58%,rgba(20,18,16,.34) 100%)}
.zkz-banner--blog .zkz-banner__inner{max-width:100%!important;margin-inline:0!important}
.zkz-banner--blog h1{max-width:26ch}
.zkz-banner--blog p{max-width:72ch}

/* 整个博客区块（首页 / 归档）与文章页、主站博客同宽：1440 屏约 1400px */
.home:not(.page) #page,.blog #page,.archive #page,
.home:not(.page) .zkz-header__inner,.blog .zkz-header__inner,.archive .zkz-header__inner{
  max-width:min(100% - 2.5rem,1400px)!important;
}
.home:not(.page) .site-content,.archive .site-content,
.home:not(.page) .content-area,.archive .content-area,
.home:not(.page) .site-main,.archive .site-main{max-width:none!important;width:100%!important}

/* 列表容器：三列卡片 */
.home:not(.page) .site-main,
.blog .site-main,
.archive .site-main{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:30px;
  align-items:start;
}
.home:not(.page) .site-main>.paging-navigation,
.archive .site-main>.paging-navigation,
.home:not(.page) .site-main>.page-header,
.archive .site-main>.page-header,
.archive .site-main>.page-title,
.search .site-main>.page-header{grid-column:1/-1}
.home:not(.page) .site-main>article,
.archive .site-main>article{margin:0!important;min-width:0}
.home:not(.page) .inside-article,
.archive .inside-article{
  display:flex!important;
  flex-direction:column;
  height:100%;
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  overflow:hidden;
  padding:0!important;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.home:not(.page) .inside-article:hover,
.archive .inside-article:hover{transform:translateY(-3px);box-shadow:0 18px 44px rgba(20,18,16,.10);border-color:#ddd4c6}

/* 卡片缩略图排到最上面 */
.home:not(.page) .inside-article>.post-image,
.archive .inside-article>.post-image{order:-1;margin:0!important;padding:0!important}
.home:not(.page) .inside-article>.post-image img,
.archive .inside-article>.post-image img{
  width:100%!important;height:auto!important;display:block;
  aspect-ratio:16/10;object-fit:cover;border-radius:0;
}

/* 文字区 */
.home:not(.page) .inside-article>.entry-header,
.archive .inside-article>.entry-header{padding:22px 24px 0;margin:0;border:0}
.home:not(.page) .entry-header .entry-meta,
.archive .entry-header .entry-meta{font-size:.78rem;color:var(--muted);margin:0 0 10px;display:block}
.home:not(.page) .entry-header .byline,
.archive .entry-header .byline{display:none}
.home:not(.page) .entry-title,
.archive .entry-title{font-family:var(--font-head)!important;font-size:1.08rem!important;line-height:1.4!important;margin:0!important;font-weight:600!important}
.home:not(.page) .entry-title a,
.archive .entry-title a{color:var(--ink)!important;text-decoration:none;background:none}
.home:not(.page) .entry-title a:hover,
.archive .entry-title a:hover{color:#8f6f3f!important}
.home:not(.page) .inside-article>.entry-summary,
.archive .inside-article>.entry-summary{padding:12px 24px 0;margin:0}
.home:not(.page) .entry-summary p,
.archive .entry-summary p{font-size:.93rem;line-height:1.72;color:var(--ink-2);margin:0}
.home:not(.page) .read-more,
.archive .read-more{display:inline-block;margin-top:10px;font-size:.85rem;font-weight:600;color:#8f6f3f!important;text-decoration:none}
.home:not(.page) .inside-article>.entry-meta,
.archive .inside-article>.entry-meta{
  margin-top:auto!important;padding:16px 24px 20px!important;border-top:1px solid var(--line);
  font-size:.79rem;color:var(--muted);display:flex;flex-wrap:wrap;gap:8px 16px;
}
.home:not(.page) .entry-meta a,
.archive .entry-meta a{color:#8f6f3f!important;text-decoration:none}
.home:not(.page) .comments-link,
.archive .comments-link{display:none}

/* 归档页顶部标题（分类名）压缩成一条，不要占一整屏 */
.archive .page-header{padding:26px 0 0}
.archive .page-header .page-title{font-size:1.5rem;margin:0}

@media(max-width:1024px){
  .home:not(.page) .site-main,.blog .site-main,.archive .site-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
}
@media(max-width:640px){
  .home:not(.page) .site-main,.blog .site-main,.archive .site-main{grid-template-columns:minmax(0,1fr);gap:20px}
}
/* ==== ZKZ-BLOG-CSS-END ==== */
/* ==== ZKZ-UNIFY-CSS-START ==== */
/* ==========================================================================
   page 与 post 共用博客模板：页面正文落进 .wh-article 后的适配
   ========================================================================== */

/* 整页容器、头部内宽和文章页保持一致（1440 屏约 1400px） */
body.page #page,
body.page .site.grid-container,
body.page .zkz-header__inner{
  max-width:min(100% - 2.5rem,1400px)!important;
}
body.page .site-content,
body.page .content-area,
body.page .site-main,
body.page article,
body.page .inside-article,
body.page .entry-content,
body.page .wh-outer{
  max-width:none!important;
  width:100%!important;
}
body.page .inside-article>.entry-header{display:none!important}
body.page .inside-article,
body.page #content,
body.page #primary,
body.page .site-content,
body.page .content-area,
body.page .site-main,
body.page .entry-content,
body.page .wh-outer{
  padding:0!important;
  margin-top:0!important;
  margin-bottom:0!important;
  border:0!important;
}

/* 页面正文里的通栏块（.wecent-bleed 是给整页用的）在正文栏里收成卡片 */
body.page .wh-article .wecent-bleed,
.wh-article .wecent-bleed{
  width:auto!important;
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
  border-radius:18px;
  overflow:hidden;
}
.wh-article .cta-band__inner{
  grid-template-columns:minmax(0,1fr)!important;
  padding:clamp(30px,4vw,46px) clamp(24px,3vw,38px)!important;
}

/* 正文栏里的 section / 卡片排版收紧一点，读起来更像文章 */
.wh-article>.wrap,
.wh-article .wrap{width:100%!important;max-width:none!important;margin-inline:0!important}
.wh-article .section{padding:26px 0}
.wh-article .section:first-of-type{padding-top:6px}
.wh-article .section--soft{background:transparent;border:0;padding:8px 0 22px}
.wh-article .sec-head h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.35rem,1.9vw,1.65rem);margin-bottom:.5em}
.wh-article .zkz-article p,
.wh-article .section p{font-size:1.02rem;line-height:1.85;color:#2a2621}
.wh-article .zkz-trust{border-radius:16px;margin:8px 0 18px}
.wh-article .zkz-trust__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px 26px}
.wh-article .zkz-faq{margin-top:0}
.wh-article .zkz-series,
.wh-article .zkz-related,
.wh-article .zkz-types{grid-template-columns:repeat(2,minmax(0,1fr))}
.wh-article .zkz-imgs{margin:0 0 6px}

/* 页面里不再需要插件那条纯按钮的收尾 CTA —— 页面自带深色 CTA 区块 */
body.page .wh-footer-cta{display:none!important}

@media(max-width:760px){
  .wh-article .zkz-trust__grid,
  .wh-article .zkz-series,
  .wh-article .zkz-related,
  .wh-article .zkz-types{grid-template-columns:minmax(0,1fr)!important}
}
/* ==== ZKZ-UNIFY-CSS-END ==== */
/* ==== ZKZ-HERO-FIX-START ==== */
/* ==========================================================================
   Banner 两处问题：
   1) 通栏大图的定位父级是 .wh-hero-grid，而它在面包屑下面 34px 才开始，
      所以面包屑那一行露出的是 hero 的纯底色 —— 看起来像两块拼在一起。
      把 hero-grid 改成 static，让大图相对 .wh-wrap（= 整个 hero）定位，
      面包屑就压在图上了。
   2) 原来那层遮罩最深处 0.94，把图本身（蓝色调）压得几乎看不出来。
      改成偏左的渐隐遮罩：左边保住白字对比度，右边把图片本来的颜色放出来。
   ========================================================================== */
.wh-hero-grid{position:static!important}
/* 主题在正文上方多输出的那张特色图（跟 hero 大图重复）兜底隐藏 */
.featured-image.page-header-image,
body.page .page-header-image{display:none!important}

.wh-cover::after{
  background:linear-gradient(
    92deg,
    rgba(9,11,16,.62) 0%,
    rgba(9,11,16,.44) 22%,
    rgba(9,11,16,.26) 44%,
    rgba(9,11,16,.10) 66%,
    rgba(9,11,16,.02) 84%,
    rgba(9,11,16,0) 100%
  )!important;
}
/* 遮罩放到很淡，靠文字阴影补白字的可读性 —— 图片本身保持主站那样的明亮度 */
.wh-title,
.wh-desc,
.wh-crumbs,
.wh-crumbs a{
  text-shadow:0 1px 3px rgba(8,10,16,.55),0 2px 24px rgba(8,10,16,.40),0 0 60px rgba(8,10,16,.25)!important;
}
.wh-crumbs span[aria-current],.wh-crumbs a{text-shadow:0 1px 2px rgba(8,10,16,.6)!important}
@media(max-width:900px){
  /* 窄屏文字压满整幅图，遮罩要均匀一些 */
  .wh-cover::after{
    background:linear-gradient(
      180deg,
      rgba(12,13,17,.82) 0%,
      rgba(12,13,17,.72) 55%,
      rgba(12,13,17,.80) 100%
    )!important;
  }
}
/* ==== ZKZ-HERO-FIX-END ==== */
/* ==== ZKZ-TOC-CARD-FIX-START ==== */
/* ==========================================================================
   1) 正文里的 Table of Contents：上下留白对齐（原来上 0px、下 16px，一窄一宽）
   2) 右栏 Recommended 卡片：照 hvtesters 改成「左图右文」的横排条目
   ========================================================================== */

/* ---------- 1) Table of Contents 间距 ---------- */
.wh-article #ez-toc-container,
.wh-article .ez-toc-container,
.wh-article .lwptoc,
.wh-article .zkz-toc{
  margin:24px 0!important;
  padding:18px 22px!important;
  border:1px solid var(--line)!important;
  border-radius:14px!important;
  background:#faf8f5!important;
  box-shadow:none!important;
}
.wh-article #ez-toc-container .ez-toc-title,
.wh-article #ez-toc-container .ez-toc-title-container p{
  font-family:var(--font-head)!important;
  font-size:.92rem!important;
  font-weight:600!important;
  letter-spacing:.01em;
  color:var(--ink)!important;
  margin:0 0 10px!important;
}
.wh-article #ez-toc-container ul{margin:0!important;padding-left:1.15em!important}
.wh-article #ez-toc-container li{margin:0!important;font-size:.92rem!important;line-height:1.7!important}
.wh-article #ez-toc-container a{
  font-size:.92rem!important;
  color:var(--ink-2)!important;
  text-decoration:none!important;
}
.wh-article #ez-toc-container a:hover{color:#8f6f3f!important}
.wh-article #ez-toc-container .ez-toc-title-toggle{display:none!important}

/* ---------- 2) 右栏卡片：左图（76×57）＋右文，横排 ---------- */
.wh-cards{margin:0!important}
.wh-cards-grid{
  display:flex!important;
  flex-direction:column!important;
  gap:18px!important;
  grid-template-columns:none!important;
}
.wh-cards .wh-card{
  display:grid!important;
  grid-template-columns:76px minmax(0,1fr);
  column-gap:12px;
  align-items:start;
  width:100%!important;
  max-width:none!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  padding:0!important;
  margin:0!important;
  text-decoration:none!important;
}
.wh-cards .wh-card-img{
  grid-column:1!important;
  grid-row:1/3!important;
  width:76px!important;
  height:57px!important;
  max-width:76px!important;
  aspect-ratio:auto!important;
  object-fit:cover!important;
  border-radius:8px!important;
  display:block!important;
  background:var(--soft);
}
.wh-cards .wh-card-title{
  grid-column:2!important;
  grid-row:1!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  padding:0!important;
  margin:0!important;
  font-family:inherit!important;
  font-size:.875rem!important;
  font-weight:500!important;
  line-height:1.42!important;
  color:var(--ink)!important;
}
.wh-cards .wh-card-sub{
  grid-column:2!important;
  grid-row:2!important;
  display:block!important;
  padding:0!important;
  margin:2px 0 0!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  font-size:.75rem!important;
  color:var(--muted)!important;
}
.wh-card:hover .wh-card-title{color:#8f6f3f!important}
/* ==== ZKZ-TOC-CARD-FIX-END ==== */
/* ==== ZKZ-BANNER-SOLID-CSS-START ==== */
/* ==========================================================================
   Banner 改成纯色（天空蓝）+ 右侧一个图片格子
   方案 A · Sky Blue  #DCEAF6  ← 当前使用
   方案 B · Ice Blue  #E9F2F9
   方案 C · Aqua Mist #CFE6F1
   换色只改下面 --banner-bg 一行即可。

   注意：插件自带的 article.css 是在本文件之后加载的，里面用
   `body.wh-post h1.wh-title`（0,2,2）这类选择器定了颜色，
   所以这里的覆盖都要带 `body.wh-post .wh-hero …` 前缀提高优先级。
   ========================================================================== */
:root{
  --banner-bg:#DCEAF6;
  --banner-ink:#101F2C;
  --banner-muted:#4A6478;
  --banner-crumb:#5C7A8F;
}

/* ---------- 1) 纯色底 ---------- */
body.wh-post .wh-hero,
.wh-hero{
  background:transparent!important;
  color:var(--banner-ink)!important;
  /* 元素本身仍留在内容容器里（这样标题和页面其它内容左对齐），
     纯色底交给下面的 ::before 铺满整个视口 */
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  /* 上下留白按「面包屑那一行的高度」补偿，让右侧图片在 banner 里真正垂直居中 */
  padding:32px 0 66px!important;
  position:relative!important;
  overflow:visible!important;
}
body.wh-post .wh-hero::before,
.wh-hero::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  top:0!important;
  bottom:0!important;
  left:calc(50% - 50vw)!important;
  width:100vw!important;
  background:var(--banner-bg)!important;
  z-index:0!important;
}
/* 内层内容跟随页面容器，和头部/正文完全对齐 */
body.wh-post .wh-hero>.wh-wrap,
.wh-hero>.wh-wrap{
  max-width:100%!important;
  margin-inline:0!important;
  padding-inline:0!important;
  position:relative;
  z-index:2;
}

/* ---------- 2) 左文右图两栏 ---------- */
body.wh-post .wh-hero-grid,
.wh-hero-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,600px)!important;
  column-gap:clamp(28px,4vw,60px)!important;
  row-gap:26px!important;
  align-items:center!important;
  position:static!important;
  max-width:none!important;
}
body.wh-post .wh-hero-left,
.wh-hero-left{
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
}

/* ---------- 3) 右侧图片格子 ---------- */
body.wh-post .wh-cover,
.wh-cover{
  position:static!important;
  inset:auto!important;
  order:0!important;              /* 插件在窄屏把图片提到文字前面，这里关掉 */
  width:100%!important;
  max-width:600px!important;
  margin:0!important;
  padding:0!important;
  z-index:1!important;
  overflow:visible!important;
}
body.wh-post .wh-cover::after,
.wh-cover::after{display:none!important}
body.wh-post .wh-cover img,
.wh-cover img{
  width:100%!important;
  height:auto!important;
  aspect-ratio:4/3!important;
  object-fit:cover!important;
  object-position:center!important;
  display:block!important;
  border:0!important;
  border-radius:18px!important;
  box-shadow:0 26px 60px -34px rgba(12,42,68,.55)!important;
}

/* ---------- 4) 浅底深字 ---------- */
body.wh-post .wh-hero h1.wh-title,
body.wh-post .wh-hero .wh-title{
  color:var(--banner-ink)!important;
  max-width:20ch!important;
  text-shadow:none!important;
}
body.wh-post .wh-hero .wh-desc{
  color:var(--banner-muted)!important;
  max-width:56ch!important;
  text-shadow:none!important;
}
body.wh-post .wh-hero .wh-crumbs,
body.wh-post .wh-hero .wh-crumbs a{
  color:var(--banner-crumb)!important;
  text-shadow:none!important;
}
body.wh-post .wh-hero .wh-crumbs a:hover{color:var(--banner-ink)!important}
body.wh-post .wh-hero .wh-crumbs .wh-sep{opacity:.55!important}

/* ---------- 5) 正文三栏上方留一点空间（原来是 0px 紧贴 banner）---------- */
body.wh-post .wh-outer>.wh-wrap:has(.wh-cards),
.wh-outer>.wh-wrap:has(.wh-cards){padding-top:42px!important}

/* ---------- 6) 右栏只保留一个列表 ---------- */
.wh-recommend{display:none!important}

/* ---------- 7) 首页/归档的 banner 用同一套纯色，避免和文章页两种风格 ---------- */
.zkz-banner--blog{
  background:var(--banner-bg)!important;
  color:var(--banner-ink)!important;
  padding:clamp(44px,5vw,72px) 0!important;
}
.zkz-banner--blog .zkz-banner__inner{
  max-width:min(100% - 2.5rem,1400px)!important;
  margin-inline:auto!important;
}
.zkz-banner--blog .zkz-banner__inner--split{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,600px);
  column-gap:clamp(28px,4vw,60px);
  row-gap:26px;
  align-items:center;
}
.zkz-banner--blog .zkz-banner__text{min-width:0}
.zkz-banner--blog .zkz-banner__media{margin:0!important;padding:0!important}
.zkz-banner--blog .zkz-banner__media img{
  width:100%;
  height:auto;
  aspect-ratio:4/3;
  object-fit:cover;
  display:block;
  border-radius:18px;
  box-shadow:0 26px 60px -34px rgba(12,42,68,.55);
}
.zkz-banner--blog .zkz-banner__veil{display:none!important}
.zkz-banner--blog .zkz-banner__eyebrow{
  color:#3E6076!important;
  border-color:rgba(62,96,118,.32)!important;
  background:#fff!important;
}
.zkz-banner--blog h1{color:var(--banner-ink)!important}
.zkz-banner--blog p{color:var(--banner-muted)!important}
.zkz-banner--blog .zkz-banner__chips span{
  color:#2F4A5E!important;
  border-color:rgba(47,74,94,.22)!important;
  background:rgba(255,255,255,.72)!important;
}
.zkz-banner--blog .btn--ghost{
  background:#fff!important;
  border-color:rgba(16,31,44,.18)!important;
  color:var(--banner-ink)!important;
}

@media(max-width:1024px){
  body.wh-post .wh-hero-grid,
  .wh-hero-grid{grid-template-columns:minmax(0,1fr)!important}
  body.wh-post .wh-cover,
  .wh-cover{max-width:100%!important}
  body.wh-post .wh-cover img,
  .wh-cover img{aspect-ratio:16/9!important}
  body.wh-post .wh-outer>.wh-wrap:has(.wh-cards),
  .wh-outer>.wh-wrap:has(.wh-cards){padding-top:30px!important}
  .zkz-banner--blog .zkz-banner__inner--split{grid-template-columns:minmax(0,1fr)}
  .zkz-banner--blog .zkz-banner__media img{aspect-ratio:16/9}
}
/* ==== ZKZ-BANNER-SOLID-CSS-END ==== */
/* ==== ZKZ-POST-ALIGN-CSS-START ==== */
/* ==========================================================================
   文章页三处对齐 / 间距
   ① 正文第一行与左边 Facebook 按钮同一条水平线
      —— 根因：正文外面那层 .zkz-article 自带上下外边距（clamp(34px,4vw,58px)）
         和 820px 窄栏限制，正文又是从一个空 <p> 开始的，
         所以第一行被推到按钮下方 89px。
   ② 右边栏和 Facebook 按钮同一水平线
   ③ 正文结尾的 Request a Quote 和深色 footer 之间留缝
   ========================================================================== */

/* ---------- ① 正文栏：去掉多余外边距 / 窄栏 / 空段落 ---------- */
body.wh-post .wh-article .zkz-article,
.wh-article .zkz-article{
  margin:0!important;
  max-width:100%!important;
  width:100%!important;
}
body.wh-post .wh-article p:empty,
.wh-article p:empty{display:none!important}

/* ---------- ② 三栏首元素从同一条线开始（分享条 / 正文 / 右栏） ---------- */
body.wh-post .wh-outer>.wh-wrap:has(.wh-cards) .wh-share,
body.wh-post .wh-outer>.wh-wrap:has(.wh-cards) .wh-article,
body.wh-post .wh-outer>.wh-wrap:has(.wh-cards)>.wh-cards{
  align-self:start!important;
  margin-top:0!important;
}
/* 正文首行往上抬 10px，让它的行盒顶边和左边 Facebook 按钮的顶边同线。
   （左栏按钮 / 正文首行 / 右栏标题三者的顶边因此都在同一条水平线上，
     这也是参考站 hvtesters 的做法：它的分享条、正文首段、右栏标题三者 top 都是同一个值。） */
body.wh-post .wh-outer>.wh-wrap:has(.wh-cards) .wh-article,
body.wh-post .wh-article{margin-top:-10px!important}
/* 正文外那层 .zkz-article 之前会继承 16px/27.2px，和里面的 <p>（16.32px/30.2px）
   行距不一致，导致同一篇里第一段和其它段落的行高不同，这里统一。 */
body.wh-post .wh-article .zkz-article,
.wh-article .zkz-article{font-size:1.02rem!important;line-height:1.85!important}

/* ---------- ③ 正文收尾的 Request a Quote 与深色 footer 之间留 64px ---------- */
body.single-post .wh-outer{padding-bottom:64px!important}
/* 页面结尾的深色 CTA 区块（Send Your … Brief）同样不要和 footer 连在一起 */
body.page .wh-outer{padding-bottom:64px!important}
/* 列表页结尾的深色 CTA 一样留缝 */
.zkz-blog-cta{margin-bottom:64px!important}

/* ---------- ④ 正文里的块按钮：深底白字，和正文文字明显区分 ---------- */
body.wh-post .wh-article a.wp-block-button__link,
body.wh-post .wh-article a.wp-element-button,
.wh-article .wp-block-button__link,
.wh-article .wp-element-button,
.zkz-home-body .wp-block-button__link{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  background:#141210!important;
  color:#ffffff!important;
  border:1px solid #141210!important;
  border-radius:999px!important;
  padding:14px 28px!important;
  font-family:var(--font-body)!important;
  font-size:.92rem!important;
  font-weight:600!important;
  letter-spacing:.01em!important;
  line-height:1.2!important;
  text-decoration:none!important;
  box-shadow:none!important;
}
body.wh-post .wh-article a.wp-block-button__link:hover,
body.wh-post .wh-article a.wp-element-button:hover,
.wh-article .wp-block-button__link:hover,
.zkz-home-body .wp-block-button__link:hover{
  background:#b8956a!important;
  border-color:#b8956a!important;
  color:#141210!important;
}
/* outline 款：白底 + 深色描边 + 深色字 */
body.wh-post .wh-article .wp-block-button.is-style-outline a.wp-block-button__link,
.wh-article .wp-block-button.is-style-outline .wp-block-button__link,
.zkz-home-body .wp-block-button.is-style-outline .wp-block-button__link{
  background:#ffffff!important;
  border:1px solid #d8d1c6!important;
  color:#141210!important;
}
body.wh-post .wh-article .wp-block-button.is-style-outline a.wp-block-button__link:hover,
.wh-article .wp-block-button.is-style-outline .wp-block-button__link:hover,
.zkz-home-body .wp-block-button.is-style-outline .wp-block-button__link:hover{
  background:#faf8f5!important;
  border-color:#b8956a!important;
  color:#141210!important;
}
.wh-article .wp-block-buttons{gap:12px;margin:28px 0 10px!important}

/* ---------- ⑤ 正文插图：限宽 500px，竖向图 1:1、横向图 16:9 ---------- */
.wh-article figure{
  max-width:500px!important;
  margin:30px auto!important;
  text-align:center;
}
.wh-article figure img{
  display:block;
  width:100%!important;
  max-width:500px!important;
  height:auto!important;
  object-fit:cover;
  object-position:center;
  border:0!important;
  border-radius:14px!important;
  padding:0!important;
  background:var(--soft);
  margin-inline:auto!important;
}
.wh-article img.zkz-fig-sq{aspect-ratio:1/1!important}
.wh-article img.zkz-fig-wide{aspect-ratio:16/9!important}
.wh-article figcaption{
  margin:12px auto 0!important;
  font-size:.85rem;
  line-height:1.6;
  color:var(--muted);
  text-align:center;
}
@media(max-width:768px){
  .wh-article figure{margin:24px auto!important}
}

/* ---------- ⑥ 正文 FAQ：问题那一行加粗（其它不变） ---------- */
.wh-article .faq .faq-q,
.faq .faq-q,
.wh-article p.faq-q,
p.faq-q{
  font-weight:700!important;
}

@media(max-width:768px){
  body.single-post .wh-outer{padding-bottom:44px!important}
  body.page .wh-outer{padding-bottom:44px!important}
  .zkz-blog-cta{margin-bottom:44px!important}
}
/* ==== ZKZ-POST-ALIGN-CSS-END ==== */
/* ==== ZKZ-FRONTPAGE-CSS-START ==== */
/* 主页：banner + 3×3 文章九宫格 + 原页面内容 */
.zkz-home-hero .wh-title{max-width:100%!important}
.zkz-home-hero .wh-hero-left{padding-top:clamp(40px,4.6vw,68px)!important;padding-bottom:clamp(40px,4.6vw,68px)!important}

.zkz-home-grid-wrap,
.zkz-home-body{
  max-width:100%;
  margin-inline:auto;
}
.zkz-home-grid-wrap{padding:56px 0 0}
.zkz-home-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:30px;
}
.zkz-home-card{
  display:flex;
  flex-direction:column;
  height:100%;
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  overflow:hidden;
  text-decoration:none!important;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.zkz-home-card:hover{transform:translateY(-3px);box-shadow:0 18px 44px rgba(20,18,16,.10);border-color:#ddd4c6}
.zkz-home-card__img{
  display:block;
  width:100%;
  aspect-ratio:16/10;
  object-fit:cover;
  background:var(--soft);
}
.zkz-home-card__body{
  display:flex;
  flex-direction:column;
  gap:9px;
  flex:1;
  padding:20px 22px 24px;
}
.zkz-home-card__meta{
  font-size:.74rem;
  font-weight:600;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#8f6f3f;
}
.zkz-home-card__title{
  font-family:var(--font-head);
  font-size:1.06rem;
  font-weight:600;
  line-height:1.38;
  color:var(--ink);
}
.zkz-home-card__ex{
  font-size:.92rem;
  line-height:1.68;
  color:var(--ink-2);
}
.zkz-home-card:hover .zkz-home-card__title{color:#8f6f3f}

/* 主页原本的区块内容（Explore the guides / From the workshop …） */
.zkz-home-body{
  padding:64px 0 72px;
  /* 用网格接管版式：两个 wp:columns 块之间共享同一套网格，
     4 张 guide 卡就能排成一行，而不会被 WP 的 flex 压成 1307 / 54 px */
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:24px;
  align-items:start;
}
.zkz-home-body>*{grid-column:1/-1;margin:0!important}
.zkz-home-body>.wp-block-columns{display:contents!important}
.zkz-home-body h2{
  font-family:var(--font-head);
  font-size:clamp(1.4rem,2vw,1.75rem);
  color:var(--ink);
  margin:14px 0 0!important;
}
.zkz-home-body h3{
  font-family:var(--font-head);
  font-size:1.12rem;
  color:var(--ink);
  margin:0 0 10px!important;
}
.zkz-home-body .wp-block-column{
  grid-column:auto!important;
  display:flex!important;
  flex-direction:column;
  gap:10px;
  margin:0!important;
  width:auto!important;
  min-width:0!important;
  flex:none!important;
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  padding:24px 26px;
}
.zkz-home-body .wp-block-column p{margin:0!important}
.zkz-home-body .wp-block-column p:last-child{margin-top:auto!important}
.zkz-home-body>p{font-size:1rem;line-height:1.75;color:var(--ink-2);margin:0!important}
.zkz-home-body a{color:#8f6f3f}
.zkz-home-body .wp-block-button__link{
  display:inline-flex;
  align-items:center;
  background:#b8956a!important;
  color:#141210!important;
  border:0!important;
  border-radius:999px!important;
  padding:13px 26px!important;
  font-weight:600!important;
  font-size:.92rem!important;
  text-decoration:none!important;
}
.zkz-home-body .wp-block-button__link:hover{background:#9a7b52!important;color:#fff!important}
.zkz-home-body .wp-block-button.is-style-outline .wp-block-button__link{
  background:#fff!important;
  border:1px solid var(--line)!important;
  color:var(--ink)!important;
}
.zkz-home-body>.wp-block-buttons{gap:12px;margin-top:10px!important}

@media(max-width:1024px){
  .zkz-home-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
  .zkz-home-body{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
}
@media(max-width:640px){
  .zkz-home-grid{grid-template-columns:minmax(0,1fr);gap:20px}
  .zkz-home-grid-wrap{padding-top:34px}
  .zkz-home-body{padding:40px 0 52px}
  .zkz-home-body{grid-template-columns:minmax(0,1fr)}
}
/* ==== ZKZ-FRONTPAGE-CSS-END ==== */
/* ==== ZKZ-HUB-CSS-START ==== */
/* ==========================================================================
   Hub 页模板（色带结构）
   规范：hub-page-design-spec v5 · 参考实现 gdwecent.com/laptop-chargers/
   令牌换成 ZKZ 自己的：香槟金 #b8956a / 暖近黑 #141210 / 米白 #faf8f5
   ========================================================================== */
:root{
  --hub-gold:#b8956a;
  --hub-gold-d:#8f6f3f;
  --hub-hero-a:#141210;
  --hub-hero-b:#2a2118;
  --hub-deep:#171412;
  --hub-ink:#15130f;
  --hub-body:#2a2621;
  --hub-muted:#6b6459;
  --hub-line:#e8e2d8;
  --hub-soft:#faf8f5;
  --hub-head:Georgia,"Times New Roman",serif;
  --hub-text:"Inter","Segoe UI",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
}

/* hub 页整页通屏，阅读宽度交给 .zh-inner */
body.zkz-hub #page,
body.zkz-hub .site.grid-container{max-width:none!important;padding:0!important}
body.zkz-hub .site-content,
body.zkz-hub .content-area,
body.zkz-hub .site-main,
body.zkz-hub .inside-article,
body.zkz-hub .entry-content{max-width:none!important;width:100%!important;padding:0!important;margin:0!important;border:0!important}
body.zkz-hub .inside-article>.entry-header,
body.zkz-hub .entry-footer{display:none!important}
body.zkz-hub .zkz-header__inner{max-width:min(100% - 2.5rem,1400px)!important}

/* ---------- 色带 ---------- */
.zh-band{background:#fff;padding:70px 0;width:100%}
.zh-band--soft{background:var(--hub-soft)}
.zh-band--dark{background:var(--hub-deep);color:#e8e0d3}
.zh-inner{max-width:1188px;margin:0 auto;padding:0 24px;width:100%}

.zh-sec-head{text-align:center;margin:0 auto 44px}
.zh-h2{font-family:var(--hub-head);font-weight:700;letter-spacing:-.01em;color:var(--hub-ink);
  font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.25;margin:0 auto 0;max-width:24ch}
.zh-h2::after{content:"";display:block;width:54px;height:4px;border-radius:2px;background:var(--hub-gold);margin:16px auto 0}
.zh-lead{font-family:var(--hub-text);font-size:1rem;line-height:1.7;color:var(--hub-muted);margin:18px auto 0;max-width:70ch;text-align:center}
.zh-band--dark .zh-h2{color:#fff}
.zh-band--dark .zh-h2::after{background:var(--hub-gold)}
.zh-band--dark .zh-lead{color:#bfb6a6}

/* ---------- Hero ---------- */
.zh-hero{background:linear-gradient(150deg,var(--hub-hero-a) 0%,var(--hub-hero-b) 58%,var(--hub-hero-a) 100%);color:#f2ede6;padding:86px 0 94px}
.zh-hero-inner{max-width:1188px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1fr;gap:38px;align-items:center}
@media(min-width:900px){.zh-hero-inner{grid-template-columns:1.06fr .94fr;gap:56px}}
.zh-hero-copy{display:flex;flex-direction:column;align-items:flex-start}
.zh-h1{font-family:var(--hub-head);font-weight:700;letter-spacing:-.01em;color:#fff;
  font-size:clamp(2.1rem,4vw,3.15rem);line-height:1.08;margin:0 0 18px}
.zh-assert{font-family:var(--hub-head);font-size:clamp(1.05rem,1.5vw,1.28rem);line-height:1.5;color:#e6d9c4;margin:0 0 16px;max-width:34ch}
.zh-intro{font-family:var(--hub-text);font-size:1.02rem;line-height:1.75;color:#cfc6b8;margin:0 0 24px;max-width:56ch}
.zh-checks{list-style:none;margin:0 0 30px;padding:0;display:flex;flex-direction:column;gap:10px}
.zh-checks li{display:flex;gap:10px;align-items:flex-start;font-family:var(--hub-text);font-size:.96rem;color:#e8e0d3;line-height:1.6}
.zh-checks li::before{content:"";flex:0 0 18px;width:18px;height:18px;margin-top:3px;border-radius:50%;
  background:var(--hub-gold) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23141210' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") center/12px no-repeat}
.zh-hero-media img{display:block;width:100%;height:auto;border-radius:14px;background:#fff;
  box-shadow:0 26px 60px rgba(0,0,0,.45)}

.zh-btn{display:inline-flex;align-items:center;gap:8px;background:var(--hub-gold);color:#141210!important;
  border-radius:50px;padding:15px 34px;font-family:var(--hub-head);font-weight:600;font-size:1rem;text-decoration:none}
.zh-btn:hover{background:#c9a86f;color:#141210!important}
.zh-btn--ghost{background:transparent;border:1px solid rgba(255,255,255,.32);color:#fff!important}
.zh-btn--ghost:hover{background:rgba(255,255,255,.08);border-color:#fff}
.zh-btn svg{width:15px;height:15px}

/* ---------- 卡片网格 ---------- */
.zh-grid{display:grid;grid-template-columns:1fr;gap:26px}
@media(min-width:760px){.zh-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1000px){.zh-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1120px){.zh-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}}
.zh-card{background:#fff;border-radius:6px;padding:34px 30px;
  box-shadow:0 1px 3px -2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.12);
  transition:transform .2s ease,box-shadow .2s ease}
.zh-card:hover{transform:translateY(-4px);box-shadow:0 6px 16px -2px rgba(0,0,0,.16),0 10px 24px rgba(0,0,0,.10)}
.zh-band--soft .zh-card{background:#fff}
.zh-num{font-family:var(--hub-head);font-size:1.6rem;font-weight:700;color:var(--hub-gold);line-height:1;margin:0 0 12px}
.zh-h3{font-family:var(--hub-head);font-size:1.2rem;line-height:1.35;font-weight:700;color:var(--hub-ink);margin:0 0 10px}
.zh-p{font-family:var(--hub-text);font-size:.97rem;line-height:1.72;color:var(--hub-body);margin:0 0 16px}
.zh-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.zh-links a{font-family:var(--hub-text);font-size:.93rem;line-height:1.55;color:var(--hub-gold-d);text-decoration:none;
  display:inline-flex;gap:8px;align-items:flex-start}
.zh-links a::before{content:"";flex:0 0 6px;width:6px;height:6px;margin-top:7px;border-radius:50%;background:var(--hub-gold)}
.zh-links a:hover{color:var(--hub-ink);text-decoration:underline}

/* ---------- 深色成因带 ---------- */
.zh-causes{display:grid;grid-template-columns:1fr;gap:30px}
@media(min-width:760px){.zh-causes{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1120px){.zh-causes{grid-template-columns:repeat(4,minmax(0,1fr))}}
.zh-cause .zh-dot{width:48px;height:48px;border-radius:50%;background:var(--hub-gold);color:#141210;
  display:flex;align-items:center;justify-content:center;font-family:var(--hub-head);font-weight:700;font-size:1.15rem;margin-bottom:16px}
.zh-cause h3{font-family:var(--hub-head);font-size:1.08rem;line-height:1.35;color:#fff;margin:0 0 10px}
.zh-cause p{font-family:var(--hub-text);font-size:.94rem;line-height:1.7;color:#c2b8a8;margin:0}

/* ---------- 指引卡 ---------- */
.zh-next .zh-card{display:block;text-decoration:none}
.zh-next .zh-card h3{font-family:var(--hub-head);font-size:1.05rem;color:var(--hub-ink);margin:0 0 8px}
.zh-next .zh-card p{font-family:var(--hub-text);font-size:.93rem;line-height:1.65;color:var(--hub-muted);margin:0 0 14px}
.zh-arrow{font-family:var(--hub-text);font-size:.9rem;font-weight:600;color:var(--hub-gold-d)}

/* ---------- FAQ ---------- */
.zh-faq{max-width:900px;margin:0 auto}
.zh-faq details{background:#fff;border:1px solid var(--hub-line);border-radius:6px;margin-bottom:12px;overflow:hidden}
.zh-faq summary{cursor:pointer;padding:20px 26px;font-family:var(--hub-head);font-size:1.05rem;font-weight:700;color:var(--hub-ink);list-style:none}
.zh-faq summary::-webkit-details-marker{display:none}
.zh-faq summary::after{content:"+";float:right;color:var(--hub-gold);font-weight:700}
.zh-faq details[open] summary::after{content:"–"}
.zh-faq .zh-faq-body{padding:0 26px 22px;font-family:var(--hub-text);font-size:.97rem;line-height:1.75;color:var(--hub-body)}

/* ---------- 结尾 CTA（整块居中） ---------- */
.zh-cta{background:linear-gradient(150deg,var(--hub-hero-a) 0%,var(--hub-hero-b) 58%,var(--hub-hero-a) 100%);color:#f2ede6;padding:74px 0;text-align:center}
.zh-cta .zh-inner{display:flex;flex-direction:column;align-items:center;text-align:center}
.zh-cta h2{font-family:var(--hub-head);font-size:clamp(1.5rem,2.4vw,2rem);color:#fff;margin:0 0 14px}
.zh-cta p{font-family:var(--hub-text);font-size:1.02rem;line-height:1.7;color:#cfc6b8;margin:0 auto 26px;max-width:62ch}
.zh-cta .zh-btn{text-align:center}

/* ---------- 索引页目录 ---------- */
.zh-dir{display:grid;grid-template-columns:1fr;gap:26px}
@media(min-width:760px){.zh-dir{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1000px){.zh-dir{grid-template-columns:repeat(3,minmax(0,1fr))}}
.zh-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:34px 0 0;width:100%;max-width:760px}
.zh-stats div{border-top:2px solid var(--hub-gold);padding-top:14px}
.zh-stats strong{display:block;font-family:var(--hub-head);font-size:1.6rem;color:#fff;line-height:1.1}
.zh-stats span{font-family:var(--hub-text);font-size:.86rem;color:#bfb6a6}

/* ---------- 移动端 ---------- */
@media(max-width:600px){
  .zh-band{padding:46px 0}
  .zh-hero{padding:50px 0 56px}
  .zh-card{padding:24px 20px}
  .zh-sec-head{margin-bottom:30px}
}
/* ==== ZKZ-HUB-CSS-END ==== */



/* ==== ZKZ-CONTACT-CONTRAST-START ==== */
body.page-id-20 .wh-article .zkz-trust strong {
  color: #ffffff !important;
}
body.page-id-20 .wh-article .zkz-trust span {
  color: #f2ede6 !important;
}
body.page-id-20 .wh-article .cta-band h2 {
  color: #ffffff !important;
}
body.page-id-20 .wh-article .cta-band p {
  color: #ffffff !important;
}
body.page-id-20 .wh-article .cta-band .btn--accent,
body.page-id-20 .wh-article .cta-band .btn--ghost {
  color: #ffffff !important;
  text-decoration: none !important;
}
body.page-id-20 .wh-article .cta-band .btn--ghost {
  border-color: rgba(255, 255, 255, 0.7) !important;
}
/* ==== ZKZ-CONTACT-CONTRAST-END ==== */

/* ==== ZKZ-NAV-FONT-UNIFICATION-START ==== */
.zkz-logo,
.zkz-logo span,
.zkz-logo em,
.wh-title,
.wh-desc {
  font-family: Inter, Arial, sans-serif !important;
}
/* ==== ZKZ-NAV-FONT-UNIFICATION-END ==== */