/*
Theme Name: ZhiYu Industrial
Theme URI: https://www.lyzykj.cn/templates/
Author: ZhiYu Studio
Author URI: https://www.lyzykj.cn
Description: 科技风企业官网主题。深空渐变 + 玻璃质感，首页模块全部可在自定义器中编辑：Hero、服务、数据、流程、客户评价、转化区；内置联系表单、演示内容一键导入、子主题与完整文档。原创代码，无任何第三方付费依赖。
Version: 2.3.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: zhiyu
Tags: one-column, custom-colors, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, blog, portfolio
*/

/* ==========================================================================
   1. Design tokens
   ========================================================================== */
:root{
  --zy-bg:#050a14;
  --zy-bg-2:#0a1220;
  --zy-surface:rgba(17,27,46,.72);
  --zy-surface-solid:#0e1526;
  --zy-line:rgba(120,180,255,.18);
  --zy-line-strong:rgba(120,190,255,.38);
  --zy-text:#e9f1ff;
  --zy-muted:#9aafd0;
  --zy-dim:#7286a6;
  --zy-accent:#22d3ee;
  --zy-accent-2:#8b5cf6;
  --zy-grad:linear-gradient(115deg,var(--zy-accent),var(--zy-accent-2));
  --zy-radius:18px;
  --zy-radius-sm:12px;
  --zy-shadow:0 18px 48px rgba(0,8,32,.55);
  --zy-shadow-lg:0 30px 80px rgba(0,6,24,.65);
  --zy-container:1180px;
  --zy-header-h:72px;
  --zy-ease:cubic-bezier(.22,.61,.36,1);
  --zy-font:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Segoe UI",Roboto,sans-serif;
}

