/* =========================================================
   飞葵 feikui.com — 品牌视觉样式 v2
   基调：深空墨绿 + 品牌绿霓虹 + 青蓝辅助；等宽字体做技术标注
   品牌色取自现有 logo：#33B133（飞葵绿）/ #2E8FA8（logo 文字青）
   ========================================================= */

:root{
  /* 品牌色 */
  --green:      #33B133;
  --green-600:  #2A9A2E;
  --green-700:  #1F7A28;
  --green-050:  #EAF6EA;
  --lime:       #6DF2A8;   /* 深色底上的高亮绿（发光用） */
  --teal:       #2E8FA8;
  --teal-700:   #1E6B7E;
  --cyan:       #4FC3D9;
  --amber:      #E9B44C;

  /* 中性色 */
  --ink:        #071410;
  --ink-2:      #12301F;
  --body:       #38473F;
  --muted:      #5F7067;
  --line:       #E1E8E3;
  --line-soft:  #EEF3EF;
  --paper:      #FFFFFF;
  --bg:         #F5F8F6;

  /* 深色区 */
  --deep:       #04100A;
  --deep-2:     #071A12;
  --deep-3:     #0B2A1D;
  --deep-line:  rgba(255,255,255,.09);

  --radius:     14px;
  --radius-sm:  10px;
  --shadow:     0 20px 44px -26px rgba(7,20,16,.35);
  --shadow-lg:  0 36px 80px -40px rgba(7,20,16,.55);
  --maxw:       1180px;
  --ease:       cubic-bezier(.22,.61,.36,1);

  --font: "PingFang SC","HarmonyOS Sans SC","Hiragino Sans GB","Microsoft YaHei","Source Han Sans SC","Noto Sans CJK SC",system-ui,-apple-system,sans-serif;
  --mono: ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--bg);color:var(--body);
  font-family:var(--font);font-size:16px;line-height:1.75;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{margin:0;color:var(--ink);font-weight:600;line-height:1.25;letter-spacing:-.005em}
