/*
Theme Name: ZhiYu
Theme URI: https://www.lyzykj.cn/zhiyu
Author: ZhiYu Studio
Author URI: https://www.lyzykj.cn
Description: 科技风企业官网主题。深空渐变 + 玻璃质感，首页模块全部可在自定义器中编辑：Hero、服务、数据、流程、客户评价、转化区；内置联系表单、演示内容一键导入、子主题与完整文档。原创代码，无任何第三方付费依赖。
Version: 2.0.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}
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{
  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,52px);
}
.zy-article--wide{max-width:none}

/* ==========================================================================
   13. Entry content (post/page typography)
   ========================================================================== */
.zy-entry{font-size:1.02rem;color:#cfdcf3}
.zy-entry>*:first-child{margin-top:0}
.zy-entry h2{margin:40px 0 14px;padding-left:14px;border-left:3px solid var(--zy-accent);font-size:1.42rem;color:#eaf6ff}
.zy-entry h3{margin:30px 0 12px;font-size:1.18rem;color:#c7e2ff}
.zy-entry h4{margin:24px 0 10px;color:#c7e2ff}
.zy-entry p{color:#c6d5ee}
.zy-entry a{text-decoration:underline;text-underline-offset:3px}
.zy-entry ul,.zy-entry ol{color:#c6d5ee}
.zy-entry li{margin:.35em 0}
.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}
.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:7px;font-size:.88rem;color:var(--zy-muted)}
.zy-field input,.zy-field textarea{
  width:100%;padding:13px 15px;border-radius:12px;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-field input:focus,.zy-field textarea:focus{outline:none;border-color:var(--zy-accent);box-shadow:0 0 0 3px rgba(34,211,238,.16)}
.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}
}