/* ==========================================================================
   2. Base
   ========================================================================== */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--zy-bg);color:var(--zy-text);
  font-family:var(--zy-font);font-size:16px;line-height:1.75;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  background-image:
    radial-gradient(900px 520px at 10% -12%,rgba(34,211,238,.14),transparent 60%),
    radial-gradient(820px 500px at 92% -4%,rgba(139,92,246,.16),transparent 62%),
    radial-gradient(760px 700px at 50% 118%,rgba(56,189,248,.08),transparent 60%);
  background-attachment:fixed;
}
img,svg,video{max-width:100%;height:auto;display:block}
picture{display:contents}
a{color:var(--zy-accent);text-decoration:none;transition:color .22s var(--zy-ease)}
a:hover{color:#7ce9ff}
h1,h2,h3,h4,h5{line-height:1.28;letter-spacing:-.01em;margin:0 0 .6em}
p{margin:0 0 1em}
ul,ol{margin:0 0 1em;padding-left:1.3em}
:focus-visible{outline:2px solid var(--zy-accent);outline-offset:3px;border-radius:4px}
::selection{background:rgba(34,211,238,.28);color:#fff}
hr{border:0;border-top:1px solid var(--zy-line);margin:2.5em 0}

.zy-container{width:min(var(--zy-container),92vw);margin-inline:auto}
.zy-main{display:block;min-height:55vh}

.screen-reader-text{
  position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border:0;
}
.zy-skip{
  position:absolute;left:-9999px;top:0;z-index:300;padding:12px 20px;border-radius:0 0 12px 0;
  background:var(--zy-accent);color:#04101f;font-weight:700;
}
.zy-skip:focus{left:0}

/* ==========================================================================
   3. Buttons
   ========================================================================== */
.zy-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.5em;
  padding:13px 28px;border-radius:999px;border:1px solid transparent;
  font:inherit;font-weight:700;font-size:.95rem;line-height:1.2;cursor:pointer;
  transition:transform .25s var(--zy-ease),box-shadow .25s var(--zy-ease),border-color .25s,color .25s,background .25s;
}
.zy-btn--primary{background:var(--zy-grad);color:#05101f;box-shadow:0 10px 30px rgba(34,211,238,.28)}
.zy-btn--primary:hover{color:#05101f;transform:translateY(-3px);box-shadow:0 16px 40px rgba(139,92,246,.4)}
.zy-btn--ghost{border-color:var(--zy-line-strong);color:#d5e8ff;background:rgba(255,255,255,.03)}
.zy-btn--ghost:hover{border-color:var(--zy-accent);color:var(--zy-accent)}
.zy-btn--block{width:100%}

/* ==========================================================================
   4. Header
   ========================================================================== */
.zy-header{
  position:sticky;top:0;z-index:100;background:rgba(5,10,20,.72);
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
  border-bottom:1px solid transparent;transition:background .28s,border-color .28s;
}
.zy-header.is-scrolled{background:rgba(5,10,20,.94);border-bottom-color:var(--zy-line)}
.zy-header__inner{display:flex;align-items:center;gap:24px;min-height:var(--zy-header-h)}
.zy-brand{flex:0 0 auto;display:flex;align-items:center}
.zy-brand a{display:flex;align-items:center;gap:10px;color:var(--zy-text);font-weight:800;font-size:1.05rem;letter-spacing:.04em}
.zy-brand__mark{width:11px;height:11px;border-radius:50%;background:var(--zy-grad);box-shadow:0 0 16px rgba(34,211,238,.8);flex:0 0 auto}
.zy-brand__name{background:var(--zy-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.custom-logo-link img{max-height:40px;width:auto}

.zy-nav{display:flex;align-items:center;gap:6px;margin-left:auto}
.zy-menu{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0}
.zy-menu li{position:relative}
.zy-menu a{
  display:inline-block;padding:9px 14px;border-radius:999px;border:1px solid transparent;
  color:var(--zy-muted);font-size:.94rem;transition:.22s var(--zy-ease);
}
.zy-menu a:hover,
.zy-menu .current-menu-item>a,
.zy-menu .current_page_item>a,
.zy-menu .current-menu-parent>a,
.zy-menu .current-menu-ancestor>a{color:#fff;border-color:var(--zy-line);background:rgba(56,189,248,.1)}
.zy-menu .sub-menu{
  position:absolute;top:calc(100% + 10px);left:0;min-width:200px;padding:8px;margin:0;
  list-style:none;border-radius:14px;border:1px solid var(--zy-line);
  background:rgba(8,14,26,.98);box-shadow:var(--zy-shadow);
  opacity:0;visibility:hidden;transform:translateY(6px);transition:.2s var(--zy-ease);
}
.zy-menu li:hover>.sub-menu,.zy-menu li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:none}
.zy-menu .sub-menu a{display:block;border-radius:10px}

.zy-header__cta{
  margin-left:8px;padding:10px 22px;border-radius:999px;font-weight:700;font-size:.9rem;
  color:#04101f;background:var(--zy-grad);box-shadow:0 8px 24px rgba(56,189,248,.28);
  white-space:nowrap;transition:.25s var(--zy-ease);
}
.zy-header__cta:hover{transform:translateY(-2px);color:#04101f;box-shadow:0 12px 32px rgba(139,92,246,.44)}

.zy-nav-toggle{
  display:none;flex-direction:column;align-items:center;justify-content:center;gap:4px;
  width:42px;height:42px;margin-left:auto;padding:0;cursor:pointer;
  border:1px solid var(--zy-line);border-radius:12px;background:rgba(255,255,255,.04);
  transition:border-color .2s;
}
.zy-nav-toggle:hover{border-color:var(--zy-line-strong)}
.zy-nav-toggle__bar{display:block;width:18px;height:2px;border-radius:2px;background:var(--zy-text);transition:.22s var(--zy-ease)}
.zy-nav-toggle[aria-expanded="true"] .zy-nav-toggle__bar:nth-child(1){transform:translateY(6px) rotate(45deg)}
.zy-nav-toggle[aria-expanded="true"] .zy-nav-toggle__bar:nth-child(2){opacity:0}
.zy-nav-toggle[aria-expanded="true"] .zy-nav-toggle__bar:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

/* ==========================================================================
   5. Eyebrow / section heads
   ========================================================================== */
.zy-eyebrow{
  display:inline-block;margin:0 0 16px;padding:6px 16px;border-radius:999px;
  font-size:.76rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;
  color:var(--zy-accent);border:1px solid rgba(34,211,238,.35);background:rgba(34,211,238,.08);
}
.zy-section{padding:88px 0}
.zy-section--tight{padding:64px 0}
.zy-section__head{max-width:720px;margin:0 0 44px}
.zy-section__head--center{margin-inline:auto;text-align:center}
.zy-section__title{
  margin:0 0 12px;font-size:clamp(1.6rem,3.4vw,2.35rem);font-weight:800;letter-spacing:-.02em;
}
.zy-section__title em{font-style:normal;background:var(--zy-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.zy-section__sub{margin:0;color:var(--zy-muted)}

/* ==========================================================================
   6. Home hero
   ========================================================================== */
.zy-hero{position:relative;overflow:hidden;padding:96px 0 84px}
.zy-hero::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(680px 340px at 12% 6%,rgba(34,211,238,.2),transparent 62%),
    radial-gradient(620px 340px at 88% 0%,rgba(139,92,246,.22),transparent 64%);
}
.zy-hero__inner{position:relative;z-index:2;display:grid;grid-template-columns:1.02fr .98fr;gap:56px;align-items:center}
.zy-hero__title{
  margin:0 0 18px;font-size:clamp(2.1rem,4.6vw,3.5rem);font-weight:800;letter-spacing:-.03em;line-height:1.14;
  background:linear-gradient(112deg,#fff 16%,#a9e8ff 58%,#d9c6ff 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.zy-hero__desc{margin:0 0 30px;font-size:clamp(1rem,1.5vw,1.12rem);color:var(--zy-muted);max-width:34em}
.zy-hero__actions{display:flex;gap:14px;flex-wrap:wrap;margin:0 0 38px}
.zy-hero__media{position:relative}
.zy-hero__media img{width:100%;border-radius:22px;border:1px solid rgba(120,190,255,.22);box-shadow:var(--zy-shadow-lg)}
.zy-hero__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:0;padding:0;list-style:none;border-top:1px solid var(--zy-line);padding-top:26px}
.zy-hero__stat strong{display:block;font-size:1.7rem;font-weight:800;background:var(--zy-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.zy-hero__stat span{font-size:.84rem;color:var(--zy-dim);letter-spacing:.02em}

/* ==========================================================================
   7. Services
   ========================================================================== */
.zy-services{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.zy-service{
  position:relative;display:flex;flex-direction:column;gap:12px;
  padding:30px 28px 28px;border-radius:var(--zy-radius);
  background:var(--zy-surface);border:1px solid var(--zy-line);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  box-shadow:var(--zy-shadow);color:inherit;
  transition:transform .3s var(--zy-ease),border-color .3s,box-shadow .3s;
}
.zy-service::after{
  content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;
  background:var(--zy-grad);opacity:0;transition:opacity .3s;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
}
.zy-service:hover{transform:translateY(-6px);border-color:var(--zy-line-strong);color:inherit}
.zy-service:hover::after{opacity:.85}
.zy-service__icon{
  display:grid;place-items:center;width:52px;height:52px;border-radius:14px;
  background:rgba(34,211,238,.1);border:1px solid rgba(34,211,238,.24);color:var(--zy-accent);
  margin:0 0 8px;
}
.zy-service__icon svg{width:24px;height:24px}
.zy-service h3{margin:0;font-size:1.16rem;color:#e6f4ff}
.zy-service p{margin:0;color:var(--zy-muted);font-size:.94rem}
.zy-service__link{margin-top:auto;padding-top:10px;font-size:.9rem;font-weight:700;color:var(--zy-accent)}

/* ==========================================================================
   7b. Advantages
   ========================================================================== */
.zy-advantages{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.zy-advantage{
  padding:26px 24px;border-radius:var(--zy-radius);border:1px solid var(--zy-line);
  background:var(--zy-surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  transition:transform .3s var(--zy-ease),border-color .3s;
}
.zy-advantage:hover{transform:translateY(-4px);border-color:var(--zy-line-strong)}
.zy-advantage__icon{
  display:grid;place-items:center;width:44px;height:44px;margin:0 0 14px;border-radius:12px;
  background:rgba(34,211,238,.1);border:1px solid rgba(34,211,238,.22);color:var(--zy-accent);
}
.zy-advantage__icon svg{width:22px;height:22px}
.zy-advantage h3{margin:0 0 8px;font-size:1.04rem;color:#e6f4ff}
.zy-advantage p{margin:0;font-size:.9rem;color:var(--zy-muted)}

/* ==========================================================================
   7c. FAQ（原生 details，无需 JS）
   ========================================================================== */
.zy-faq{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;max-width:1040px;margin:0 auto}
.zy-faq__item{
  border:1px solid var(--zy-line);border-radius:16px;background:var(--zy-surface);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  transition:border-color .25s,background .25s,transform .25s var(--zy-ease);
}
.zy-faq__item:hover{border-color:var(--zy-line-strong);transform:translateY(-2px)}
.zy-faq__item[open]{border-color:rgba(34,211,238,.42);background:rgba(20,34,58,.8)}
.zy-faq__item summary{display:flex;align-items:center;gap:14px;padding:20px 22px;cursor:pointer;list-style:none}
.zy-faq__item summary::-webkit-details-marker{display:none}
.zy-faq__no{flex:0 0 auto;min-width:22px;font-size:.74rem;font-weight:800;letter-spacing:.08em;color:var(--zy-accent);opacity:.85}
.zy-faq__q{flex:1;font-size:.98rem;font-weight:700;line-height:1.55;color:#e6f1ff}
.zy-faq__icon{
  position:relative;flex:0 0 auto;width:26px;height:26px;border-radius:50%;
  border:1px solid var(--zy-line);transition:border-color .25s,transform .25s var(--zy-ease);
}
.zy-faq__icon::before,.zy-faq__icon::after{
  content:"";position:absolute;left:50%;top:50%;background:var(--zy-accent);
  border-radius:2px;transform:translate(-50%,-50%);transition:opacity .2s;
}
.zy-faq__icon::before{width:11px;height:1.6px}
.zy-faq__icon::after{width:1.6px;height:11px}
.zy-faq__item[open] .zy-faq__icon{border-color:var(--zy-accent);transform:rotate(180deg)}
.zy-faq__item[open] .zy-faq__icon::after{opacity:0}
.zy-faq__a{border-top:1px solid rgba(120,190,255,.12);padding:16px 22px 20px 58px}
.zy-faq__a p{margin:0;color:var(--zy-muted);font-size:.92rem;line-height:1.8}
.zy-faq__foot{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin:30px 0 0;color:var(--zy-dim);font-size:.92rem}
.zy-faq__foot .zy-btn{padding:10px 22px;font-size:.88rem}
@media (max-width:860px){
  .zy-faq{grid-template-columns:1fr}
  .zy-faq__a{padding-left:22px}
}

/* ==========================================================================
   7d. Latest posts
   ========================================================================== */
.zy-latest__head{
  display:flex;align-items:flex-end;justify-content:space-between;gap:20px;
  flex-wrap:wrap;margin:0 0 40px;
}
.zy-latest__head .zy-section__head{margin:0}
.zy-latest__more{font-weight:700;color:var(--zy-accent);white-space:nowrap}

/* ==========================================================================
   8. Stats band
   ========================================================================== */
.zy-stats-band{
  border-block:1px solid var(--zy-line);
  background:linear-gradient(180deg,rgba(12,20,36,.7),rgba(8,13,24,.4));
}
.zy-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:0;padding:0;list-style:none}
.zy-stat{text-align:center;padding:8px 12px}
.zy-stat__num{display:block;font-size:clamp(1.9rem,3.6vw,2.7rem);font-weight:800;letter-spacing:-.02em;background:var(--zy-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.zy-stat__label{color:var(--zy-muted);font-size:.9rem}

/* ==========================================================================
   9. Steps (timeline)
   ========================================================================== */
.zy-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:0;padding:0;list-style:none;counter-reset:zy-step}
.zy-step{
  position:relative;padding:26px 24px;border-radius:var(--zy-radius);
  background:var(--zy-surface);border:1px solid var(--zy-line);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
}
.zy-step__no{
  display:inline-block;margin:0 0 14px;font-size:.8rem;font-weight:800;letter-spacing:.16em;
  background:var(--zy-grad);-webkit-background-clip:text;background-clip:text;color:transparent;
}
.zy-step h3{margin:0 0 8px;font-size:1.04rem;color:#dff1ff}
.zy-step p{margin:0;font-size:.9rem;color:var(--zy-muted)}

/* ==========================================================================
   10. Testimonials
   ========================================================================== */
.zy-quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.zy-quote{
  margin:0;padding:28px;border-radius:var(--zy-radius);
  background:var(--zy-surface);border:1px solid var(--zy-line);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  display:flex;flex-direction:column;gap:18px;
}
.zy-quote blockquote{margin:0;color:#cfdcf3;font-size:.96rem;line-height:1.8}
.zy-quote footer{display:flex;align-items:center;gap:12px;margin-top:auto;font-size:.86rem;color:var(--zy-dim)}
.zy-quote__avatar{width:38px;height:38px;border-radius:50%;background:var(--zy-grad);opacity:.9;flex:0 0 auto}
.zy-quote__name{display:block;color:#e6f1ff;font-weight:700}
.zy-quote__role{display:block;font-size:.8rem;color:var(--zy-dim)}

/* ==========================================================================
   11. CTA band
   ========================================================================== */
.zy-cta-band{
  position:relative;overflow:hidden;text-align:center;
  padding:72px 0;border-top:1px solid var(--zy-line);
}
.zy-cta-band::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(620px 280px at 50% 120%,rgba(139,92,246,.22),transparent 70%);
}
.zy-cta-band__inner{position:relative;z-index:1}
.zy-cta-band h2{margin:0 0 12px;font-size:clamp(1.5rem,3.2vw,2.2rem)}
.zy-cta-band p{margin:0 0 28px;color:var(--zy-muted)}

/* ==========================================================================
   12. Page / post hero
   ========================================================================== */
.zy-page-hero{
  position:relative;overflow:hidden;padding:72px 0 42px;
  border-bottom:1px solid rgba(120,190,255,.1);
}
.zy-page-hero::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(560px 280px at 14% 0%,rgba(34,211,238,.16),transparent 64%),
    radial-gradient(520px 280px at 86% 0%,rgba(139,92,246,.18),transparent 66%);
}
.zy-page-title{
  position:relative;margin:0;font-size:clamp(1.75rem,3.6vw,2.6rem);font-weight:800;letter-spacing:-.02em;
  background:linear-gradient(110deg,#fff 20%,#a9e8ff 62%,#d9c6ff 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.zy-page-sub{position:relative;margin:14px 0 0;color:var(--zy-muted);max-width:42em}
.zy-post-meta{position:relative;display:flex;gap:14px;flex-wrap:wrap;margin:16px 0 0;font-size:.86rem;color:var(--zy-dim)}
.zy-post-meta a{color:var(--zy-dim)}
.zy-post-meta a:hover{color:var(--zy-accent)}
.zy-page-wrap{padding:52px 0 88px}
.zy-article{
  max-width:840px;margin-inline:auto;
  border-radius:var(--zy-radius);border:1px solid var(--zy-line);
  background:var(--zy-surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  box-shadow:var(--zy-shadow);padding:clamp(24px,4vw,56px);
}
.zy-article--wide{max-width:none}

/* ==========================================================================
   13. Entry content (post/page typography)
   ========================================================================== */
.zy-entry{font-size:1.06rem;line-height:1.85;color:#cfdcf3}
.zy-entry>*:first-child{margin-top:0}
.zy-entry h2{margin:48px 0 16px;padding-left:16px;border-left:3px solid var(--zy-accent);font-size:1.5rem;color:#eaf6ff;text-wrap:balance}
.zy-entry h3{margin:34px 0 12px;font-size:1.2rem;color:#c7e2ff;text-wrap:balance}
.zy-entry h4{margin:26px 0 10px;color:#c7e2ff}
.zy-entry p{color:#c6d5ee;margin:0 0 1.15em}
.zy-entry strong{color:#eaf6ff;font-weight:700}
.zy-entry a{color:#7fe3ff;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.zy-entry a:hover{color:#c4f3ff}
.zy-entry ul,.zy-entry ol{color:#c6d5ee}
.zy-entry li{margin:.45em 0}
.zy-entry li::marker{color:rgba(34,211,238,.75)}
.zy-entry img,.zy-entry .wp-block-image img{border-radius:14px;margin:24px 0}
.zy-entry blockquote{
  margin:26px 0;padding:18px 24px;border-left:3px solid var(--zy-accent-2);border-radius:0 12px 12px 0;
  background:rgba(139,92,246,.1);color:#d5c8ff;
}
.zy-entry code{padding:2px 7px;border-radius:6px;background:rgba(56,189,248,.13);color:#9fe6ff;font-size:.9em}
.zy-entry pre{padding:20px;border-radius:14px;border:1px solid var(--zy-line);background:#04070f;overflow-x:auto}
.zy-entry pre code{padding:0;background:none}
.zy-entry table{width:100%;border-collapse:collapse;margin:22px 0;font-size:.94rem}
.zy-entry th,.zy-entry td{padding:11px 14px;border:1px solid var(--zy-line);text-align:left}
.zy-entry th{background:rgba(56,189,248,.1);color:#bfe8ff}
.zy-entry figcaption{font-size:.84rem;color:var(--zy-dim);text-align:center;margin-top:8px}
.zy-page-links{margin:28px 0 0;color:var(--zy-dim)}
.wp-block-button__link{border-radius:999px!important;background:var(--zy-grad)!important;color:#05101f!important;font-weight:700}

/* ==========================================================================
   14. Blog cards
   ========================================================================== */
.zy-blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:26px}
.zy-card{
  display:flex;flex-direction:column;overflow:hidden;color:inherit;
  border-radius:var(--zy-radius);border:1px solid var(--zy-line);
  background:var(--zy-surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  box-shadow:var(--zy-shadow);
  transition:transform .3s var(--zy-ease),border-color .3s,box-shadow .3s;
}
.zy-card:hover{transform:translateY(-5px);border-color:var(--zy-line-strong);color:inherit;box-shadow:0 24px 50px rgba(0,0,0,.46),0 0 0 1px rgba(120,190,255,.16)}
.zy-card__thumb{display:block;overflow:hidden;background:rgba(30,60,110,.35)}
.zy-card__thumb img{width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .5s var(--zy-ease)}
.zy-card:hover .zy-card__thumb img{transform:scale(1.05)}
.zy-card__body{display:flex;flex-direction:column;gap:10px;padding:24px}
.zy-card__meta{margin:0;font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;color:var(--zy-dim)}
.zy-card__title{margin:0;font-size:1.14rem}
.zy-card__title a{color:#dff1ff}
.zy-card__title a:hover{color:var(--zy-accent)}
.zy-card__excerpt{margin:0;color:var(--zy-muted);font-size:.93rem}
.zy-card__more{margin-top:auto;padding-top:8px;font-size:.9rem;font-weight:700;color:var(--zy-accent)}

.zy-pagination{display:flex;justify-content:center;gap:8px;margin:52px 0 0;flex-wrap:wrap}
.zy-pagination .page-numbers{
  display:inline-grid;place-items:center;min-width:44px;height:44px;padding:0 12px;
  border-radius:12px;border:1px solid var(--zy-line);color:var(--zy-muted);transition:.2s;
}
.zy-pagination .page-numbers.current,
.zy-pagination .page-numbers:hover{background:rgba(56,189,248,.12);border-color:var(--zy-accent);color:#fff}
.zy-empty{padding:64px 0;text-align:center;color:var(--zy-muted)}
.zy-empty h2{color:var(--zy-text)}

/* ==========================================================================
   15. Single post extras
   ========================================================================== */
.zy-post-thumb{margin:0 0 30px;border-radius:16px;overflow:hidden}
.zy-post-tags{margin:34px 0 0;font-size:.86rem;color:var(--zy-dim)}
.zy-post-nav{display:flex;gap:16px;margin:26px 0 0;flex-wrap:wrap}
.zy-post-nav a{
  display:block;flex:1 1 260px;padding:18px 22px;border-radius:14px;color:var(--zy-muted);
  border:1px solid var(--zy-line);background:rgba(12,20,38,.62);font-size:.92rem;transition:.2s;
}
.zy-post-nav a:hover{border-color:var(--zy-accent);color:#fff}
.zy-post-nav__label{display:block;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--zy-dim);margin-bottom:4px}
.zy-post-nav__next{text-align:right}

/* 相关文章（强化内链 / 提升停留时长） */
.zy-related{margin:58px 0 0}
.zy-related__title{
  margin:0 0 24px;padding-left:12px;font-size:1.3rem;color:#eaf6ff;
  border-left:3px solid var(--zy-accent);
}

/* ==========================================================================
   16. 404
   ========================================================================== */
.zy-404{padding:110px 0 130px;text-align:center}
.zy-404__code{
  margin:0;font-size:clamp(5rem,16vw,9rem);font-weight:900;line-height:1;letter-spacing:-6px;
  background:var(--zy-grad);-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 16px 44px rgba(34,211,238,.25));
}
.zy-404 h1{margin:18px 0 10px;font-size:clamp(1.4rem,3vw,2rem)}
.zy-404 p{color:var(--zy-muted)}
.zy-404__actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:28px}

/* ==========================================================================
   17. Contact form
   ========================================================================== */
.zy-contact-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:0 0 32px}
.zy-contact-card{padding:24px;border-radius:14px;border:1px solid var(--zy-line);background:rgba(12,20,38,.62)}
.zy-contact-card h3{margin:0 0 8px;font-size:1rem;color:#dff1ff}
.zy-contact-card p{margin:0;color:var(--zy-muted);font-size:.92rem}
.zy-contact-form{display:grid;gap:16px;margin:0}
.zy-form-row{display:grid;gap:16px;grid-template-columns:1fr 1fr}
.zy-field{display:grid;gap:8px;font-size:.86rem;font-weight:600;letter-spacing:.01em;color:#b9cbe6}
.zy-field input,.zy-field textarea{
  width:100%;padding:14px 16px;border-radius:12px;font:inherit;font-size:.95rem;font-weight:400;
  color:#e9f2ff;background:rgba(18,30,52,.85);border:1px solid rgba(139,190,255,.26);
  transition:border-color .2s,box-shadow .2s,background .2s;
}
.zy-field input::placeholder,.zy-field textarea::placeholder{color:rgba(170,195,225,.55)}
.zy-field input:hover,.zy-field textarea:hover{border-color:rgba(139,190,255,.42)}
.zy-field input:focus,.zy-field textarea:focus{outline:none;border-color:var(--zy-accent);background:rgba(22,38,64,.92);box-shadow:0 0 0 3px rgba(34,211,238,.22)}
.zy-field textarea{resize:vertical;min-height:132px}
.zy-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.zy-contact-form .zy-btn{justify-self:start;margin-top:4px}
.zy-form-hint{margin:0;font-size:.8rem;color:var(--zy-dim)}
.zy-notice{margin:0 0 22px;padding:14px 18px;border-radius:12px;font-size:.94rem;border:1px solid var(--zy-line);background:rgba(56,189,248,.1);color:#cfe9ff}
.zy-notice--ok{border-color:rgba(52,211,153,.45);background:rgba(52,211,153,.12);color:#b6f5d8}
.zy-notice--err{border-color:rgba(248,113,113,.45);background:rgba(248,113,113,.12);color:#ffc9c9}

/* ==========================================================================
   17b. Search
   ========================================================================== */
.zy-search{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.zy-search__input{
  flex:1 1 240px;padding:13px 16px;border-radius:999px;font:inherit;font-size:.95rem;
  color:var(--zy-text);background:rgba(4,8,18,.72);border:1px solid var(--zy-line);
  transition:border-color .2s,box-shadow .2s;
}
.zy-search__input:focus{outline:none;border-color:var(--zy-accent);box-shadow:0 0 0 3px rgba(34,211,238,.16)}
.zy-search__input::placeholder{color:var(--zy-dim)}
.zy-search__btn{flex:0 0 auto;padding-inline:26px}

/* ==========================================================================
   18. Comments
   ========================================================================== */.zy-comments{margin:42px 0 0;padding:clamp(22px,3vw,38px);border-radius:var(--zy-radius);border:1px solid var(--zy-line);background:var(--zy-surface)}
.zy-comments-title{margin:0 0 20px;font-size:1.1rem}
.zy-comment-list,.zy-comment-list ol{list-style:none;margin:0;padding:0}
.zy-comment-list .children{padding-left:26px;margin-top:14px;border-left:1px dashed rgba(120,190,255,.18)}
.zy-comments .comment-body{padding:18px 0;border-bottom:1px solid rgba(120,190,255,.1)}
.zy-comments .comment-meta{margin:0 0 8px;font-size:.82rem;color:var(--zy-dim)}
.zy-comments .comment-author img{border-radius:50%;margin-right:10px;float:left}
.zy-comments .comment-content{color:#c6d5ee;font-size:.95rem;overflow:hidden}
.zy-comments .reply a{font-size:.82rem;color:var(--zy-accent)}
.zy-comments .comment-respond{margin-top:26px}
.zy-comments .comment-reply-title{font-size:1.05rem;margin:0 0 14px}
.zy-comment-form{display:grid;gap:14px}
.zy-comment-form p{margin:0}
.zy-comment-form label{display:block;font-size:.86rem;color:var(--zy-muted)}
.zy-comment-form input[type="text"],.zy-comment-form input[type="email"],
.zy-comment-form input[type="url"],.zy-comment-form textarea{
  width:100%;padding:12px 15px;margin-top:6px;border-radius:12px;font:inherit;font-size:.94rem;
  color:var(--zy-text);background:rgba(4,8,18,.72);border:1px solid var(--zy-line);
}
.zy-comment-form textarea{min-height:130px;resize:vertical}
.zy-comment-form .submit{justify-self:start;padding:12px 26px;border:0;border-radius:999px;cursor:pointer;font-weight:700;color:#05101f;background:var(--zy-grad)}

/* ==========================================================================
   19. Footer
   ========================================================================== */
.zy-footer{
  position:relative;margin-top:24px;padding:64px 0 26px;font-size:.9rem;color:var(--zy-muted);
  border-top:1px solid var(--zy-line);
  background:linear-gradient(180deg,rgba(4,8,17,.92),rgba(3,6,13,.97));
}
.zy-footer::before{
  content:"";position:absolute;left:0;right:0;top:-1px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(34,211,238,.5),rgba(139,92,246,.5),transparent);
}
.zy-footer__grid{display:grid;grid-template-columns:1.6fr .8fr .8fr 1.15fr;gap:34px}
.zy-footer__logo{display:inline-flex;align-items:center;gap:10px;margin:0 0 14px;color:#fff;font-weight:800;font-size:1.08rem;letter-spacing:.03em}
.zy-footer__logo:hover{color:#fff}
.zy-footer__desc{margin:0;max-width:26em;line-height:1.75;color:var(--zy-dim)}
.zy-footer__title{
  position:relative;margin:0 0 16px;padding-left:10px;
  font-size:.8rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#cfe0f5;
}
.zy-footer__title::before{
  content:"";position:absolute;left:0;top:.28em;width:3px;height:.92em;border-radius:2px;
  background:var(--zy-grad);
}
.zy-footer__menu{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.zy-footer__menu a{display:inline-block;color:var(--zy-muted);font-size:.9rem;transition:color .2s,transform .2s}
.zy-footer__menu a:hover{color:var(--zy-accent);transform:translateX(3px)}
.zy-footer__mail{display:inline-block;margin:0 0 6px;color:#dff1ff;font-size:.95rem;font-weight:600}
.zy-footer__mail:hover{color:var(--zy-accent)}
.zy-footer__tip{margin:0 0 14px;font-size:.82rem;color:var(--zy-dim)}
.zy-footer__cta{display:inline-flex;align-items:center;gap:6px;font-size:.88rem;font-weight:700;color:var(--zy-accent)}
.zy-footer__cta:hover{color:#7ce9ff}
.zy-social{display:flex;gap:10px;margin:18px 0 0;padding:0;list-style:none}
.zy-social a{
  display:grid;place-items:center;width:36px;height:36px;border-radius:50%;
  border:1px solid var(--zy-line);color:var(--zy-muted);font-size:.8rem;transition:.2s;
}
.zy-social a:hover{border-color:var(--zy-accent);color:var(--zy-accent);transform:translateY(-2px)}
.zy-footer__bottom{
  display:flex;gap:14px;flex-wrap:wrap;justify-content:space-between;
  margin-top:44px;padding-top:22px;border-top:1px solid rgba(120,190,255,.1);
  font-size:.82rem;color:var(--zy-dim);
}
.zy-footer__meta{color:var(--zy-dim)}
.zy-footer__credit{margin:12px 0 0;font-size:.78rem;color:var(--zy-dim);opacity:.75}
.zy-footer__credit a{color:var(--zy-dim);text-decoration:underline;text-underline-offset:2px}
.zy-footer__credit a:hover{color:var(--zy-accent)}

/* ==========================================================================
   20. Motion helpers
   ========================================================================== */
.zy-reveal{opacity:0;transform:translateY(18px);transition:opacity .6s var(--zy-ease),transform .6s var(--zy-ease)}
.zy-reveal.is-visible{opacity:1;transform:none}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .zy-reveal{opacity:1;transform:none}
}

/* ==========================================================================
   20b. Visual impact（极光背景 / 滚动带 / 面包屑 / 回到顶部）
   ========================================================================== */
.zy-header,.zy-main,.zy-footer{position:relative;z-index:1}
.zy-aurora{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.zy-aurora i{position:absolute;display:block;border-radius:50%;filter:blur(90px);opacity:.42}
.zy-aurora i:nth-child(1){width:44vw;height:44vw;left:-10vw;top:-8vw;background:radial-gradient(circle,rgba(34,211,238,.55),transparent 65%);animation:zyDrift1 22s ease-in-out infinite}
.zy-aurora i:nth-child(2){width:38vw;height:38vw;right:-8vw;top:18vh;background:radial-gradient(circle,rgba(139,92,246,.5),transparent 65%);animation:zyDrift2 26s ease-in-out infinite}
.zy-aurora i:nth-child(3){width:30vw;height:30vw;left:35vw;bottom:-12vw;background:radial-gradient(circle,rgba(56,189,248,.35),transparent 65%);animation:zyDrift3 30s ease-in-out infinite}
@keyframes zyDrift1{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(6vw,5vh,0) scale(1.12)}}
@keyframes zyDrift2{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-5vw,-6vh,0) scale(1.1)}}
@keyframes zyDrift3{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(4vw,-4vh,0) scale(1.15)}}

/* 标题流光 */
.zy-hero__title{background-size:200% auto;animation:zyShine 9s linear infinite}
@keyframes zyShine{0%{background-position:0% 50%}100%{background-position:200% 50%}}

/* 首屏配图光晕 */
.zy-hero__media{position:relative}
.zy-hero__media::before{
  content:"";position:absolute;inset:-26px;border-radius:34px;pointer-events:none;
  background:radial-gradient(60% 60% at 50% 50%,rgba(34,211,238,.28),rgba(139,92,246,.18) 45%,transparent 72%);
  filter:blur(28px);
}
.zy-hero__media picture{position:relative;z-index:1;display:block}

/* 关键词滚动带 */
.zy-marquee{
  position:relative;overflow:hidden;margin-top:-26px;padding:16px 0;
  border-top:1px solid var(--zy-line);border-bottom:1px solid var(--zy-line);
  background:rgba(6,12,24,.55);
}
.zy-marquee::before,.zy-marquee::after{content:"";position:absolute;top:0;bottom:0;width:120px;z-index:2;pointer-events:none}
.zy-marquee::before{left:0;background:linear-gradient(90deg,var(--zy-bg),transparent)}
.zy-marquee::after{right:0;background:linear-gradient(270deg,var(--zy-bg),transparent)}
.zy-marquee__track{
  display:flex;align-items:center;gap:26px;width:max-content;
  font-size:.92rem;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;
  color:rgba(160,200,235,.7);animation:zyMarquee 36s linear infinite;
}
.zy-marquee:hover .zy-marquee__track{animation-play-state:paused}
.zy-marquee__dot{color:var(--zy-accent);opacity:.65}
@keyframes zyMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* 面包屑 */
.zy-breadcrumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 16px;font-size:.82rem;color:var(--zy-dim)}
.zy-breadcrumb a{color:var(--zy-muted)}
.zy-breadcrumb a:hover{color:var(--zy-accent)}
.zy-breadcrumb__sep{opacity:.45}
.zy-breadcrumb [aria-current]{color:#dbe9ff}

/* 卡片分类角标 */
.zy-card{position:relative}
.zy-card__thumb{position:relative}
.zy-card__cat{
  position:absolute;top:12px;left:12px;z-index:2;padding:4px 11px;border-radius:999px;
  font-size:.72rem;letter-spacing:.04em;color:#d8f3ff;
  background:rgba(6,12,24,.72);border:1px solid rgba(120,190,255,.35);
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
}

/* 主按钮流光 */
.zy-btn--primary{position:relative;overflow:hidden}
.zy-btn--primary::after{
  content:"";position:absolute;top:0;left:-120%;width:55%;height:100%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);
  transform:skewX(-20deg);transition:left .55s var(--zy-ease);
}
.zy-btn--primary:hover::after{left:135%}

/* 回到顶部 */
.zy-to-top{
  position:fixed;right:24px;bottom:28px;z-index:120;display:grid;place-items:center;
  width:46px;height:46px;border-radius:50%;cursor:pointer;
  border:1px solid var(--zy-line-strong);background:rgba(8,14,26,.86);color:#dff1ff;
  opacity:0;visibility:hidden;transform:translateY(12px);
  transition:opacity .3s,visibility .3s,transform .3s,border-color .2s,color .2s,box-shadow .2s;
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
}
.zy-to-top.is-visible{opacity:1;visibility:visible;transform:none}
.zy-to-top:hover{border-color:var(--zy-accent);color:var(--zy-accent);box-shadow:0 0 0 4px rgba(34,211,238,.12)}

@media (prefers-reduced-motion: reduce){
  .zy-aurora i,.zy-marquee__track,.zy-hero__title{animation:none!important}
}

/* ==========================================================================
   21. WordPress core alignment
   ========================================================================== */
.alignwide{width:min(1240px,96vw);margin-inline:auto}
.alignfull{width:100vw;margin-left:calc(50% - 50vw)}
.aligncenter{margin-inline:auto}
.alignleft{float:left;margin:0 24px 16px 0}
.alignright{float:right;margin:0 0 16px 24px}
.wp-caption{max-width:100%}
.wp-caption-text{font-size:.84rem;color:var(--zy-dim);text-align:center}
.sticky .zy-card__meta::after{content:" · 置顶";color:var(--zy-accent)}
.gallery{display:grid;gap:14px}

/* ==========================================================================
   22. Responsive
   ========================================================================== */
@media (max-width:1024px){
  .zy-services,.zy-quotes{grid-template-columns:repeat(2,1fr)}
  .zy-steps{grid-template-columns:repeat(2,1fr)}
  .zy-advantages{grid-template-columns:repeat(2,1fr)}
  .zy-hero__inner{grid-template-columns:1fr;gap:40px}
  .zy-hero__media{max-width:660px;margin-inline:auto}
  .zy-footer__grid{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
  .zy-nav-toggle{display:flex}
  .zy-nav{
    display:none;position:absolute;left:4vw;right:4vw;top:calc(var(--zy-header-h) - 2px);
    margin:0;padding:14px;flex-direction:column;align-items:stretch;gap:10px;
    border:1px solid var(--zy-line);border-radius:18px;background:rgba(6,11,22,.98);
    box-shadow:var(--zy-shadow-lg);
  }
  .zy-nav.is-open{display:flex}
  .zy-menu{flex-direction:column;align-items:stretch;gap:2px}
  .zy-menu a{display:block;padding:12px 14px;border-radius:10px}
  .zy-menu .sub-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;background:rgba(255,255,255,.03);margin-top:4px}
  .zy-header__cta{margin:0;text-align:center}
  .zy-hero{padding:64px 0 56px}
  .zy-section{padding:64px 0}
  .zy-page-hero{padding:52px 0 30px}
  .zy-page-wrap{padding:38px 0 64px}
  .zy-404{padding:80px 0 90px}
}
@media (max-width:620px){
  body{font-size:15px}
  .zy-services,.zy-quotes,.zy-steps,.zy-stats{grid-template-columns:1fr}
  .zy-form-row{grid-template-columns:1fr}
  .zy-footer__grid{grid-template-columns:1fr}
  .zy-hero__actions,.zy-404__actions{flex-direction:column;align-items:stretch}
  .zy-btn{width:100%}
  .zy-post-nav a{flex:1 1 100%}
  .zy-article{padding:22px 18px}
  .zy-hero__stats{grid-template-columns:1fr;gap:14px;text-align:left}
}

/* ==========================================================================
   16. Polish — 阅读体验与细节精修
   ========================================================================== */
::selection{background:rgba(34,211,238,.32);color:#fff}

/* 深色滚动条 */
html{scrollbar-color:rgba(120,190,255,.28) transparent}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{background:rgba(120,190,255,.24);border-radius:999px;border:2px solid transparent;background-clip:padding-box}
::-webkit-scrollbar-thumb:hover{background:rgba(120,190,255,.42);background-clip:padding-box}

/* 文章页：上下篇、相关文章与正文统一阅读栏宽 */
.zy-page-wrap>.zy-related{max-width:840px;margin:58px auto 0}
.zy-page-wrap>.zy-post-nav{max-width:840px;margin:26px auto 0}

/* 文章头部信息胶囊化 */
.zy-post-meta>span{display:inline-flex;align-items:center;padding:3px 12px;border-radius:999px;border:1px solid rgba(120,190,255,.16);background:rgba(120,190,255,.06);font-size:.78rem;letter-spacing:.02em;color:#a8c2e6}
.zy-post-meta>span a{color:#a8c2e6}
.zy-post-meta>span a:hover{color:var(--zy-accent)}

/* 正文表格：斑马纹 + 行悬停 */
.zy-entry tbody tr:nth-child(even){background:rgba(56,189,248,.045)}
.zy-entry tbody tr:hover{background:rgba(56,189,248,.09)}
.zy-entry th{border-bottom:1px solid var(--zy-line-strong)}

/* 正文图片细边框，深色背景上边缘更实在 */
.zy-entry img{border:1px solid rgba(120,190,255,.14)}

/* 标题换行更均衡 */
.zy-page-title,.zy-section__title,.zy-related__title,.zy-card__title{text-wrap:balance}

/* 页脚链接交互 */
.zy-footer__menu a{transition:color .2s}
.zy-footer__menu a:hover{color:var(--zy-accent)}

@media (max-width:620px){
  .zy-entry{font-size:1rem;line-height:1.8}
  .zy-page-wrap>.zy-related,.zy-page-wrap>.zy-post-nav{max-width:none}
}
/* ==========================================================================
   23. 导航与布局优化（2026-11-09）
   ========================================================================== */

/* --- 品牌标识：渐变方块 + 内嵌深色核心 --- */
.zy-brand a{gap:12px;font-size:1.08rem;letter-spacing:.06em}
.zy-brand__mark{
  position:relative;display:grid;place-items:center;
  width:32px;height:32px;border-radius:10px;
  background:var(--zy-grad);box-shadow:0 6px 20px rgba(34,211,238,.35);
}
.zy-brand__mark::after{
  content:"";width:12px;height:12px;border-radius:4px;
  background:rgba(5,10,20,.92);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);
}

/* --- 导航项：渐变下划线取代胶囊 --- */
.zy-menu a{position:relative;padding:10px 14px;border:0;background:none;border-radius:8px;color:var(--zy-muted);font-size:.95rem}
.zy-menu a::after{
  content:"";position:absolute;left:14px;right:14px;bottom:2px;height:2px;border-radius:2px;
  background:var(--zy-grad);transform:scaleX(0);transform-origin:left;
  transition:transform .28s var(--zy-ease);
}
.zy-menu a:hover,
.zy-menu .current-menu-item>a,
.zy-menu .current_page_item>a,
.zy-menu .current-menu-parent>a,
.zy-menu .current-menu-ancestor>a{color:#fff;background:none;border:0}
.zy-menu a:hover::after,
.zy-menu .current-menu-item>a::after,
.zy-menu .current_page_item>a::after,
.zy-menu .current-menu-parent>a::after,
.zy-menu .current-menu-ancestor>a::after{transform:scaleX(1)}

/* --- 头部：顶部通透，滚动后实底 + 投影 --- */
.zy-header{background:rgba(5,10,20,.55)}
.zy-header.is-scrolled{background:rgba(5,10,20,.93);box-shadow:0 12px 34px rgba(0,0,0,.38)}

/* --- 移动端抽屉菜单 --- */
.zy-nav-backdrop{display:none}
@media (max-width:900px){
  .zy-nav-backdrop{
    display:block;position:fixed;inset:0;z-index:90;
    background:rgba(3,6,13,.62);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);
    opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s;
  }
  body.zy-nav-open .zy-nav-backdrop{opacity:1;visibility:visible}
  body.zy-nav-open{overflow:hidden}
  .zy-nav{
    display:flex;z-index:101;opacity:0;visibility:hidden;transform:translateY(-10px);
    transition:opacity .25s,visibility .25s,transform .25s var(--zy-ease);
  }
  .zy-nav.is-open{opacity:1;visibility:visible;transform:none}
  .zy-menu a{padding:14px 16px;font-size:1rem}
  .zy-menu a::after{display:none}
  .zy-menu .current-menu-item>a,.zy-menu .current_page_item>a{background:rgba(56,189,248,.12);border-radius:10px}
}

/* --- 版块节奏 --- */
.zy-section{padding:104px 0}
.zy-section--tight{padding:76px 0}
@media (max-width:900px){.zy-section{padding:68px 0}.zy-section--tight{padding:56px 0}}

/* --- Hero：网格底纹 + 图片光晕 + 标题再放大 --- */
.zy-hero::after{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:
    linear-gradient(rgba(120,190,255,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(120,190,255,.055) 1px,transparent 1px);
  background-size:56px 56px;
  -webkit-mask-image:radial-gradient(720px 440px at 32% 16%,#000 18%,transparent 74%);
  mask-image:radial-gradient(720px 440px at 32% 16%,#000 18%,transparent 74%);
}
.zy-hero__inner{position:relative;z-index:2}
.zy-hero__title{font-size:clamp(2.2rem,4.9vw,3.7rem)}
.zy-hero__media::before{
  content:"";position:absolute;inset:-16% -12%;z-index:-1;pointer-events:none;
  background:radial-gradient(closest-side,rgba(34,211,238,.26),rgba(139,92,246,.18),transparent 72%);
  filter:blur(30px);
}

/* --- 服务卡片：编号 + 渐变图标 + 悬停光晕 --- */
.zy-services{counter-reset:zy-svc}
.zy-service{counter-increment:zy-svc;padding-top:34px}
.zy-service::before{
  content:counter(zy-svc,decimal-leading-zero);
  position:absolute;top:24px;right:26px;
  font-size:.78rem;font-weight:800;letter-spacing:.16em;color:rgba(120,190,255,.32);
}
.zy-service__icon{
  width:56px;height:56px;border-radius:16px;
  background:linear-gradient(140deg,rgba(34,211,238,.18),rgba(139,92,246,.16));
  border:1px solid rgba(34,211,238,.3);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.zy-service:hover{box-shadow:0 26px 60px rgba(0,0,0,.5),0 0 40px rgba(34,211,238,.12)}
.zy-service__link{display:inline-flex;align-items:center;gap:6px}
.zy-service:hover .zy-service__link{gap:11px;transition:gap .25s}

/* --- 数据带 --- */
@media (min-width:621px){.zy-stat+.zy-stat{border-left:1px solid rgba(120,190,255,.12)}}
.zy-stat__num{font-size:clamp(2.1rem,4vw,3rem)}
.zy-stat__label{letter-spacing:.06em}

/* --- 流程：方形序号 + 连接线 --- */
.zy-step__no{
  display:grid;place-items:center;width:40px;height:40px;margin:0 0 16px;
  border-radius:12px;border:1px solid rgba(34,211,238,.3);
  background:linear-gradient(140deg,rgba(34,211,238,.16),rgba(139,92,246,.14));
  -webkit-background-clip:border-box;background-clip:border-box;
  font-size:.82rem;letter-spacing:.02em;color:#bfeaff;
}
@media (min-width:901px){
  .zy-step::after{
    content:"";position:absolute;top:46px;right:-20px;width:20px;height:1px;
    background:linear-gradient(90deg,rgba(120,190,255,.45),transparent);
  }
  .zy-step:last-child::after{display:none}
}

/* --- CTA 卡片化 --- */
.zy-cta-band{border-top:0;padding:24px 0 96px}
.zy-cta-band__inner{
  border:1px solid rgba(120,190,255,.18);border-radius:26px;
  padding:clamp(36px,5vw,64px) 28px;
  background:
    radial-gradient(680px 320px at 50% 120%,rgba(139,92,246,.22),transparent 70%),
    linear-gradient(160deg,rgba(34,211,238,.1),rgba(13,20,36,.55));
  box-shadow:0 30px 70px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.06);
}

/* --- 页脚留白 --- */
.zy-footer{padding:72px 0 28px}
.zy-footer__grid{gap:40px}
/* --- 修复：section 20b 的 .zy-header{z-index:1} 覆盖了吸顶定位 --- */
.zy-header{position:sticky;top:0;z-index:100;background:rgba(5,10,20,.55)}
/* ==========================================================================
   24. 文章目录（TOC）
   ========================================================================== */
.zy-entry h2,.zy-entry h3{scroll-margin-top:calc(var(--zy-header-h) + 20px)}
.zy-toc{
  margin:0 0 34px;border:1px solid var(--zy-line);border-radius:16px;overflow:hidden;
  background:linear-gradient(180deg,rgba(34,211,238,.06),rgba(8,14,26,.35));
}
.zy-toc__summary{
  display:flex;align-items:center;gap:10px;padding:14px 20px;cursor:pointer;list-style:none;
  font-size:.92rem;font-weight:700;color:#cfe6ff;
}
.zy-toc__summary::-webkit-details-marker{display:none}
.zy-toc__count{
  margin-left:auto;padding:2px 10px;border-radius:999px;border:1px solid var(--zy-line);
  font-size:.74rem;font-weight:600;letter-spacing:.08em;color:var(--zy-dim);
}
.zy-toc__summary::after{
  content:"";width:8px;height:8px;border-right:2px solid var(--zy-dim);border-bottom:2px solid var(--zy-dim);
  transform:rotate(45deg);transition:transform .25s;
}
.zy-toc__box[open] .zy-toc__summary::after{transform:rotate(-135deg)}
.zy-toc__list{
  margin:0;padding:6px 20px 16px;list-style:none;display:grid;gap:2px;
  border-top:1px solid rgba(120,190,255,.1);
}
.zy-toc__item a{display:block;padding:7px 10px;border-radius:8px;color:var(--zy-muted);font-size:.9rem;line-height:1.5;transition:.2s}
.zy-toc__item--h3 a{padding-left:26px;font-size:.86rem;color:var(--zy-dim)}
.zy-toc__item a:hover{color:#fff;background:rgba(56,189,248,.1)}
.zy-toc__item a.is-active{color:var(--zy-accent);background:rgba(34,211,238,.12)}
.zy-toc__item--h3 a.is-active{color:#7ce9ff}
@media (max-width:620px){.zy-toc{margin-bottom:26px}}
/* ==========================================================================
   25. 案例页筛选 + 瀑布流
   ========================================================================== */
.zy-filters{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0 26px}
.zy-filter{
  padding:9px 18px;border-radius:999px;border:1px solid var(--zy-line);
  background:rgba(255,255,255,.03);color:var(--zy-muted);
  font-family:inherit;font-size:.88rem;font-weight:600;cursor:pointer;transition:.2s;
}
.zy-filter:hover{border-color:var(--zy-line-strong);color:#fff}
.zy-filter.is-active{background:var(--zy-grad);border-color:transparent;color:#04101f;box-shadow:0 8px 22px rgba(34,211,238,.25)}
.zy-case-grid{display:block;column-count:3;column-gap:22px;margin-top:6px}
.zy-case-grid .zy-contact-card{
  display:inline-block;width:100%;margin:0 0 22px;
  break-inside:avoid;-webkit-column-break-inside:avoid;
  transition:opacity .25s,transform .25s,border-color .25s;
}
.zy-case-grid .zy-contact-card.is-hidden{display:none}
.zy-case-grid .zy-contact-card:hover{border-color:var(--zy-line-strong);transform:translateY(-3px)}
.zy-case-card__tag{
  display:inline-block;margin:0 0 10px;padding:2px 10px;border-radius:999px;
  border:1px solid rgba(34,211,238,.3);background:rgba(34,211,238,.1);
  color:var(--zy-accent);font-size:.72rem;font-weight:700;letter-spacing:.08em;
}
@media (max-width:1024px){.zy-case-grid{column-count:2}}
@media (max-width:620px){.zy-case-grid{column-count:1}}
/* ==========================================================================
   26. 深浅色主题
   ========================================================================== */
.zy-theme-toggle{
  display:grid;place-items:center;width:40px;height:40px;margin-left:6px;padding:0;
  border:1px solid var(--zy-line);border-radius:12px;background:rgba(255,255,255,.04);
  color:var(--zy-text);cursor:pointer;transition:border-color .2s,background .2s,color .2s;
}
.zy-theme-toggle:hover{border-color:var(--zy-line-strong)}
.zy-theme-toggle svg{width:18px;height:18px}
.zy-theme-toggle .zy-icon-moon{display:none}
html[data-theme="light"] .zy-theme-toggle .zy-icon-sun{display:none}
html[data-theme="light"] .zy-theme-toggle .zy-icon-moon{display:block}
.zy-theme-toggle--mobile{display:none}
@media (max-width:900px){
  .zy-theme-toggle--desktop{display:none}
  .zy-theme-toggle--mobile{display:grid;margin-left:auto;order:-1}
  .zy-nav-toggle{margin-left:8px}
}

/* --- 浅色令牌 --- */
html[data-theme="light"]{
  --zy-bg:#f5f8fc;
  --zy-bg-2:#e9f0f9;
  --zy-surface:rgba(255,255,255,.86);
  --zy-surface-solid:#ffffff;
  --zy-line:rgba(20,45,80,.14);
  --zy-line-strong:rgba(20,45,80,.3);
  --zy-text:#0e1a2b;
  --zy-muted:#4a5b73;
  --zy-dim:#6b7c94;
  --zy-accent:#0e9fbf;
  --zy-accent-2:#7c4ddb;
  --zy-shadow:0 18px 40px rgba(18,40,70,.12);
  --zy-shadow-lg:0 30px 70px rgba(18,40,70,.16);
}

html[data-theme="light"] body{
  background-image:
    radial-gradient(900px 520px at 10% -12%,rgba(14,159,191,.10),transparent 60%),
    radial-gradient(820px 500px at 92% -4%,rgba(124,77,219,.10),transparent 62%),
    radial-gradient(760px 700px at 50% 118%,rgba(56,189,248,.08),transparent 60%);
}
html[data-theme="light"] .zy-aurora{opacity:.4}
html[data-theme="light"] .zy-header{background:rgba(255,255,255,.72)}
html[data-theme="light"] .zy-header.is-scrolled{background:rgba(255,255,255,.95);box-shadow:0 12px 30px rgba(18,40,70,.1)}
html[data-theme="light"] .zy-menu a{color:#4a5b73}
html[data-theme="light"] .zy-menu a:hover,
html[data-theme="light"] .zy-menu .current-menu-item>a,
html[data-theme="light"] .zy-menu .current_page_item>a,
html[data-theme="light"] .zy-menu .current-menu-parent>a,
html[data-theme="light"] .zy-menu .current-menu-ancestor>a{color:#0e1a2b}
html[data-theme="light"] .zy-theme-toggle{background:rgba(20,45,80,.04)}

html[data-theme="light"] .zy-hero__title,
html[data-theme="light"] .zy-page-title{
  background:linear-gradient(112deg,#0e1a2b 8%,#0e7f9c 58%,#6b3fce 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
html[data-theme="light"] .zy-hero__media img{border-color:rgba(20,45,80,.12);box-shadow:0 26px 60px rgba(18,40,70,.2)}
html[data-theme="light"] .zy-hero::after{background-image:linear-gradient(rgba(20,45,80,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(20,45,80,.06) 1px,transparent 1px)}
html[data-theme="light"] .zy-page-hero{border-bottom-color:rgba(20,45,80,.1)}
html[data-theme="light"] .zy-eyebrow{color:#0b7d94;border-color:rgba(14,159,191,.28);background:rgba(14,159,191,.08)}
html[data-theme="light"] .zy-breadcrumb a{color:#5a6b83}
html[data-theme="light"] .zy-breadcrumb [aria-current]{color:#0e1a2b}

html[data-theme="light"] .zy-service h3,
html[data-theme="light"] .zy-advantage h3,
html[data-theme="light"] .zy-step h3,
html[data-theme="light"] .zy-faq__q,
html[data-theme="light"] .zy-card__title a,
html[data-theme="light"] .zy-quote__name,
html[data-theme="light"] .zy-contact-card h3,
html[data-theme="light"] .zy-toc__summary,
html[data-theme="light"] .zy-footer__logo{color:#0e1a2b}
html[data-theme="light"] .zy-card__excerpt,
html[data-theme="light"] .zy-service p,
html[data-theme="light"] .zy-advantage p,
html[data-theme="light"] .zy-step p,
html[data-theme="light"] .zy-quote blockquote{color:#4a5b73}
html[data-theme="light"] .zy-card__meta,
html[data-theme="light"] .zy-quote__role{color:#6b7c94}
html[data-theme="light"] .zy-service__icon,
html[data-theme="light"] .zy-advantage__icon{
  background:linear-gradient(140deg,rgba(14,159,191,.14),rgba(124,77,219,.12));
  border-color:rgba(14,159,191,.28);color:#0b7d94;
}
html[data-theme="light"] .zy-stat+.zy-stat{border-left-color:rgba(20,45,80,.12)}
html[data-theme="light"] .zy-quote__avatar{opacity:.75}

html[data-theme="light"] .zy-entry{color:#31445e}
html[data-theme="light"] .zy-entry p,
html[data-theme="light"] .zy-entry li,
html[data-theme="light"] .zy-entry ul,
html[data-theme="light"] .zy-entry ol{color:#31445e}
html[data-theme="light"] .zy-entry h2{color:#0e1a2b;border-left-color:#0e9fbf}
html[data-theme="light"] .zy-entry h3,
html[data-theme="light"] .zy-entry h4{color:#16243a}
html[data-theme="light"] .zy-entry strong{color:#0e1a2b}
html[data-theme="light"] .zy-entry a{color:#0b7d94}
html[data-theme="light"] .zy-entry a:hover{color:#0e9fbf}
html[data-theme="light"] .zy-entry code{background:rgba(14,159,191,.1);color:#0b6f85}
html[data-theme="light"] .zy-entry pre{background:#0f1626;border-color:rgba(20,45,80,.2)}
html[data-theme="light"] .zy-entry pre code{color:#dfe9ff}
html[data-theme="light"] .zy-entry blockquote{background:rgba(124,77,219,.08);color:#4b3a7a;border-left-color:#7c4ddb}
html[data-theme="light"] .zy-entry th{background:rgba(14,159,191,.08);color:#0e1a2b}
html[data-theme="light"] .zy-entry td{border-color:rgba(20,45,80,.12)}
html[data-theme="light"] .zy-entry tbody tr:nth-child(even){background:rgba(20,45,80,.035)}
html[data-theme="light"] .zy-entry tbody tr:hover{background:rgba(20,45,80,.06)}
html[data-theme="light"] .zy-entry img{border-color:rgba(20,45,80,.12)}

html[data-theme="light"] .zy-post-meta>span{color:#4a5b73;border-color:rgba(20,45,80,.14);background:rgba(20,45,80,.04)}
html[data-theme="light"] .zy-post-meta>span a{color:#4a5b73}
html[data-theme="light"] .zy-toc{background:linear-gradient(180deg,rgba(14,159,191,.06),rgba(255,255,255,.66))}
html[data-theme="light"] .zy-toc__item a{color:#4a5b73}
html[data-theme="light"] .zy-toc__item a:hover{color:#0e1a2b;background:rgba(14,159,191,.1)}
html[data-theme="light"] .zy-toc__item a.is-active{color:#0b7d94;background:rgba(14,159,191,.12)}
html[data-theme="light"] .zy-toc__item--h3 a{color:#6b7c94}
html[data-theme="light"] .zy-toc__list{border-top-color:rgba(20,45,80,.1)}
html[data-theme="light"] .zy-filter{background:rgba(20,45,80,.04);color:#4a5b73}
html[data-theme="light"] .zy-filter:hover{color:#0e1a2b;border-color:rgba(20,45,80,.3)}
html[data-theme="light"] .zy-filter.is-active{color:#fff}
html[data-theme="light"] .zy-case-card__tag{color:#0b7d94;background:rgba(14,159,191,.1);border-color:rgba(14,159,191,.25)}

html[data-theme="light"] .zy-field{color:#31445e}
html[data-theme="light"] .zy-field input,
html[data-theme="light"] .zy-field textarea{background:#fff;color:#0e1a2b;border-color:rgba(20,45,80,.18)}
html[data-theme="light"] .zy-field input::placeholder,
html[data-theme="light"] .zy-field textarea::placeholder{color:#96a6bd}
html[data-theme="light"] .zy-field input:focus,
html[data-theme="light"] .zy-field textarea:focus{background:#fff;border-color:#0e9fbf;box-shadow:0 0 0 3px rgba(14,159,191,.18)}
html[data-theme="light"] .zy-btn--ghost{background:#fff;border-color:rgba(20,45,80,.2);color:#0e1a2b}
html[data-theme="light"] .zy-btn--ghost:hover{border-color:#0e9fbf;color:#0b7d94}
html[data-theme="light"] .zy-cta-band__inner{
  border-color:rgba(20,45,80,.12);
  background:
    radial-gradient(680px 320px at 50% 120%,rgba(124,77,219,.12),transparent 70%),
    linear-gradient(160deg,rgba(14,159,191,.08),rgba(255,255,255,.8));
  box-shadow:0 24px 60px rgba(18,40,70,.14);
}
html[data-theme="light"] .zy-footer{background:linear-gradient(180deg,#eef3fa,#e7eef8);border-top-color:rgba(20,45,80,.1)}
html[data-theme="light"] .zy-footer__desc,
html[data-theme="light"] .zy-footer__menu a,
html[data-theme="light"] .zy-footer__tip,
html[data-theme="light"] .zy-footer__bottom,
html[data-theme="light"] .zy-footer__meta{color:#4a5b73}
html[data-theme="light"] .zy-footer__title{color:#0e1a2b}
html[data-theme="light"] .zy-footer__mail{color:#0e1a2b}
html[data-theme="light"] .zy-to-top{background:#fff;border-color:rgba(20,45,80,.16);color:#0e1a2b;box-shadow:0 10px 26px rgba(18,40,70,.16)}
html[data-theme="light"] .zy-nav-backdrop{background:rgba(15,25,40,.35)}
@media (max-width:900px){html[data-theme="light"] .zy-nav{background:rgba(255,255,255,.98)}}
/* --- 浅色：补充深色块（滚动带 / 数据带 / 联系卡 / 卡片角标） --- */
html[data-theme="light"] .zy-marquee{background:rgba(255,255,255,.62)}
html[data-theme="light"] .zy-marquee__track{color:rgba(60,90,130,.78)}
html[data-theme="light"] .zy-stats-band{
  background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(232,240,250,.55));
  border-color:rgba(20,45,80,.1);
}
html[data-theme="light"] .zy-contact-card{background:#fff}
html[data-theme="light"] .zy-card__cat{background:rgba(255,255,255,.85);color:#0b3a4a;border-color:rgba(14,159,191,.4)}
html[data-theme="light"] .zy-post-nav a{background:#fff;border-color:rgba(20,45,80,.14);color:#31445e}
html[data-theme="light"] .zy-post-nav a:hover{border-color:#0e9fbf;color:#0e1a2b}
html[data-theme="light"] .zy-faq__item{background:#fff}
html[data-theme="light"] .zy-faq__item[open]{background:#f0f8fd;border-color:rgba(14,159,191,.4)}
html[data-theme="light"] .zy-faq__a{border-top-color:rgba(20,45,80,.1)}
/* --- 移动端头部顺序：品牌 / 主题切换 / 汉堡 --- */
@media (max-width:900px){
  .zy-brand{order:0}
  .zy-theme-toggle--mobile{order:1;display:grid;margin-left:auto;margin-right:8px}
  .zy-nav-toggle{order:2;margin-left:0}
}
/* ==========================================================================
   27. 科技感强化（动效 / 透视 / 光效）
   ========================================================================== */

/* 全局噪点质感 */
body::after{
  content:"";position:fixed;inset:0;z-index:9998;pointer-events:none;opacity:.028;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/></filter><rect width='160' height='160' filter='url(%23n)' opacity='0.55'/></svg>");
}

/* Hero：极光缓慢呼吸 + 网格漂移 */
.zy-hero::before{animation:zyHeroGlow 14s ease-in-out infinite alternate}
@keyframes zyHeroGlow{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(1.6%,-1.6%,0) scale(1.07)}}
.zy-hero::after{animation:zyGridDrift 38s linear infinite}
@keyframes zyGridDrift{to{background-position:56px 56px,56px 56px}}

/* Hero 标题：更大更有压迫感 */
.zy-hero__title{font-size:clamp(2.5rem,5.6vw,4.5rem);line-height:1.05;letter-spacing:-.04em}
@media (min-width:1025px){
  .zy-hero__title{filter:drop-shadow(0 10px 44px rgba(34,211,238,.18))}
}

/* Hero 配图：透视 + 鼠标视差倾斜 */
.zy-hero__media{perspective:1400px}
.zy-hero__media picture{
  transform:rotateY(calc(-6deg + var(--zy-tilt,0deg))) rotateX(1.5deg);
  transform-origin:right center;
  transition:transform .5s var(--zy-ease);
  will-change:transform;
}
@media (min-width:1025px){
  .zy-hero__media:hover picture{transform:rotateY(calc(-2deg + var(--zy-tilt,0deg))) rotateX(.6deg) translateY(-6px)}
}
@media (max-width:1024px){
  .zy-hero__media picture{transform:none}
}

/* 按钮：更强的辉光 */
.zy-btn--primary{box-shadow:0 16px 44px rgba(34,211,238,.32),inset 0 1px 0 rgba(255,255,255,.25)}
.zy-btn--primary:hover{box-shadow:0 22px 64px rgba(139,92,246,.45),inset 0 1px 0 rgba(255,255,255,.3)}

/* 服务卡片：图标光晕 + 编号更淡更大 */
.zy-service__icon{box-shadow:0 12px 34px rgba(34,211,238,.28)}
.zy-service:hover .zy-service__icon{box-shadow:0 16px 46px rgba(34,211,238,.42)}
.zy-service::before{font-size:1.05rem;color:rgba(120,190,255,.16)}

/* 数据带：数字发光 + 扫描光带 */
.zy-stats-band{position:relative;overflow:hidden}
.zy-stat__num{filter:drop-shadow(0 10px 30px rgba(34,211,238,.32))}
.zy-stats-band::after{
  content:"";position:absolute;top:0;bottom:0;left:-30%;width:30%;
  background:linear-gradient(90deg,transparent,rgba(34,211,238,.1),transparent);
  animation:zyScan 7s linear infinite;pointer-events:none;
}
@keyframes zyScan{to{transform:translateX(480%)}}

/* 流程序号：发光 */
.zy-step__no{box-shadow:0 0 26px rgba(34,211,238,.22)}

/* CTA：流光扫过 */
.zy-cta-band__inner{position:relative;overflow:hidden;isolation:isolate}
.zy-cta-band__inner::before{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;
  background:linear-gradient(115deg,transparent 36%,rgba(255,255,255,.14) 50%,transparent 64%);
  transform:translateX(-130%);
  animation:zySheen 6s ease-in-out infinite;
}
@keyframes zySheen{0%{transform:translateX(-130%)}60%,100%{transform:translateX(130%)}}
.zy-cta-band__inner>*{position:relative;z-index:1}

/* 浅色：减弱光效 */
html[data-theme="light"] .zy-hero__title{filter:none}
html[data-theme="light"] .zy-stat__num{filter:none}
html[data-theme="light"] body::after{opacity:.018}
html[data-theme="light"] .zy-btn--primary{box-shadow:0 14px 36px rgba(14,159,191,.28),inset 0 1px 0 rgba(255,255,255,.4)}

/* 尊重减少动效偏好 */
@media (prefers-reduced-motion: reduce){
  .zy-hero::before,.zy-hero::after,.zy-stats-band::after,.zy-cta-band__inner::before{animation:none!important}
  .zy-hero__media picture{transform:none!important}
}
/* --- 首屏排版校正：保证标题两行、图文比例更稳 --- */
@media (min-width:1025px){
  .zy-hero__inner{grid-template-columns:1.15fr .85fr;gap:48px}
}
.zy-hero__title{font-size:clamp(2.4rem,4.2vw,3.75rem);text-wrap:balance}
/* ===== 27b. 模板销售页 ===== */
.zy-tpl-hero{padding:6px 0 26px}
.zy-tpl-lead{font-size:1.05rem;line-height:1.8;color:var(--zy-muted);max-width:780px;margin:0 0 22px}
.zy-tpl-lead strong{color:var(--zy-text,#e6eefc)}
.zy-tpl-actions{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 22px}
.zy-tpl-badges{list-style:none;padding:0;margin:0;display:flex;gap:10px;flex-wrap:wrap}
.zy-tpl-badges li{font-size:.82rem;padding:6px 12px;border-radius:999px;border:1px solid var(--zy-line);color:var(--zy-muted)}
.zy-tpl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:0 0 40px}
.zy-tpl-card{border:1px solid var(--zy-line);border-radius:16px;overflow:hidden;background:var(--zy-surface);display:flex;flex-direction:column}
.zy-tpl-card--soon{opacity:.62}
.zy-tpl-card__thumb{aspect-ratio:16/10;overflow:hidden;border-bottom:1px solid var(--zy-line);background:rgba(255,255,255,.02)}
.zy-tpl-card__thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s var(--zy-ease)}
.zy-tpl-card:hover .zy-tpl-card__thumb img{transform:scale(1.04)}
.zy-tpl-card__thumb--soon{display:flex;align-items:center;justify-content:center;color:var(--zy-dim);font-size:.9rem;letter-spacing:.12em}
.zy-tpl-card__body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:10px;flex:1}
.zy-tpl-card__title{font-size:1.06rem;margin:0}
.zy-tpl-card__desc{color:var(--zy-muted);font-size:.9rem;line-height:1.75;margin:0;flex:1}
.zy-tpl-card__meta{display:flex;justify-content:space-between;align-items:center;margin-top:4px}
.zy-tpl-tag{font-size:.74rem;padding:4px 10px;border-radius:999px;border:1px solid rgba(56,189,248,.4);color:#9fe3ff;background:rgba(56,189,248,.08)}
.zy-tpl-price{font-weight:700;color:var(--zy-accent)}
.zy-price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:0 0 18px}
.zy-price-card{position:relative;border:1px solid var(--zy-line);border-radius:16px;padding:22px 20px;background:var(--zy-surface);display:flex;flex-direction:column;gap:10px}
.zy-price-card--hot{border-color:rgba(56,189,248,.55);box-shadow:0 0 0 1px rgba(56,189,248,.32),0 18px 50px rgba(34,211,238,.12)}
.zy-price-card__flag{position:absolute;top:-11px;left:20px;font-size:.72rem;padding:3px 10px;border-radius:999px;background:linear-gradient(135deg,#22d3ee,#8b5cf6);color:#06121f;font-weight:700}
.zy-price-card h3{margin:0;font-size:1rem}
.zy-price-card__amount{font-size:1.9rem;font-weight:800;letter-spacing:-.02em}
.zy-price-card__amount span{font-size:.9rem;font-weight:500;color:var(--zy-muted)}
.zy-price-card__sub{margin:0;color:var(--zy-dim);font-size:.82rem}
.zy-price-card ul{list-style:none;padding:0;margin:6px 0 12px;display:flex;flex-direction:column;gap:8px;font-size:.86rem;color:var(--zy-muted);flex:1}
.zy-price-card li{position:relative;padding-left:18px}
.zy-price-card li::before{content:"";position:absolute;left:2px;top:.55em;width:6px;height:6px;border-radius:50%;background:var(--zy-accent)}
.zy-tpl-note{font-size:.85rem;line-height:1.8;color:var(--zy-muted);border-left:2px solid var(--zy-accent);padding:10px 14px;background:rgba(56,189,248,.05);border-radius:0 10px 10px 0;margin:0 0 36px}
.zy-tpl-specs{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:0 0 36px}
.zy-tpl-spec{border:1px solid var(--zy-line);border-radius:14px;padding:16px 18px;background:var(--zy-surface)}
.zy-tpl-spec h3{margin:0 0 6px;font-size:.95rem}
.zy-tpl-spec p{margin:0;color:var(--zy-muted);font-size:.85rem;line-height:1.7}
.zy-tpl-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:0 0 36px;counter-reset:tplstep}
.zy-tpl-step{position:relative;border:1px solid var(--zy-line);border-radius:14px;padding:16px 18px 16px 54px;background:var(--zy-surface);counter-increment:tplstep}
.zy-tpl-step::before{content:"0" counter(tplstep);position:absolute;left:16px;top:14px;font-size:.9rem;font-weight:800;color:var(--zy-accent)}
.zy-tpl-step h3{margin:0 0 6px;font-size:.95rem}
.zy-tpl-step p{margin:0;color:var(--zy-muted);font-size:.85rem;line-height:1.7}
.zy-tpl-cta{border:1px solid var(--zy-line);border-radius:18px;padding:34px 28px;text-align:center;background:radial-gradient(120% 120% at 50% 0%,rgba(56,189,248,.12),transparent 60%)}
.zy-tpl-cta h2{margin:0 0 8px}
.zy-tpl-cta p{margin:0 0 20px;color:var(--zy-muted)}
.zy-tpl-cta .zy-tpl-actions{justify-content:center;margin:0}
@media (max-width:1024px){.zy-tpl-grid,.zy-price-grid,.zy-tpl-specs,.zy-tpl-steps{grid-template-columns:repeat(2,1fr)}}
@media (max-width:680px){.zy-tpl-grid,.zy-price-grid,.zy-tpl-specs,.zy-tpl-steps{grid-template-columns:1fr}}
html[data-theme="light"] .zy-tpl-tag{color:#0b5b73;background:rgba(14,159,191,.1);border-color:rgba(14,159,191,.35)}
/* 价格卡按钮：整行、不换行 */
.zy-price-card .zy-btn{width:100%;justify-content:center;text-align:center;white-space:nowrap}
/* 模板演示链接 */
.zy-tpl-card__cta{margin-top:auto;padding-top:6px}
.zy-tpl-demo{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;font-weight:600;color:var(--zy-accent);text-decoration:none;white-space:nowrap}
.zy-tpl-demo:hover{text-decoration:underline}
.zy-tpl-card__body .zy-tpl-card__meta{margin-top:6px}

/* ===== 下单表单 ===== */
.zy-order-form{display:flex;flex-direction:column;gap:18px;max-width:780px}
.zy-order-plans{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.zy-order-plan{position:relative;display:flex;flex-direction:column;gap:4px;padding:14px 16px;border:1px solid var(--zy-line);border-radius:14px;cursor:pointer;background:var(--zy-surface);transition:border-color .2s,box-shadow .2s}
.zy-order-plan input{position:absolute;opacity:0;pointer-events:none}
.zy-order-plan.is-active,.zy-order-plan:has(input:checked){border-color:var(--zy-accent);box-shadow:0 0 0 1px var(--zy-accent)}
.zy-order-plan__name{font-weight:700;font-size:.98rem}
.zy-order-plan__price{color:var(--zy-accent);font-weight:800;font-size:1.2rem}
.zy-order-plan__desc{font-size:.82rem;color:var(--zy-muted)}
.zy-order-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.zy-order-field{display:flex;flex-direction:column;gap:6px}
.zy-order-field label{font-size:.85rem;color:var(--zy-muted)}
.zy-order-field input,.zy-order-field textarea{background:rgba(255,255,255,.04);border:1px solid var(--zy-line);border-radius:10px;padding:12px 14px;color:var(--zy-text,#e6eefc);font-size:.95rem;font-family:inherit}
.zy-order-field input:focus,.zy-order-field textarea:focus{outline:none;border-color:var(--zy-accent)}
.zy-order-hint{font-size:.82rem;color:var(--zy-dim);margin:0}
.zy-order-done{border:1px solid var(--zy-line);border-radius:16px;padding:26px;background:var(--zy-surface)}
.zy-order-done h2{margin-top:0}
.zy-order-paynote{font-size:.9rem;color:var(--zy-muted)}
@media(max-width:680px){.zy-order-plans,.zy-order-row{grid-template-columns:1fr}}
html[data-theme="light"] .zy-order-field input,html[data-theme="light"] .zy-order-field textarea{background:#fff;color:#0e1a2b}
/* ===== 工业版：主题变量覆盖 ===== */
:root{
  --zy-bg:#0b1017;
  --zy-bg-2:#0e1620;
  --zy-surface:rgba(20,29,42,.78);
  --zy-surface-solid:#111a25;
  --zy-line:rgba(148,170,196,.18);
  --zy-line-strong:rgba(230,161,60,.45);
  --zy-text:#e8eef7;
  --zy-muted:#93a3b8;
  --zy-dim:#6b7c92;
  --zy-accent:#e6a13c;
  --zy-accent-2:#f2c07a;
  --zy-grad:linear-gradient(115deg,#e6a13c,#f2c07a);
  --zy-radius:14px;
  --zy-radius-sm:10px;
  --zy-shadow:0 16px 40px rgba(4,8,14,.55);
  --zy-shadow-lg:0 28px 70px rgba(3,6,12,.62);
}
html[data-theme="light"]{
  --zy-bg:#f5f2ec;
  --zy-bg-2:#efeae1;
  --zy-surface:rgba(255,255,255,.86);
  --zy-surface-solid:#ffffff;
  --zy-line:rgba(40,50,64,.14);
  --zy-line-strong:rgba(180,122,30,.45);
  --zy-text:#151d27;
  --zy-muted:#4b5a6b;
  --zy-dim:#6d7c8d;
  --zy-accent:#b47a1e;
  --zy-accent-2:#8f5f16;
  --zy-grad:linear-gradient(115deg,#b47a1e,#d29a3f);
}

/* ===== 首页 ===== */
.ind-home{--ind-gap:84px}
.ind-kicker{display:inline-flex;align-items:center;gap:10px;font-size:.78rem;letter-spacing:.24em;text-transform:uppercase;color:var(--zy-accent-2);border:1px solid rgba(230,161,60,.35);padding:7px 14px;border-radius:999px;background:rgba(230,161,60,.08)}
.ind-kicker::before{content:"";width:6px;height:6px;background:var(--zy-accent);transform:rotate(45deg)}
.ind-hero{position:relative;padding:84px 0 64px;overflow:hidden;border-bottom:1px solid var(--zy-line)}
.ind-hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:
  linear-gradient(180deg,rgba(43,110,168,.14),transparent 55%),
  repeating-linear-gradient(90deg,var(--zy-line) 0 1px,transparent 1px 72px),
  repeating-linear-gradient(0deg,var(--zy-line) 0 1px,transparent 1px 72px);
  opacity:.55;mask-image:linear-gradient(180deg,#000 0%,transparent 92%)}
.ind-hero__inner{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.ind-hero h1{margin:24px 0 18px;font-size:clamp(2.2rem,4.4vw,3.4rem);line-height:1.12;letter-spacing:-.02em;font-weight:900}
.ind-hero h1 em{font-style:normal;color:var(--zy-accent-2)}
.ind-lead{color:var(--zy-muted);font-size:1.04rem;max-width:34em;margin:0 0 28px}
.ind-actions{display:flex;gap:12px;flex-wrap:wrap}
.ind-visual{position:relative;height:330px;border:1px solid var(--zy-line);border-radius:16px;overflow:hidden;background:
  radial-gradient(60% 60% at 30% 20%,rgba(43,110,168,.32),transparent 60%),
  repeating-linear-gradient(90deg,var(--zy-line) 0 1px,transparent 1px 44px),
  repeating-linear-gradient(0deg,var(--zy-line) 0 1px,transparent 1px 44px),
  linear-gradient(160deg,#101c2a,#0a1119)}
.ind-visual__frame{position:absolute;inset:26px;border:1px solid rgba(230,161,60,.35);border-radius:8px}
.ind-visual__corner{position:absolute;width:34px;height:34px}
.ind-visual__corner--tl{left:26px;top:26px;border-left:2px solid var(--zy-accent);border-top:2px solid var(--zy-accent)}
.ind-visual__corner--br{right:26px;bottom:26px;border-right:2px solid var(--zy-accent);border-bottom:2px solid var(--zy-accent)}
.ind-visual__label{position:absolute;left:60px;top:96px;font-size:.78rem;color:var(--zy-accent-2);letter-spacing:.12em}
.ind-visual__placeholder{position:absolute;left:60px;right:60px;top:130px;height:130px;border:1px dashed rgba(148,170,196,.28);border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--zy-dim);font-size:.8rem;letter-spacing:.2em}

.ind-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--zy-line);border:1px solid var(--zy-line);border-radius:14px;overflow:hidden;margin-top:54px;position:relative}
.ind-stat{background:var(--zy-surface-solid);padding:22px 20px}
.ind-stat b{display:block;font-size:1.6rem;font-weight:800;letter-spacing:-.02em}
.ind-stat span{display:block;margin-top:6px;font-size:.82rem;color:var(--zy-dim);letter-spacing:.06em}

.ind-section{padding:var(--ind-gap) 0}
.ind-section--alt{background:linear-gradient(180deg,rgba(255,255,255,.025),transparent)}
.ind-section__head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:34px}
.ind-section__head h2{margin:14px 0 0;font-size:clamp(1.5rem,2.5vw,2.1rem);letter-spacing:-.01em}
.ind-section__head p{margin:0;color:var(--zy-dim);font-size:.92rem;max-width:36em}
.ind-tag{font-size:.72rem;padding:4px 10px;border-radius:4px;border:1px solid rgba(230,161,60,.4);color:var(--zy-accent-2);background:rgba(230,161,60,.08);letter-spacing:.1em}

.ind-grid{display:grid;gap:20px}
.ind-grid--4{grid-template-columns:repeat(4,1fr)}
.ind-grid--3{grid-template-columns:repeat(3,1fr)}
.ind-card{border:1px solid var(--zy-line);border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01));padding:24px;position:relative;transition:transform .3s var(--zy-ease),border-color .3s}
.ind-card::before{content:"";position:absolute;top:0;left:0;width:52px;height:2px;background:var(--zy-accent)}
.ind-card:hover{transform:translateY(-4px);border-color:rgba(230,161,60,.45)}
.ind-card h3{margin:0 0 10px;font-size:1.04rem}
.ind-card h3 a{color:inherit;text-decoration:none}
.ind-card p{margin:0 0 14px;color:var(--zy-muted);font-size:.88rem;line-height:1.7}
.ind-spec{display:flex;justify-content:space-between;font-size:.8rem;color:var(--zy-dim);border-top:1px dashed var(--zy-line);padding-top:10px;margin-top:8px}
.ind-spec b{color:var(--zy-text);font-weight:600}

.ind-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;counter-reset:indstep}
.ind-step{border:1px solid var(--zy-line);border-radius:12px;padding:20px 18px;background:var(--zy-surface-solid);position:relative;counter-increment:indstep}
.ind-step::before{content:"0" counter(indstep);position:absolute;right:14px;top:12px;font-family:ui-monospace,monospace;font-size:.74rem;color:var(--zy-accent);letter-spacing:.1em}
.ind-step h4{margin:0 0 8px;font-size:.96rem}
.ind-step p{margin:0;font-size:.82rem;color:var(--zy-dim);line-height:1.65}

.ind-cert{display:flex;flex-direction:column;gap:4px;border:1px solid var(--zy-line);border-radius:12px;padding:18px;background:rgba(255,255,255,.02)}
.ind-cert b{font-size:.98rem}
.ind-cert span{font-size:.78rem;color:var(--zy-dim)}

.ind-case{border:1px solid var(--zy-line);border-radius:14px;overflow:hidden;background:var(--zy-surface-solid)}
.ind-case__visual{height:150px;background:repeating-linear-gradient(135deg,rgba(127,166,201,.12) 0 2px,transparent 2px 12px),linear-gradient(135deg,#16273a,#0d1622);position:relative}
.ind-case__visual span{position:absolute;left:16px;bottom:14px;font-size:.74rem;letter-spacing:.14em;color:var(--zy-accent-2);text-transform:uppercase}
.ind-case__body{padding:20px}
.ind-case__body h4{margin:0 0 8px;font-size:1rem}
.ind-case__body p{margin:0;font-size:.85rem;color:var(--zy-dim);line-height:1.7}

.ind-cta{border:1px solid var(--zy-line);border-radius:20px;padding:48px;background:
  radial-gradient(120% 140% at 88% 0%,rgba(230,161,60,.16),transparent 55%),
  linear-gradient(180deg,rgba(43,110,168,.12),rgba(11,16,23,.2))}
.ind-cta__grid{display:grid;grid-template-columns:1fr .9fr;gap:48px;align-items:center}
.ind-cta h2{margin:16px 0 12px;font-size:1.9rem;line-height:1.25}
.ind-cta p{margin:0;color:var(--zy-muted)}
.ind-sent{margin-top:14px;color:var(--zy-accent-2);font-weight:600}
.ind-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ind-form .full{grid-column:1/-1}
.ind-form input,.ind-form textarea{width:100%;background:rgba(255,255,255,.04);border:1px solid var(--zy-line);border-radius:9px;padding:12px 14px;color:var(--zy-text);font:inherit;font-size:.92rem}
.ind-form input:focus,.ind-form textarea:focus{outline:none;border-color:var(--zy-accent)}
.ind-form textarea{resize:vertical}
.ind-form button.full{justify-content:center}

@media (max-width:1024px){
  .ind-hero__inner{grid-template-columns:1fr}
  .ind-grid--4{grid-template-columns:repeat(2,1fr)}
  .ind-flow{grid-template-columns:repeat(2,1fr)}
  .ind-grid--3{grid-template-columns:1fr 1fr}
  .ind-cta__grid{grid-template-columns:1fr}
  .ind-cta{padding:30px}
}
@media (max-width:680px){
  .ind-grid--4,.ind-grid--3,.ind-flow,.ind-stats,.ind-form{grid-template-columns:1fr}
  .ind-section{padding:56px 0}
  .ind-section__head{flex-direction:column;align-items:flex-start}
}