p{margin:0}
ul{margin:0;padding:0;list-style:none}
::selection{background:rgba(109,242,168,.28);color:#04100A}

.container{width:min(var(--maxw),calc(100% - 48px));margin-inline:auto}
@media (max-width:640px){.container{width:calc(100% - 36px)}}

/* ---------- 通用原子 ---------- */
.eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  font-family:var(--mono);
  font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;
  color:var(--green-700);font-weight:600;
}
.eyebrow::before{content:"";width:22px;height:1px;background:currentColor;opacity:.55}
.section{padding:112px 0}
.section--tight{padding:76px 0}
.section--paper{background:var(--paper)}
.section--deep{background:var(--deep-2);color:#C9DCD3;position:relative;overflow:hidden}
.section--deep::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.35;
  background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:88px 88px;
  mask-image:radial-gradient(120% 80% at 50% 0%,#000,transparent 78%);
  -webkit-mask-image:radial-gradient(120% 80% at 50% 0%,#000,transparent 78%);
}
.section--deep > .container{position:relative}
.section--deep h2,.section--deep h3{color:#fff}
.section-head{max-width:760px;margin-bottom:56px}
.section-head h2{
  font-size:clamp(1.85rem,3.3vw,2.75rem);margin:20px 0 18px;
  letter-spacing:-.02em;line-height:1.22;
}
.section-head p{font-size:16.5px;color:var(--muted);max-width:62ch;line-height:1.9}
.section--deep .section-head p{color:#93B0A5}
.section--deep .eyebrow{color:var(--lime)}
@media (max-width:640px){.section{padding:76px 0}.section-head{margin-bottom:38px}}

.btn{
  display:inline-flex;align-items:center;gap:10px;
  padding:13px 24px;border-radius:9px;font-size:14.5px;font-weight:600;
  border:1px solid transparent;cursor:pointer;transition:.28s var(--ease);
  white-space:nowrap;letter-spacing:.01em;
}
.btn svg{width:15px;height:15px;transition:transform .28s var(--ease)}
.btn:hover svg{transform:translateX(4px)}
.btn--primary{
  background:linear-gradient(135deg,#3ED27C,#33B133 55%,#2A9A2E);
  color:#04100A;box-shadow:0 12px 30px -14px rgba(51,177,51,.9);
}
.btn--primary:hover{transform:translateY(-2px);box-shadow:0 18px 38px -16px rgba(61,214,124,.95)}
.btn--ghost{border-color:rgba(7,20,16,.14);color:var(--ink);background:rgba(255,255,255,.7)}
.btn--ghost:hover{border-color:var(--green);color:var(--green-700);background:#fff}
.btn--onDark{border-color:rgba(255,255,255,.22);color:#fff;background:rgba(255,255,255,.04)}
.btn--onDark:hover{background:rgba(255,255,255,.1);border-color:rgba(109,242,168,.5);color:var(--lime)}

/* ---------- 顶部导航（覆盖在横幅之上，滚动后转为深色玻璃） ---------- */
.site-header{
  position:fixed;left:0;right:0;top:0;z-index:60;
  background:transparent;border-bottom:1px solid transparent;
  transition:background .35s var(--ease),border-color .35s var(--ease),box-shadow .35s var(--ease);
}
.site-header::before{
  content:"";position:absolute;inset:-1px 0 -28px;z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,rgba(3,12,8,.82) 0%,rgba(3,12,8,.46) 46%,transparent 100%);
  transition:opacity .35s var(--ease);
}
.site-header.is-stuck{
  background:rgba(4,16,10,.92);border-bottom-color:rgba(255,255,255,.1);
  box-shadow:0 20px 44px -34px #000;
  backdrop-filter:blur(18px) saturate(150%);
  -webkit-backdrop-filter:blur(18px) saturate(150%);
}
.site-header.is-stuck::before{opacity:0}
.header__inner{display:flex;align-items:center;gap:28px;height:74px}
.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}
.brand img{width:56px;height:56px;border-radius:13px;box-shadow:0 0 0 1px rgba(255,255,255,.12)}
.brand__text{display:flex;flex-direction:column;line-height:1.15}
.brand__text strong{font-size:19px;color:#fff;letter-spacing:.1em;font-weight:600}
.brand__text small{font-size:10.5px;color:rgba(200,222,210,.5);letter-spacing:.06em;margin-top:3px}
.nav{margin-left:auto;display:flex;align-items:center;gap:2px}
.nav a{
  position:relative;padding:9px 13px;font-size:14.5px;color:rgba(224,238,230,.76);
  border-radius:7px;transition:.2s;
}
.nav a:hover{color:#fff;background:rgba(255,255,255,.07)}
.nav a[aria-current="page"]{color:var(--lime);font-weight:600}
.nav a[aria-current="page"]::after{
  content:"";position:absolute;left:13px;right:13px;bottom:3px;height:1.5px;
  background:var(--lime);border-radius:2px;box-shadow:0 0 10px rgba(109,242,168,.8);
}
.header__cta{padding:9px 18px;font-size:13.5px}
.lang-switch{
  display:inline-flex;align-items:center;gap:6px;flex-shrink:0;
  padding:7px 13px;border:1px solid rgba(255,255,255,.3);border-radius:999px;background:rgba(255,255,255,.04);
  font-size:12px;letter-spacing:.08em;color:rgba(224,238,230,.82);
  transition:.22s var(--ease);
}
.lang-switch svg{width:13px;height:13px;opacity:.8}
.lang-switch:hover{
  color:#04100A;background:var(--lime);border-color:var(--lime);
  box-shadow:0 0 18px rgba(109,242,168,.35);
}
.lang-switch:hover svg{opacity:1}
.nav-toggle{
  display:none;width:44px;height:44px;border:1px solid rgba(255,255,255,.34);
  border-radius:10px;background:rgba(4,16,10,.62);cursor:pointer;position:relative;
  box-shadow:0 2px 10px rgba(0,0,0,.35);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
}
.nav-toggle span,.nav-toggle span::before,.nav-toggle span::after{
  position:absolute;left:50%;top:50%;width:20px;height:2px;background:#fff;
  box-shadow:0 1px 3px rgba(0,0,0,.65);
  transform:translate(-50%,-50%);transition:.25s var(--ease);content:"";
}
.nav-toggle span::before{transform:translate(-50%,-6px)}
.nav-toggle span::after{transform:translate(-50%,6px)}
.nav-toggle[aria-expanded="true"] span{background:transparent}
.nav-toggle[aria-expanded="true"] span::before{transform:translate(-50%,-50%) rotate(45deg)}
.nav-toggle[aria-expanded="true"] span::after{transform:translate(-50%,-50%) rotate(-45deg)}
@media (max-width:980px){
  .nav{
    position:fixed;inset:74px 0 auto 0;flex-direction:column;align-items:stretch;
    gap:0;background:rgba(6,20,14,.98);border-bottom:1px solid rgba(255,255,255,.1);
    padding:10px 18px 22px;box-shadow:0 30px 60px -30px #000;
    transform:translateY(-12px);opacity:0;pointer-events:none;transition:.28s var(--ease);
  }
  .nav.is-open{transform:none;opacity:1;pointer-events:auto}
  .nav a{padding:13px 8px;border-bottom:1px solid rgba(255,255,255,.07);border-radius:0;font-size:16px}
  .nav a[aria-current="page"]::after{display:none}
  .header__inner{gap:12px}
  .brand{min-width:0}
  .brand__text{min-width:0}
  .brand__text small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:34vw}
  html[lang="en"] .brand__text small{display:none}
  .lang-switch{margin-left:auto;padding:6px 11px;font-size:11.5px;letter-spacing:.04em}
  .lang-switch svg{width:12px;height:12px}
  .nav-toggle{display:block;margin-left:4px}
  .header__cta{display:none}
}
@media (min-width:981px) and (max-width:1180px){
  html[lang="en"] .brand__text small{display:none}
  html[lang="en"] .nav a{padding:9px 10px;font-size:13.5px}
}


/* ---------- AI 可视化演示（首页） ---------- */
.ai-viz{
  position:relative;color:#fff;overflow:hidden;
  padding:96px 0;
  background:
    radial-gradient(70% 90% at 12% 0%,rgba(56,178,51,.12),transparent 60%),
    linear-gradient(180deg,#04100A 0%,#061A12 100%);
  border-top:1px solid rgba(255,255,255,.07);
}
.ai-viz__grid{display:grid;grid-template-columns:1.15fr .85fr;gap:64px;align-items:center}
.ai-viz .eyebrow{color:var(--lime)}
.ai-viz h2{color:#fff;font-size:clamp(1.6rem,2.6vw,2.1rem);margin:16px 0 18px;letter-spacing:-.02em}
.ai-viz p{color:#9FBCB1;line-height:1.95;font-size:15.5px;max-width:46ch}
.ai-viz__list{list-style:none;margin:26px 0 0;display:grid;gap:14px}
.ai-viz__list li{
  position:relative;padding-left:26px;font-size:14.5px;color:#B8D2C7;line-height:1.85;
}
.ai-viz__list li::before{
  content:"";position:absolute;left:6px;top:9px;width:7px;height:7px;border-radius:2px;
  background:var(--lime);box-shadow:0 0 14px rgba(109,242,168,.8);
}
.ai-viz__list b{color:#fff;font-weight:600;margin-right:6px}

.screen{
  position:relative;border:1px solid rgba(109,242,168,.24);border-radius:16px;overflow:hidden;
  background:linear-gradient(160deg,rgba(6,26,19,.96),rgba(3,14,10,.98));
  box-shadow:0 40px 90px -50px #000,inset 0 1px 0 rgba(255,255,255,.05);
}
.screen__bar{
  display:flex;align-items:center;gap:10px;padding:12px 16px;
  font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:#8FB3A7;
  border-bottom:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.02);
}
.screen__bar .dot{width:7px;height:7px;border-radius:50%;background:#6DF2A8;box-shadow:0 0 10px #6DF2A8}
.screen__bar b{margin-left:auto;color:#6DF2A8;font-weight:500}
.screen__body{
  position:relative;aspect-ratio:16/9;
  background:
    radial-gradient(120% 100% at 50% 0%,rgba(79,195,217,.16),transparent 60%),
    repeating-linear-gradient(180deg,rgba(255,255,255,.045) 0 1px,transparent 1px 5px),
    linear-gradient(160deg,#0A2A20,#04140E 70%);
  overflow:hidden;
}
.screen__scan{
  position:absolute;left:0;right:0;height:34%;top:-34%;
  background:linear-gradient(180deg,transparent,rgba(109,242,168,.16),transparent);
  animation:scanY 4.6s linear infinite;
}
@keyframes scanY{0%{top:-34%}100%{top:102%}}
.box{
  position:absolute;border:1px solid rgba(109,242,168,.85);border-radius:4px;
  box-shadow:0 0 18px rgba(109,242,168,.25) inset;animation:boxPulse 3.2s ease-in-out infinite;
}
.box i{
  position:absolute;top:-19px;left:-1px;font-style:normal;white-space:nowrap;
  font-family:var(--mono);font-size:10px;letter-spacing:.06em;
  background:rgba(109,242,168,.92);color:#04120C;padding:2px 6px;border-radius:3px;
}
.box--a{left:14%;top:30%;width:22%;height:44%}
.box--b{left:52%;top:18%;width:26%;height:38%;animation-delay:.6s}
.box--c{left:38%;top:64%;width:16%;height:20%;animation-delay:1.2s;border-color:rgba(79,195,217,.9)}
.box--c i{background:rgba(79,195,217,.92);color:#04120C}
@keyframes boxPulse{0%,100%{opacity:.55}50%{opacity:1}}
.screen__meta{
  position:absolute;right:12px;bottom:10px;font-family:var(--mono);font-size:10px;
  letter-spacing:.12em;color:rgba(143,179,167,.75);
}
.screen__log{list-style:none;margin:0;padding:14px 16px 16px;display:grid;gap:8px;
  border-top:1px solid rgba(255,255,255,.07);background:rgba(0,0,0,.22)}
.screen__log li{font-family:var(--mono);font-size:11.5px;color:#96B7AB;letter-spacing:.02em}
.screen__log b{color:#6DF2A8;font-weight:500;margin-right:8px}
.ai-viz__note{margin-top:12px;font-size:12px;color:rgba(143,179,167,.65);letter-spacing:.04em}
@media (max-width:980px){
  .ai-viz{padding:64px 0}
  .ai-viz__grid{grid-template-columns:1fr;gap:34px}
  .ai-viz p{max-width:none}
}

/* ---------- 首页 Hero ---------- */
.hero{
  position:relative;isolation:isolate;overflow:hidden;color:#fff;
  background:
    radial-gradient(90% 70% at 78% 10%, #0F5B3C 0%, #082B1D 42%, #04100A 100%);
  padding:170px 0 112px;min-height:min(94vh,880px);display:flex;align-items:center;
}
/* 首页背景：AI 生成的粒子人形全息图（2560px），右侧主体、左侧暗场放文案 */
.hero__media{
  position:absolute;inset:0;z-index:-4;
  background:url("../img/hero-ai.jpg?v=20261107e") right bottom/auto 90% no-repeat;
}
.hero__wash{
  position:absolute;inset:0;z-index:-3;
  background:
    linear-gradient(94deg,rgba(4,16,10,.88) 0%,rgba(4,16,10,.62) 34%,rgba(4,16,10,.18) 62%,rgba(4,16,10,0) 82%),
    linear-gradient(180deg,rgba(4,16,10,.55) 0%,rgba(4,16,10,0) 30%,rgba(4,16,10,.18) 62%,rgba(4,16,10,.86) 100%);
}
/* AI 神经网络画布 */
.hero__canvas{position:absolute;inset:0;z-index:-2;width:100%;height:100%;opacity:.5;pointer-events:none}
.hero__grid{
  position:absolute;inset:0;z-index:-2;opacity:.14;
  background-image:linear-gradient(rgba(255,255,255,.14) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.14) 1px,transparent 1px);
  background-size:80px 80px;
  mask-image:linear-gradient(180deg,transparent,#000 20%,#000 66%,transparent 98%);
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 20%,#000 66%,transparent 98%);
}
.hero__glow{
  position:absolute;z-index:-1;right:-10%;top:2%;width:58vw;height:58vw;max-width:820px;max-height:820px;
  background:radial-gradient(circle,rgba(109,242,168,.22),rgba(79,195,217,.12) 44%,transparent 70%);
  filter:blur(18px);animation:breathe 16s ease-in-out infinite;
}
/* 顶部一道扫描光 */
.hero__beam{
  position:absolute;left:0;right:0;top:0;height:1px;z-index:-1;
  background:linear-gradient(90deg,transparent,rgba(109,242,168,.65),rgba(79,195,217,.4),transparent);
  animation:beam 9s ease-in-out infinite;
}
/* AI 特效：人物区垂直扫描光带 */
.hero__scan{
  position:absolute;top:0;bottom:0;left:69%;width:170px;z-index:-1;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(109,242,168,.07) 42%,rgba(79,195,217,.13) 50%,rgba(109,242,168,.07) 58%,transparent);
  mix-blend-mode:screen;
}
.hero__scan::after{
  content:"";position:absolute;left:0;right:0;top:-14%;height:14%;
  background:linear-gradient(180deg,transparent,rgba(150,255,200,.30),transparent);
  filter:blur(3px);
  animation:scanV 7s ease-in-out infinite;
}
@keyframes scanV{0%{top:-14%;opacity:0}10%{opacity:1}85%{opacity:1}100%{top:104%;opacity:0}}
/* AI 特效：上升数据光点 */
.hero__motes{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.85}
.hero__motes::before,.hero__motes::after{content:"";position:absolute;inset:0;background-repeat:repeat}
.hero__motes::before{
  background-image:
    radial-gradient(2px 2px at 12% 28%,rgba(150,255,200,.85),transparent 65%),
    radial-gradient(1.6px 1.6px at 36% 66%,rgba(150,255,200,.5),transparent 65%),
    radial-gradient(2.4px 2.4px at 58% 18%,rgba(120,225,255,.7),transparent 65%),
    radial-gradient(1.6px 1.6px at 77% 52%,rgba(150,255,200,.55),transparent 65%),
    radial-gradient(2px 2px at 92% 34%,rgba(120,225,255,.5),transparent 65%);
  background-size:640px 520px;
  animation:motesA 30s linear infinite;
}
.hero__motes::after{
  background-image:
    radial-gradient(1.5px 1.5px at 22% 44%,rgba(120,225,255,.6),transparent 65%),
    radial-gradient(2px 2px at 48% 12%,rgba(150,255,200,.55),transparent 65%),
    radial-gradient(1.4px 1.4px at 66% 74%,rgba(120,225,255,.45),transparent 65%),
    radial-gradient(2.2px 2.2px at 85% 26%,rgba(150,255,200,.5),transparent 65%);
  background-size:420px 380px;
  animation:motesB 19s linear infinite;
}
@keyframes motesA{to{background-position:0 -1040px,0 -1040px,0 -1040px,0 -1040px,0 -1040px}}
@keyframes motesB{to{background-position:0 -760px,0 -760px,0 -760px,0 -760px}}
/* AI 特效：右上旋转全息环 */
.hero__ring{
  position:absolute;right:1.5%;top:24%;width:min(13vw,170px);aspect-ratio:1;border-radius:50%;
  border:1px dashed rgba(120,235,180,.24);z-index:-1;pointer-events:none;opacity:.5;
  box-shadow:inset 0 0 40px rgba(109,242,168,.08),0 0 26px rgba(109,242,168,.06);
  animation:ringSpin 46s linear infinite;
}
.hero__ring::before{content:"";position:absolute;inset:15%;border-radius:50%;border:1px solid rgba(120,235,180,.15)}
.hero__ring::after{content:"";position:absolute;inset:32%;border-radius:50%;border:1px dashed rgba(79,195,217,.22)}
@keyframes ringSpin{to{transform:rotate(360deg)}}
@keyframes breathe{0%,100%{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.07)}}
@keyframes beam{0%,100%{opacity:.2}50%{opacity:.9}}
.hero__inner{max-width:800px}
.hero .eyebrow{color:var(--lime)}
.hero h1{
  color:#fff;font-size:clamp(2.4rem,5.9vw,4.5rem);line-height:1.1;
  letter-spacing:-.025em;margin:26px 0 26px;font-weight:600;text-wrap:balance;
}
.hero h1 em{
  font-style:normal;white-space:nowrap;
  background:linear-gradient(96deg,#B8FFD4 0%,#6DF2A8 46%,#4FC3D9 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.hero__lead{font-size:clamp(1rem,1.45vw,1.12rem);color:rgba(224,238,230,.78);max-width:53ch;line-height:1.95}
.hero__lead + .hero__lead{margin-top:8px}
html[lang="en"] .hero h1{font-size:clamp(2.15rem,3.4vw,3rem)}
html[lang="en"] .hero h1 em{white-space:normal}
html[lang="en"] .hero__stats dd{min-height:3.6em}
.hero__tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.hero__tags span{
  font-family:var(--mono);font-size:11px;letter-spacing:.1em;
  color:rgba(200,255,224,.85);border:1px solid rgba(109,242,168,.28);
  background:rgba(4,16,10,.38);padding:5px 11px;border-radius:999px;
}
.hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}
.hero__stats{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;
  margin:66px -20px 0;padding:26px 20px 10px;border-radius:16px;
  border-top:1px solid rgba(255,255,255,.10);
  background:linear-gradient(180deg,rgba(4,16,10,.62),rgba(4,16,10,.14) 78%,rgba(4,16,10,0));
}
.hero__stats dt{
  font-family:var(--mono);font-size:clamp(1.25rem,2.2vw,1.75rem);color:#fff;
  font-weight:600;letter-spacing:.01em;
}
.hero__stats dd{margin:6px 0 0;font-size:12.5px;color:rgba(198,222,210,.6);letter-spacing:.05em}
@media (max-width:820px){
  .hero{padding:92px 0 72px;min-height:auto}
  .hero h1 em{white-space:normal}
  .hero h1{font-size:clamp(2.15rem,8vw,2.9rem)}
  html[lang="en"] .hero h1{font-size:clamp(1.8rem,6.2vw,2.4rem)}
  .hero__stats{grid-template-columns:repeat(2,1fr);gap:22px 12px;margin:44px -14px 0;padding:22px 14px 8px}
  .hero .eyebrow__org{display:none}
  .hero__media{
    background:url("../img/mobile-hero.jpg?v=20261107a") center top/cover no-repeat;
    opacity:.85;
  }
  .hero__wash{background:linear-gradient(180deg,rgba(4,16,10,.66) 0%,rgba(4,16,10,.34) 34%,rgba(4,16,10,.55) 72%,rgba(4,16,10,.9) 100%)}
  .hero__scan,.hero__ring,.hero__glow{display:none}
  .hero__motes{opacity:.45}
}

/* ---------- AI 能力带 ---------- */
.ai-band{
  position:relative;background:var(--deep);color:#D6E8DE;overflow:hidden;
  padding:104px 0;
}
.ai-band::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(60% 50% at 12% 0%,rgba(109,242,168,.12),transparent 62%),
    radial-gradient(50% 50% at 92% 88%,rgba(79,195,217,.12),transparent 66%);
}
.ai-band > .container{position:relative}
.ai-band .section-head h2{color:#fff}
.ai-band .section-head p{color:#93B0A5}
.ai-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.ai-card{
  position:relative;padding:30px 26px 26px;border-radius:12px;
  border:1px solid rgba(255,255,255,.09);
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.015));
  transition:.4s var(--ease);overflow:hidden;
}
.ai-card::after{
  content:"";position:absolute;inset:0;border-radius:12px;pointer-events:none;
  background:linear-gradient(135deg,rgba(109,242,168,.5),transparent 42%);
  opacity:0;transition:.4s;mix-blend-mode:overlay;
}
.ai-card:hover{transform:translateY(-6px);border-color:rgba(109,242,168,.38);
  box-shadow:0 34px 70px -46px rgba(109,242,168,.85)}
.ai-card:hover::after{opacity:.5}
.ai-card__idx{font-family:var(--mono);font-size:11px;letter-spacing:.2em;color:var(--lime)}
.ai-card h3{color:#fff;font-size:17px;margin:16px 0 10px;letter-spacing:0}
.ai-card p{font-size:13.5px;color:#93AFA3;line-height:1.85}
.ai-card__tag{
  display:inline-flex;margin-top:18px;font-family:var(--mono);font-size:10.5px;
  letter-spacing:.12em;color:var(--lime);border:1px solid rgba(109,242,168,.28);
  border-radius:999px;padding:3px 9px;
}
@media (max-width:1000px){.ai-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.ai-grid{grid-template-columns:1fr}}

/* AI 能力矩阵（三条产品线 × AI 层） */
.ai-map{margin-top:56px;border-top:1px solid rgba(255,255,255,.1)}
.ai-map__row{
  display:grid;grid-template-columns:.9fr 1.2fr 2fr;gap:24px;align-items:start;
  padding:22px 4px;border-bottom:1px solid rgba(255,255,255,.08);
}
.ai-map__row:last-child{border-bottom:0}
.ai-map__name{color:#fff;font-size:15px;font-weight:600}
.ai-map__code{font-family:var(--mono);font-size:11px;color:var(--lime);letter-spacing:.12em;display:block;margin-top:4px}
.ai-map__ai{font-size:13.5px;color:#9FBBAF;line-height:1.85}
.ai-map__state{font-family:var(--mono);font-size:11px;color:#7E9C91;letter-spacing:.1em;text-align:right}
@media (max-width:820px){
  .ai-map__row{grid-template-columns:1fr;gap:8px}
  .ai-map__state{text-align:left}
}

/* ---------- 业务 / 卡片 ---------- */
.biz-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.biz-card{
  position:relative;background:var(--paper);border:1px solid var(--line);
  border-radius:var(--radius);padding:34px 30px 28px;overflow:hidden;
  transition:.38s var(--ease);
}
.biz-card::before{
  content:"";position:absolute;inset:0 0 auto 0;height:2px;
  background:linear-gradient(90deg,var(--green),var(--cyan));
  transform:scaleX(0);transform-origin:left;transition:.5s var(--ease);
}
.biz-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:rgba(51,177,51,.25)}
.biz-card:hover::before{transform:scaleX(1)}
.biz-card__no{
  font-family:var(--mono);font-size:11px;letter-spacing:.2em;color:var(--green-700);font-weight:600;
}
.biz-card h3{font-size:21px;margin:14px 0 12px;letter-spacing:-.01em}
.biz-card p{font-size:14.5px;color:var(--muted);line-height:1.85}
.biz-card ul{margin-top:20px;display:grid;gap:9px}
.biz-card li{font-size:13.5px;color:var(--body);padding-left:17px;position:relative}
.biz-card li::before{content:"";position:absolute;left:0;top:.64em;width:5px;height:5px;border-radius:50%;
  background:var(--green);opacity:.65}
.biz-card .tagline{margin-top:22px;padding-top:16px;border-top:1px dashed var(--line);
  font-family:var(--mono);font-size:11.5px;color:var(--teal-700);letter-spacing:.03em}
.ai-chip{
  display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);
  font-size:10.5px;letter-spacing:.1em;font-weight:600;color:#04100A;
  background:linear-gradient(96deg,#8CFFC0,#4FE08D);border-radius:999px;padding:3px 9px;
}
.ai-chip::before{content:"";width:5px;height:5px;border-radius:50%;background:#04100A;opacity:.65}
@media (max-width:980px){.biz-grid{grid-template-columns:1fr}}

/* ---------- 品牌 / 产品 ---------- */
.brand-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.pcard{
  display:flex;flex-direction:column;background:var(--paper);
  border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;
  transition:.38s var(--ease);position:relative;
}
.pcard:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:rgba(51,177,51,.28)}
.pcard__top{padding:24px 26px 0;display:flex;align-items:center;justify-content:space-between;gap:12px}
.pcard__brand{font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;color:var(--muted)}
.pcard__brand .tm-cn{font-family:var(--font);font-size:12.5px;letter-spacing:.04em;font-weight:600;margin-left:2px}
.pcard__code{
  display:inline-block;margin-top:14px;font-family:var(--mono);font-size:11.5px;
  letter-spacing:.08em;color:var(--teal-700);background:#EDF6F8;border-radius:5px;padding:3px 8px;
}
.pcard__body{padding:10px 26px 26px;flex:1;display:flex;flex-direction:column}
.pcard h3{font-size:19.5px;line-height:1.45;margin-bottom:12px;letter-spacing:-.01em}
.pcard p{font-size:14px;color:var(--muted);line-height:1.85}
.pcard ul{margin:16px 0 22px;display:grid;gap:8px}
.pcard li{font-size:13.2px;color:var(--body);display:flex;gap:9px;align-items:flex-start;line-height:1.65}
.pcard li::before{content:"";flex:0 0 4px;width:4px;height:4px;margin-top:.66em;border-radius:50%;background:var(--green)}
.pcard li.is-ai::before{background:var(--cyan);box-shadow:0 0 8px rgba(79,195,217,.8)}
.pcard__foot{margin-top:auto;padding-top:16px;border-top:1px solid var(--line-soft);display:flex;align-items:center;justify-content:space-between;gap:10px}
.pcard__meta{font-size:12px;color:var(--muted)}
.badge{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;
  padding:4px 10px;border-radius:999px;letter-spacing:.02em}
.badge--live{background:rgba(51,177,51,.1);color:var(--green-700)}
.badge--dev{background:rgba(233,180,76,.14);color:#8A5A0C}
.badge::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.pcard--dev .pcard__top{border-top:2px solid var(--amber)}
@media (max-width:980px){.brand-grid{grid-template-columns:1fr}}

/* ---------- 资质条 ---------- */
.cred{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.cred__item{background:var(--paper);padding:28px 24px;transition:.3s}
.cred__item:hover{background:#FBFDFB}
.cred__item dt{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;color:var(--muted);margin-bottom:12px}
.cred__item dd{margin:0;font-size:15.5px;color:var(--ink);font-weight:600;line-height:1.5}
.cred__item dd span{display:block;font-family:var(--mono);font-size:11.5px;color:var(--muted);font-weight:400;margin-top:7px;letter-spacing:.01em}
@media (max-width:900px){.cred{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.cred{grid-template-columns:1fr}}

/* ---------- 文化（五组对句） ---------- */
.culture{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:8px}
.culture__item{
  position:relative;padding:26px 20px;border:1px solid rgba(255,255,255,.09);
  border-radius:10px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015));
  transition:.32s var(--ease);
}
.culture__item:hover{background:rgba(109,242,168,.07);border-color:rgba(109,242,168,.34);transform:translateY(-4px)}
.culture__label{font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;color:var(--lime);margin-bottom:16px}
.culture__text{font-size:15px;line-height:2;color:#E7F2EB;letter-spacing:.04em}
.culture__text b{display:block;font-weight:500;color:#fff}
.culture__text b + b{color:#A9D8C6}
@media (max-width:1000px){.culture{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.culture{grid-template-columns:1fr}}

/* ---------- 服务流程 ---------- */
.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:12px;border-top:1px solid var(--line)}
.flow__step{padding:28px 22px 8px;position:relative}
.flow__step::before{content:"";position:absolute;left:22px;top:-5px;width:9px;height:9px;border-radius:50%;
  background:var(--green);box-shadow:0 0 0 5px rgba(51,177,51,.14)}
.flow__step h4{font-size:15.5px;margin-bottom:8px}
.flow__step p{font-size:13.5px;color:var(--muted);line-height:1.75}
@media (max-width:860px){.flow{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.flow{grid-template-columns:1fr}}

/* ---------- 内容版式 ---------- */
.prose{max-width:74ch}
.prose h2{font-size:clamp(1.6rem,2.6vw,2.2rem);margin:0 0 18px;letter-spacing:-.02em}
.prose h3{font-size:19px;margin:36px 0 12px}
.prose p{font-size:16px;line-height:1.95;margin-bottom:16px;color:var(--body)}
.prose ul{margin:0 0 18px;display:grid;gap:8px}
.prose li{position:relative;padding-left:18px;font-size:15.5px;color:var(--body)}
.prose li::before{content:"";position:absolute;left:2px;top:.7em;width:5px;height:5px;border-radius:50%;background:var(--green)}

/* ---------- 子页横幅（每页独立主题色 + 专属线稿） ---------- */
.page-head{
  --accent:109,242,168;--accent-2:79,195,217;
  position:relative;padding:158px 0 88px;color:#fff;overflow:hidden;
  background:
    radial-gradient(76% 120% at 84% 0%,rgba(var(--accent),.15) 0%,transparent 56%),
    radial-gradient(50% 90% at 100% 100%,rgba(var(--accent-2),.12) 0%,transparent 60%),
    linear-gradient(116deg,#03110B 0%,#06251A 46%,#04120D 100%);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.page-head::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.32;
  background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);
  background-size:76px 76px;
  mask-image:linear-gradient(180deg,#000,transparent 94%);
  -webkit-mask-image:linear-gradient(180deg,#000,transparent 94%);
}
.page-head::after{
  content:"";position:absolute;right:-14%;top:-64%;width:620px;height:620px;max-width:70vw;max-height:70vw;
  background:radial-gradient(circle,rgba(var(--accent),.16),rgba(var(--accent-2),.07) 44%,transparent 68%);
  pointer-events:none;
}
.page-head--about{--accent:109,242,168;--accent-2:79,195,217}
.page-head--business{--accent:79,195,217;--accent-2:109,242,168}
.page-head--products{--accent:158,255,186;--accent-2:79,195,217}
.page-head--qualifications{--accent:232,193,120;--accent-2:109,242,168}
.page-head--contact{--accent:186,164,255;--accent-2:126,196,236}
.page-head > .container{position:relative;z-index:2}
.page-head .eyebrow{color:rgb(var(--accent))}
.page-head h1{color:#fff;font-size:clamp(2.1rem,4.2vw,3.2rem);margin:18px 0 16px;letter-spacing:-.025em}
.page-head p{color:#A9C6BB;max-width:60ch;font-size:16px;line-height:1.9}
.page-head__art{
  position:absolute;right:1%;top:50%;transform:translateY(-50%);
  width:min(44vw,540px);height:auto;z-index:1;pointer-events:none;
  color:rgb(var(--accent));opacity:.85;
  mask-image:linear-gradient(90deg,transparent 0%,#000 26%,#000 84%,transparent 100%);
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 26%,#000 84%,transparent 100%);
}
.page-head__scan{
  position:absolute;left:0;right:0;top:0;height:1px;z-index:3;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(var(--accent),.7),rgba(var(--accent-2),.45),transparent);
  animation:beam 11s ease-in-out infinite;
}
.page-head__hud{
  position:absolute;right:26px;bottom:18px;z-index:3;display:flex;align-items:center;gap:10px;
  font-family:var(--mono);font-size:10px;letter-spacing:.18em;color:rgba(var(--accent),.55);
}
.page-head__hud::before{content:"";width:28px;height:1px;background:currentColor;opacity:.7}
.crumb{font-family:var(--mono);font-size:11.5px;color:#7E9C91;letter-spacing:.08em;margin-bottom:24px}
.crumb a:hover{color:rgb(var(--accent))}

.page-head__meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.page-head__meta span{
  white-space:nowrap;font-family:var(--mono);font-size:10px;letter-spacing:.13em;
  color:rgba(var(--accent),.85);border:1px solid rgba(var(--accent),.26);
  background:rgba(var(--accent),.06);padding:5px 11px;border-radius:999px;
}
[id]{scroll-margin-top:96px}

@media (max-width:980px){
  .page-head{padding:132px 0 64px}
  .page-head__art{width:74vw;right:-24%;opacity:.4}
  .page-head__hud{display:none}
}
@media (max-width:640px){.page-head{padding:118px 0 52px}}

.split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
@media (max-width:900px){.split{grid-template-columns:1fr;gap:36px}}

.panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:32px}
.panel--accent{background:linear-gradient(180deg,#F1F9F1,#fff);border-color:#D8EBD8}
.panel--dark{background:var(--deep-2);border-color:rgba(255,255,255,.1);color:#C9DCD3}
.panel--dark h3,.panel--dark h4{color:#fff}

.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper)}
table{width:100%;border-collapse:collapse;font-size:14.5px}
th,td{text-align:left;padding:14px 18px;border-bottom:1px solid var(--line-soft);vertical-align:top}
th{font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:var(--muted);font-weight:600;background:#FAFCFA;white-space:nowrap}
tr:last-child td{border-bottom:0}
td strong{color:var(--ink);font-weight:600}
.mono{font-family:var(--mono);font-size:13px;letter-spacing:.02em;color:var(--ink-2)}

.note{border-left:2px solid var(--green);background:#F3FAF3;padding:16px 20px;border-radius:0 var(--radius-sm) var(--radius-sm) 0;
  font-size:14px;color:var(--ink-2);line-height:1.85}
.note--warn{border-left-color:var(--amber);background:#FDF7EC}
.note + .note{margin-top:12px}

/* ---------- 资讯列表 ---------- */
.page-head--news{--accent:79,195,217;--accent-2:109,242,168}
.news-list{max-width:1080px;margin:0 auto}
.news-year{display:grid;grid-template-columns:190px 1fr;gap:40px;padding:46px 0;border-top:1px solid var(--line)}
.news-year:first-child{border-top:0;padding-top:6px}
.news-year__label{
  font-family:var(--mono);font-size:clamp(2.1rem,3.4vw,2.9rem);font-weight:500;
  color:#B9D1C4;line-height:1;letter-spacing:.02em;position:sticky;top:110px;align-self:start;
}
.news-year__label small{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;color:var(--muted);margin-top:12px}
.news-year__cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.news-card{
  position:relative;display:flex;flex-direction:column;gap:12px;
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  padding:26px 26px 46px;text-decoration:none;overflow:hidden;transition:.32s var(--ease);
}
.news-card::before{
  content:"";position:absolute;left:0;top:0;right:0;height:2px;
  background:linear-gradient(90deg,var(--green),#4FC3D9);opacity:0;transition:.32s var(--ease);
}
.news-card:hover{transform:translateY(-4px);border-color:#BFE0C4;box-shadow:0 18px 40px rgba(10,40,25,.10)}
.news-card:hover::before{opacity:1}
.news-card__top{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.news-card__no{font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:#7C948A}
.news-card__date{font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;color:var(--muted)}
.news-card h3{font-size:16.5px;line-height:1.62;color:var(--ink);margin:0;transition:color .3s var(--ease)}
.news-card:hover h3{color:var(--green)}
.news-card p{
  font-size:13.5px;line-height:1.85;color:var(--muted);margin:0;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}
.news-card__arrow{
  position:absolute;right:24px;bottom:18px;
  font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;color:#7C948A;transition:.3s var(--ease);
}
.news-card:hover .news-card__arrow{color:var(--green);transform:translateX(4px)}
.news-year__cards .news-card:last-child:nth-child(odd){grid-column:1/-1}
@media (max-width:960px){
  .news-year{grid-template-columns:1fr;gap:20px;padding:34px 0}
  .news-year__label{position:static}
  .news-year__label small{margin-top:8px}
}
@media (max-width:720px){.news-year__cards{grid-template-columns:1fr}}

/* ---------- 资讯正文 ---------- */
.page-head--article{padding:138px 0 62px}
.page-head--article .article__title{font-size:clamp(1.45rem,2.9vw,2.25rem);line-height:1.5;margin:14px 0 0;max-width:26em;letter-spacing:-.01em}
.page-head--article .page-head__art{opacity:.5}
.article{max-width:860px}
.article__body{font-size:16px;line-height:2.05;color:var(--body)}
.article__body p{margin:0 0 18px}
.article__body p:last-child{margin-bottom:0}
.article__body strong{color:var(--ink);font-weight:600}
.article__body h2{font-size:22px;margin:36px 0 14px;color:var(--ink);letter-spacing:-.01em}
.article__body h3{font-size:18px;margin:30px 0 12px;color:var(--ink)}
.article__body ul,.article__body ol{margin:0 0 18px;padding-left:0;list-style:none;display:grid;gap:8px}
.article__body li{position:relative;padding-left:18px;font-size:15.5px;line-height:1.9}
.article__body li::before{content:"";position:absolute;left:2px;top:.72em;width:5px;height:5px;border-radius:50%;background:var(--green)}
.article__body img{max-width:100%;height:auto;border-radius:var(--radius-sm)}
.article__body blockquote{
  margin:22px 0;padding:14px 22px;border-left:2px solid var(--green);
  background:#F3FAF3;border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--ink-2);
}
.article__body a{color:var(--green);text-decoration:underline;text-underline-offset:3px}
.article__foot{
  display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;
  margin-top:54px;padding-top:32px;border-top:1px solid var(--line);
}
@media (max-width:640px){.article__foot{margin-top:40px;padding-top:26px}}

/* ---------- 产品 AI 能力块 ---------- */
.p-ai{
  display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px;
}
.p-ai__item{
  padding:18px 18px 16px;border:1px solid var(--line);border-radius:10px;background:#FBFAF8;
  transition:.3s var(--ease);
}
.p-ai__item:hover{border-color:rgba(79,195,217,.45);background:#F6FCFD;transform:translateY(-3px)}
.p-ai__item h4{font-size:14px;margin-bottom:6px}
.p-ai__item p{font-size:12.8px;color:var(--muted);line-height:1.7}
@media (max-width:760px){.p-ai{grid-template-columns:1fr}}

/* ---------- CTA ---------- */
.cta{
  position:relative;overflow:hidden;background:var(--deep-2);border-radius:var(--radius);
  padding:64px 56px;display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap;color:#fff;
  border:1px solid rgba(255,255,255,.08);
}
.cta::before{
  content:"";position:absolute;right:-6%;bottom:-70%;width:46vw;height:46vw;
  background:radial-gradient(circle,rgba(109,242,168,.2),transparent 62%);
}
.cta::after{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.3;
  background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:radial-gradient(80% 100% at 20% 50%,#000,transparent 70%);
  -webkit-mask-image:radial-gradient(80% 100% at 20% 50%,#000,transparent 70%);
}
.cta h2{color:#fff;font-size:clamp(1.5rem,2.7vw,2.15rem);margin-bottom:12px;position:relative;letter-spacing:-.02em}
.cta p{color:#AFCCBF;font-size:15px;position:relative;max-width:48ch;line-height:1.85}
.cta__actions{display:flex;gap:12px;flex-wrap:wrap;position:relative}
@media (max-width:640px){.cta{padding:40px 26px}}

/* ---------- 页脚 ---------- */
.site-footer{background:var(--deep);color:#9FB8AD;font-size:14px;padding:76px 0 0;border-top:1px solid rgba(255,255,255,.06)}
.footer__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:44px;padding-bottom:52px}
.footer__brand{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.footer__brand img{width:48px;height:48px;border-radius:11px}
.footer__brand strong{color:#fff;font-size:18px;letter-spacing:.1em;font-weight:600}
.footer__brand small{display:block;font-size:10.5px;color:#7E9C91;letter-spacing:.06em;margin-top:2px}
.site-footer h4{color:#fff;font-family:var(--mono);font-size:11px;letter-spacing:.18em;margin-bottom:16px;font-weight:600}
.site-footer li{margin-bottom:10px}
.site-footer a{transition:.2s}
.site-footer a:hover{color:var(--lime)}
.footer__legal{border-top:1px solid rgba(255,255,255,.08);padding:22px 0 28px;
  display:flex;flex-wrap:wrap;gap:8px 22px;align-items:center;font-family:var(--mono);font-size:11.5px;color:#7E9C91;letter-spacing:.02em}
.footer__legal a:hover{color:var(--lime)}
.footer__legal span:last-child{margin-left:auto}
@media (max-width:900px){.footer__grid{grid-template-columns:1fr 1fr;gap:32px}}
@media (max-width:560px){.footer__grid{grid-template-columns:1fr}.footer__legal span:last-child{margin-left:0}}

/* ---------- 动效 ---------- */
[data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .75s var(--ease),transform .75s var(--ease)}
[data-reveal].is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
  [data-reveal]{opacity:1;transform:none}
  html{scroll-behavior:auto}
  .hero__canvas{display:none}
}

/* ---------- 可访问性 ---------- */
.skip-link{
  position:absolute;left:-9999px;top:0;z-index:99;
  background:var(--green);color:#fff;padding:10px 18px;border-radius:0 0 8px 0;font-size:14px;
}
.skip-link:focus{left:0}
:focus-visible{outline:2px solid var(--lime);outline-offset:3px;border-radius:4px}

/* ---------- 补充：AI 带与产品卡的小件 ---------- */
.ai-band .eyebrow{color:var(--lime)}
.ai-band h2,.ai-band h3{color:#fff}
.pcard__ai{margin-top:12px}
.pcard__ai + ul{margin-top:14px}
.pcard .p-ai{margin-bottom:20px}

/* 深色头部里的幽灵按钮需要反色 */
.site-header .btn--ghost{border-color:rgba(255,255,255,.2);color:#fff;background:rgba(255,255,255,.05)}
.site-header .btn--ghost:hover{border-color:rgba(109,242,168,.55);color:var(--lime);background:rgba(255,255,255,.1)}
/* 产品卡内的 AI 能力块改为竖排，避免三列挤压 */
.pcard .p-ai{grid-template-columns:1fr;gap:8px}
.pcard .p-ai__item{padding:14px 16px}
.pcard .p-ai__item h4{font-size:13.2px}
.pcard .p-ai__item p{font-size:12.4px}
h3 .ai-chip,h2 .ai-chip{vertical-align:middle;margin-left:8px;transform:translateY(-1px)}

/* ---------- 商标标记 ---------- */
.reg-mark{font-family:var(--mono);font-size:.44em;font-weight:400;vertical-align:super;letter-spacing:0;margin-left:1px;opacity:.6;line-height:0}
.footer__tm{opacity:1;font-size:12.5px;color:#AECDC1;letter-spacing:.03em}
.tm-note{max-width:920px;margin:-26px 0 26px;font-size:13.5px;color:var(--muted);line-height:1.8}

/* ---------- FAQ 手风琴 ---------- */
.faq{display:grid;gap:10px;max-width:920px}
.faq__item{
  border:1px solid var(--line);border-radius:12px;background:#fff;padding:0 22px;
  transition:border-color .3s var(--ease),box-shadow .3s var(--ease);
}
.faq__item[open]{border-color:rgba(51,177,51,.4);box-shadow:0 18px 40px -34px rgba(7,20,16,.55)}
.faq__item summary{
  list-style:none;cursor:pointer;position:relative;padding:18px 36px 18px 0;
  font-size:16px;font-weight:600;color:var(--ink);line-height:1.55;
}
.faq__item summary::-webkit-details-marker{display:none}
.faq__item summary::after{
  content:"";position:absolute;right:7px;top:50%;width:8px;height:8px;
  border-right:1.6px solid var(--green-700);border-bottom:1.6px solid var(--green-700);
  transform:translateY(-70%) rotate(45deg);transition:transform .25s var(--ease);
}
.faq__item[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
.faq__a{border-top:1px solid var(--line-soft)}
.faq__a p{padding:14px 36px 20px 0;font-size:15px;line-height:1.95;color:var(--muted);max-width:72ch}
@media (max-width:640px){
  td{font-size:13.5px;padding:12px 14px}
  th{padding:12px 14px}
  .faq__item{padding:0 16px}
  .faq__item summary{font-size:15px;padding-right:30px}
  .faq__a p{padding-right:0;font-size:14.5px}
}

/* ---------- 文章分享 ---------- */
.share{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:44px;padding-top:22px;border-top:1px solid var(--line)}
.share__label{font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:var(--muted);margin-right:4px}
.share__btn{
  font-family:inherit;font-size:13px;color:var(--ink);background:#fff;cursor:pointer;
  border:1px solid var(--line);border-radius:999px;padding:7px 16px;transition:.2s var(--ease);
}
.share__btn:hover{border-color:var(--green);color:var(--green-700);background:rgba(51,177,51,.06)}
.share__btn.is-done{border-color:var(--green);color:var(--green-700)}
.share__btn--more{display:none}
@media (max-width:760px){
  .share__btn--more{display:inline-block}
  .share__wechat-tip{display:none}
}