:root{
  --bg:#030713;
  --bg-2:#071020;
  --panel:#0a1428cc;
  --panel-strong:#0b1730f2;
  --line:#77dfff24;
  --line-strong:#69ddff58;
  --text:#f7fbff;
  --muted:#91a9c0;
  --muted-2:#6f879f;
  --cyan:#5fe9ff;
  --cyan-2:#27bfff;
  --blue:#4687ff;
  --violet:#8867ff;
  --green:#52e2ac;
  --danger:#ff7c8a;
  --gold:#ffc76d;
  --shadow:0 30px 100px rgba(0,0,0,.42);
  --radius:26px;
  --max:1280px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--text);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;
  background:
    radial-gradient(circle at 12% 8%,rgba(37,157,255,.18),transparent 28%),
    radial-gradient(circle at 85% 14%,rgba(117,76,255,.17),transparent 26%),
    radial-gradient(circle at 48% 58%,rgba(35,201,255,.07),transparent 35%),
    linear-gradient(180deg,#02050d 0%,#050916 40%,#040815 100%);
  overflow-x:hidden;
  min-height:100vh;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-3;
  background-image:
    linear-gradient(rgba(100,189,255,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(100,189,255,.055) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.82) 36%,rgba(0,0,0,.28) 100%);
}
body::after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-2;
  opacity:.25;
  background:
    radial-gradient(circle at 10% 18%,#d8fbff 0 1px,transparent 1.35px),
    radial-gradient(circle at 31% 9%,#8ddfff 0 1px,transparent 1.35px),
    radial-gradient(circle at 55% 17%,#fff 0 1px,transparent 1.35px),
    radial-gradient(circle at 76% 22%,#9acbff 0 1px,transparent 1.35px),
    radial-gradient(circle at 92% 10%,#fff 0 1px,transparent 1.35px),
    radial-gradient(circle at 20% 69%,#87dfff 0 1px,transparent 1.35px),
    radial-gradient(circle at 65% 72%,#fff 0 1px,transparent 1.35px),
    radial-gradient(circle at 86% 83%,#8ed8ff 0 1px,transparent 1.35px);
  background-size:460px 460px;
}
::selection{background:#43d7ff33;color:#fff}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
img{max-width:100%;display:block}
.container{width:min(var(--max),calc(100% - 48px));margin:auto}
.glass{
  background:linear-gradient(180deg,rgba(13,26,55,.78),rgba(6,15,33,.72));
  border:1px solid var(--line);
  box-shadow:var(--shadow);
  backdrop-filter:blur(18px);
}
.noise{
  position:absolute;inset:0;pointer-events:none;opacity:.045;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");
  mix-blend-mode:soft-light;
}

/* Background data canvas */
#networkCanvas{
  position:fixed;
  inset:0;
  width:100%;
  height:100%;
  pointer-events:none;
  z-index:-1;
  opacity:.86;
}

/* Header */
.site-header{
  position:fixed;
  top:0;left:0;right:0;
  z-index:100;
  transition:.32s ease;
}
.site-header.scrolled{
  background:rgba(3,7,18,.76);
  border-bottom:1px solid rgba(102,205,255,.11);
  backdrop-filter:blur(20px);
  box-shadow:0 16px 60px rgba(0,0,0,.22);
}
.nav{
  height:88px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.brand{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:max-content;
}
.brand-mark{
  position:relative;
  font-weight:950;
  font-size:32px;
  line-height:1;
  letter-spacing:-2.2px;
  background:linear-gradient(135deg,#f4fdff 2%,#5ee9ff 45%,#5d8fff 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 0 15px rgba(69,210,255,.22));
}
.brand-mark::before{
  content:"";
  position:absolute;
  left:-7px;top:4px;
  width:4px;height:23px;
  transform:skew(-22deg);
  border-radius:2px;
  background:linear-gradient(#5ce7ff,#3d7cff);
  box-shadow:0 0 16px #53e5ff70;
}
.brand-caption{
  font-size:10px;
  letter-spacing:.18em;
  color:#6d87a3;
  text-transform:uppercase;
}

/* V2.9 顶部品牌专项调整：只影响页头，不影响页脚 */
.site-header .header-brand{
  position:relative;
  transform:translate(10%,20%) scale(1.6);
  transform-origin:left center;
  z-index:3;
}
.site-header .header-brand .brand-mark::before{
  display:none;
}
.site-header .header-brand .brand-mark{
  letter-spacing:-2px;
}

.nav-links{
  display:flex;
  align-items:center;
  gap:27px;
  color:#afc0d4;
  font-size:14px;
}
.nav-links a{
  position:relative;
  padding:33px 0 28px;
  transition:.25s;
}
.nav-links a::after{
  content:"";
  position:absolute;left:50%;bottom:21px;width:0;height:2px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,var(--blue),var(--cyan));
  box-shadow:0 0 14px #52e9ff;
  transition:.25s;
}
.nav-links a:hover,.nav-links a.active{color:#fff}
.nav-links a.active::after,.nav-links a:hover::after{width:25px}
.nav-actions{display:flex;align-items:center;gap:10px}
.nav-login{
  color:#a8bfd2;
  font-size:13px;
  padding:10px 12px;
}
.nav-download{
  display:inline-flex;
  align-items:center;gap:8px;
  padding:11px 16px;
  border-radius:12px;
  color:#06101b;
  font-weight:850;
  font-size:13px;
  background:linear-gradient(135deg,#55eaff,#4e93ff);
  box-shadow:0 10px 30px rgba(58,174,255,.24);
}
.hamburger{
  display:none;
  width:42px;height:42px;
  border:1px solid rgba(118,207,255,.16);
  background:rgba(255,255,255,.035);
  color:white;border-radius:12px;
  cursor:pointer;font-size:20px;
}

/* Hero */
.hero{
  min-height:930px;
  display:flex;
  align-items:center;
  padding:150px 0 92px;
  position:relative;
  overflow:hidden;
}
.hero::before{
  content:"";
  position:absolute;
  top:80px;left:0;right:0;height:590px;
  background:
    radial-gradient(ellipse at 78% 45%,rgba(64,190,255,.13),transparent 34%),
    radial-gradient(ellipse at 22% 45%,rgba(72,107,255,.08),transparent 42%);
  pointer-events:none;
}
.hero-layout{
  display:grid;
  grid-template-columns:.92fr 1.08fr;
  gap:50px;
  align-items:center;
}
.hero-copy{position:relative;z-index:5}
.hero-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:10px 15px;
  border:1px solid rgba(99,221,255,.21);
  background:rgba(22,118,172,.07);
  border-radius:999px;
  color:#bfeeff;
  font-size:12px;
  letter-spacing:.10em;
}
.hero-eyebrow i{
  width:7px;height:7px;border-radius:50%;
  background:var(--green);
  box-shadow:0 0 15px var(--green);
}
.hero-brandline{
  margin:24px 0 18px;
  font-size:16px;
  letter-spacing:.22em;
  color:#66dffa;
  font-weight:760;
}
.hero h1{
  margin:0;
  max-width:720px;
  font-size:clamp(58px,6.4vw,90px);
  line-height:1.08;
  letter-spacing:-1.2px;
  font-weight:950;
}
.hero h1 .white{color:#fff}

.hero h1 .proof-title{
  display:flex;
  align-items:baseline;
  gap:.18em;
  margin-top:22px;
  width:max-content;
  max-width:100%;
  font-size:.91em;
  line-height:1.06;
  font-weight:880;
  letter-spacing:.055em;
  filter:drop-shadow(0 0 28px rgba(71,205,255,.10));
}
.hero h1 .proof-evidence{
  color:#edfaff;
  text-shadow:0 0 24px rgba(188,242,255,.08);
}
.hero h1 .proof-system{
  padding-left:.05em;
  background:linear-gradient(92deg,#bff5ff 0%,#67e8ff 48%,#5da0ff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  text-shadow:none;
}


.hero-slogan{
  margin:34px 0 0;
  font-size:clamp(29px,3.5vw,48px);
  font-weight:860;
  line-height:1.3;
  letter-spacing:1.2px;
}
.hero-slogan span{
  color:var(--cyan);
  text-shadow:0 0 26px rgba(95,233,255,.25);
}

.hero-pitch{
  width:100%;
  max-width:500px;
  margin:31px 0 0;
  position:relative;
  z-index:8;
}
.hero-pitch-title{
  color:#eefaff;
  font-size:18px;
  line-height:1.55;
  font-weight:760;
  letter-spacing:.35px;
  white-space:normal;
}
.hero-pitch-title span{
  color:#69e7ff;
  text-shadow:0 0 22px rgba(91,228,255,.16);
}
.hero-pitch p{
  width:100%;
  max-width:480px;
  margin:9px 0 0;
  color:#8ca7be;
  font-size:15px;
  line-height:1.86;
  letter-spacing:.18px;
}


.hero-pitch-line{
  display:block;
}
.hero-pitch-line + .hero-pitch-line{
  margin-top:2px;
}

.hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:13px;
  margin-top:27px;
}
.btn{
  border:0;
  min-height:52px;
  padding:0 22px;
  border-radius:14px;
  display:inline-flex;
  align-items:center;justify-content:center;
  gap:9px;
  cursor:pointer;
  font-weight:820;
  letter-spacing:.25px;
  transition:.25s ease;
}
.btn-primary{
  color:#04101c;
  background:linear-gradient(135deg,#5aeaff,#4c8dff);
  box-shadow:0 15px 42px rgba(54,172,255,.28);
}
.btn-primary:hover{transform:translateY(-2px);filter:brightness(1.08)}
.btn-secondary{
  color:#eafaff;
  background:rgba(255,255,255,.035);
  border:1px solid rgba(118,209,255,.19);
}
.btn-secondary:hover{
  transform:translateY(-2px);
  background:rgba(255,255,255,.07);
  border-color:rgba(104,221,255,.36);
}
.hero-note{
  display:flex;
  align-items:center;
  gap:16px;
  flex-wrap:wrap;
  margin-top:22px;
  color:#6c879f;
  font-size:12px;
  letter-spacing:.35px;
}
.hero-note span{display:flex;align-items:center;gap:6px}
.hero-note i{width:5px;height:5px;border-radius:50%;background:#466b89}

/* Hero product constellation */
.hero-visual{
  min-height:760px;
  position:relative;
  overflow:visible;
}
.hero-aura{
  position:absolute;
  width:620px;height:620px;
  right:-38px;top:10px;
  border-radius:50%;
  background:
    radial-gradient(circle at 70% 36%,rgba(77,217,255,.18),transparent 25%),
    radial-gradient(circle,rgba(55,199,255,.12),rgba(47,103,255,.05) 46%,transparent 72%);
  filter:blur(4px);
}
.product-window{
  position:absolute;
  border-radius:22px;
  overflow:hidden;
  border:1px solid rgba(102,220,255,.26);
  background:#061123;
  box-shadow:0 32px 100px rgba(0,0,0,.52),0 0 55px rgba(43,182,255,.09);
  z-index:5;
  cursor:pointer;
  user-select:none;
  outline:none;
  will-change:transform,filter,opacity;
  transition:
    transform .58s cubic-bezier(.22,.84,.26,1),
    filter .58s ease,
    opacity .58s ease,
    box-shadow .58s ease,
    border-color .58s ease;
}
.product-window::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  box-shadow:inset 0 0 40px rgba(80,207,255,.05);
  z-index:2;
}
.window-bar{
  height:38px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 13px;
  background:linear-gradient(180deg,#0b1830,#081327);
  border-bottom:1px solid rgba(109,208,255,.10);
  color:#8ca7c0;
  font-size:10px;
}
.window-dots{display:flex;gap:5px}
.window-dots i{width:7px;height:7px;border-radius:50%;background:#3c526b}
.window-dots i:first-child{background:#ff6978}
.window-dots i:nth-child(2){background:#ffc95b}
.window-dots i:nth-child(3){background:#59dd94}
.product-window img{
  width:100%;
  height:calc(100% - 38px);
  object-fit:cover;
  object-position:top;
}
.window-work{
  width:750px;height:488px;
  left:-38px;top:169px;
  --front-transform:perspective(1200px) translate3d(48px,-18px,0) rotateY(1.2deg) rotateX(.3deg) scale(1.035);
  --back-transform:perspective(1200px) translate3d(-20px,10px,0) rotateY(5deg) rotateX(.8deg) scale(.965);
}
.window-cloud{
  width:657px;height:402px;
  left:150px;bottom:92px;
  --front-transform:perspective(1200px) translate3d(24px,-16px,0) rotateY(-1.2deg) rotateX(.2deg) scale(1.045);
  --back-transform:perspective(1200px) translate3d(-28px,18px,0) rotateY(-4deg) rotateX(.6deg) scale(.955);
}

.product-capability-layer{
  position:absolute;
  top:-6px;
  right:18px;
  left:auto;
  z-index:80;
  display:flex;
  align-items:center;
  gap:18px;
  width:max-content;
  max-width:calc(100% - 70px);
  padding:0 3px;
  pointer-events:none;

  /* 独立固定展示层：下面两张图片切换时，本区域完全不受影响 */
  transform:none !important;
  filter:none !important;
  opacity:1 !important;
  isolation:isolate;
}

.product-capability-item{
  display:flex;
  align-items:center;
  gap:8px;
  white-space:nowrap;
}
.product-capability-item i{
  position:relative;
  width:6px;
  height:6px;
  flex:0 0 auto;
  border-radius:50%;
  background:#61e7b4;
  box-shadow:0 0 8px rgba(97,231,180,.45);
}
.product-capability-item i::after{
  content:"";
  position:absolute;
  inset:-4px;
  border-radius:50%;
  border:1px solid rgba(97,231,180,.22);
  animation:xg-capability-pulse 3.1s ease-out infinite;
}
@keyframes xg-capability-pulse{
  0%{transform:scale(.70);opacity:.70}
  68%{transform:scale(1.48);opacity:0}
  100%{transform:scale(1.48);opacity:0}
}
.product-capability-item span{
  color:#9bb6ca;
  font-size:12px;
  font-weight:560;
  letter-spacing:.18px;
}
.product-capability-item b{
  color:#e9faff;
  font-weight:820;
  letter-spacing:.35px;
}
.product-capability-separator{
  width:1px;
  height:14px;
  flex:0 0 auto;
  background:linear-gradient(
    transparent,
    rgba(105,205,255,.18),
    transparent
  );
}

.product-window.is-front{
  z-index:14;
  transform:var(--front-transform);
  opacity:1;
  filter:brightness(1) saturate(1.02);
  border-color:rgba(105,229,255,.42);
  box-shadow:
    0 40px 120px rgba(0,0,0,.52),
    0 0 70px rgba(52,194,255,.16),
    inset 0 0 32px rgba(79,216,255,.035);
}
.product-window.is-back{
  z-index:6;
  transform:var(--back-transform);
  opacity:.90;
  filter:brightness(.82) saturate(.86);
  border-color:rgba(94,190,255,.16);
  box-shadow:
    0 24px 70px rgba(0,0,0,.38),
    0 0 34px rgba(46,168,255,.06);
}
.product-window.is-back:hover{
  opacity:.97;
  filter:brightness(.93) saturate(.95);
  border-color:rgba(100,222,255,.30);
  box-shadow:
    0 30px 90px rgba(0,0,0,.44),
    0 0 52px rgba(55,194,255,.11);
}
.product-window:focus-visible{
  box-shadow:
    0 0 0 3px rgba(97,231,255,.14),
    0 36px 105px rgba(0,0,0,.48),
    0 0 60px rgba(58,201,255,.14);
}



/* Capability bar */
.cap-bar{
  margin-top:-34px;
  position:relative;
  z-index:10;
}
.capabilities{
  border-radius:22px;
  padding:17px 20px;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:8px;
}
.cap-item{
  min-height:70px;
  padding:11px 15px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  border-right:1px solid rgba(107,191,255,.09);
}
.cap-item:last-child{border-right:0}
.cap-item > div{
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}
.cap-item strong{display:block;font-size:15px;line-height:1.3}
.cap-item span{display:block;margin-top:5px;color:#6e8ca8;font-size:11.5px;line-height:1.4}

/* Common section */
.section{padding:105px 0;position:relative}
.section.alt{
  background:linear-gradient(180deg,transparent,rgba(12,26,54,.24) 35%,rgba(6,14,31,.1) 82%,transparent);
}
.section-head{
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:45px;
  align-items:end;
  margin-bottom:46px;
}
.kicker{
  color:var(--cyan);
  font-weight:850;
  font-size:12px;
  letter-spacing:.19em;
  text-transform:uppercase;
  margin-bottom:11px;
}
.section h2{
  margin:0;
  font-size:clamp(38px,4.2vw,58px);
  line-height:1.06;
  letter-spacing:-3px;
}
#features .section-head h2{
  line-height:1.14;
  letter-spacing:-1.5px;
}
#features .features-title-v216{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:16px;
  font-size:clamp(34px,3.85vw,56px);
  line-height:1.04;
  letter-spacing:-1.5px;
}
#features .features-title-v216 span{
  display:block;
  white-space:nowrap;
}
@media (max-width:760px){
  #features .features-title-v216{
    gap:12px;
    font-size:clamp(25px,6.6vw,38px);
    letter-spacing:-1px;
  }
}

.section-intro{
  color:#8ba5bc;
  font-size:15px;
  line-height:1.85;
  max-width:620px;
  justify-self:end;
}
.section-intro b{color:#dff7ff}

/* Features */
.feature-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.feature-card{
  min-height:270px;
  position:relative;
  padding:28px;
  border-radius:22px;
  overflow:hidden;
  transition:.32s;
}
.feature-card::after{
  content:"";
  position:absolute;
  right:-80px;top:-80px;
  width:180px;height:180px;border-radius:50%;
  background:radial-gradient(circle,rgba(73,211,255,.10),transparent 67%);
}
.feature-card:hover{
  transform:translateY(-6px);
  border-color:rgba(94,224,255,.33);
}
.feature-icon{
  width:48px;height:48px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  color:#79e8ff;
  filter:drop-shadow(0 0 7px rgba(74,220,255,.16));
}
.feature-icon svg{
  width:34px;
  height:34px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.85;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.feature-card h3{font-size:21px;margin:20px 0 10px}
.feature-benefit{
  color:#d3e2ed;
  font-size:14px;
  line-height:1.55;
  margin-bottom:8px;
}
.feature-card p{
  color:#7892aa;
  line-height:1.75;
  font-size:13px;
  margin:0;
}
.feature-index{
  position:absolute;
  right:24px;bottom:20px;
  font-weight:900;
  font-size:42px;
  color:#6ce9ff0b;
}

/* Evidence chain */
#chain .chain-title-v218{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:18px;
  font-size:clamp(36px,3.55vw,54px);
  line-height:1.04;
  letter-spacing:-1px;
}
#chain .chain-title-v218 span{
  display:block;
  white-space:nowrap;
}
.chain-shell{
  padding:36px 30px;
  border-radius:28px;
  position:relative;
  overflow:hidden;
}
.chain-line{
  position:absolute;
  top:78px;
  /* 线条严格从 01 节点中心连到 06 节点中心，不再向两端多出一截 */
  left:calc(8.333333% + 20px);
  right:calc(8.333333% + 20px);
  height:1px;
  overflow:hidden;
  background:linear-gradient(90deg,#3e91ff66,#5feaffc9,#7a6bff77);
}
.chain-line::after{
  content:"";
  position:absolute;
  top:0;
  left:-22%;
  width:22%;
  height:1px;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,#9cf5ff 50%,transparent);
  animation:flow 4.6s linear infinite;
}
@keyframes flow{
  from{left:-22%}
  to{left:100%}
}
.chain{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:12px;
}
.chain-step{text-align:center}
.chain-node{
  position:relative;
  width:max-content;
  height:auto;
  margin:0 auto 34px;
  display:block;
  color:#83efff;
  font-size:17px;
  line-height:1.25;
  font-weight:750;
  letter-spacing:.08em;
}
.chain-node::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-20px;
  width:6px;
  height:6px;
  border-radius:50%;
  transform:translateX(-50%);
  background:#78ecff;
}
.chain-step strong{font-size:13px}
.chain-step p{margin:7px auto 0;color:#6c879f;font-size:11px;line-height:1.5;max-width:140px}

/* Showcase */
#showcase .showcase-title-v220{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:18px;
  font-size:clamp(36px,3.55vw,54px);
  line-height:1.04;
  letter-spacing:-1px;
}
#showcase .showcase-title-v220 span{
  display:block;
  white-space:nowrap;
}
@media (max-width:760px){
  #showcase .showcase-title-v220{
    gap:12px;
    font-size:clamp(25px,6.6vw,38px);
    letter-spacing:-1px;
  }
}
.showcase-stack{display:grid;gap:34px}
.showcase-row{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:34px;
  align-items:center;
}
.showcase-row.reverse{grid-template-columns:.85fr 1.15fr}
.showcase-row.reverse .showcase-shot{order:2}
.showcase-shot{
  padding:13px;
  border-radius:26px;
  position:relative;
}
.shot-frame{
  border-radius:18px;
  overflow:hidden;
  border:1px solid rgba(108,212,255,.14);
  background:#dce7ed;
}
.shot-frame img{width:100%}
.hotspot{
  position:absolute;
  width:25px;height:25px;
  border-radius:50%;
  background:rgba(71,213,255,.16);
  border:1px solid rgba(98,231,255,.72);
  box-shadow:0 0 0 8px rgba(77,209,255,.05),0 0 24px rgba(69,209,255,.35);
}
.hotspot::after{
  content:"+";
  position:absolute;inset:0;display:grid;place-items:center;
  font-size:13px;color:white
}
.hotspot.one{left:43%;top:40%}
.hotspot.two{right:12%;top:18%}
.hotspot.three{left:48%;top:26%}
.hotspot.four{right:7%;top:61%}
.showcase-copy{padding:12px}
.showcase-number{
  color:#63e6ff;
  letter-spacing:.18em;
  font-size:11px;
  font-weight:850;
}
.showcase-copy h3{
  font-size:35px;
  letter-spacing:-.35px;
  line-height:1.28;
  margin:12px 0 14px;
}
.showcase-copy p{
  color:#8ba5bc;
  line-height:1.85;
  margin:0;
}
.bullets{
  display:grid;gap:11px;
  margin-top:22px;
}
.bullet{
  display:flex;gap:10px;align-items:flex-start;
  color:#c4d6e5;font-size:13px;line-height:1.55;
}
.bullet i{
  flex:0 0 auto;
  width:20px;height:20px;
  border-radius:7px;
  display:grid;place-items:center;
  background:rgba(70,194,255,.10);
  border:1px solid rgba(93,220,255,.16);
  color:#73eaff;
  font-style:normal;font-size:10px;
}

/* V2.22 视频区：仅优化标题、正式文案与主/副视频交互 */
#videos .video-title-v222{
  display:block;
  white-space:nowrap;
  line-height:1.14;
  letter-spacing:-1.35px;
  transform:translateY(30%);
}
#videos .video-section-head-v222 .section-intro{
  max-width:640px;
}

/* Video */
.video-layout{
  display:grid;
  grid-template-columns:1.35fr .65fr;
  gap:18px;
}
.main-video,.video-card{border-radius:24px;overflow:hidden}
.video-stage{
  position:relative;
  aspect-ratio:16/9;
  background:#06101e;
  overflow:hidden;
}
.video-stage video,.video-stage img{
  width:100%;height:100%;
  object-fit:cover;
}
.video-stage::after{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 55%,rgba(1,5,13,.72));
  pointer-events:none;
}
.fake-play{
  position:absolute;z-index:4;
  left:50%;top:50%;
  width:66px;height:66px;
  transform:translate(-50%,-50%);
  border-radius:50%;
  display:grid;place-items:center;
  background:rgba(4,13,29,.68);
  border:1px solid rgba(154,233,255,.42);
  box-shadow:0 0 38px rgba(79,207,255,.28);
  color:#fff;font-size:21px;
  backdrop-filter:blur(10px);
  pointer-events:none;
}
.video-info{padding:20px 22px}
.video-label{color:#61e7ff;font-size:10px;letter-spacing:.14em;text-transform:uppercase}
.video-info h3{font-size:21px;margin:8px 0 6px}
.video-info p{color:#7892a9;margin:0;font-size:12px;line-height:1.65}
.video-side{display:grid;gap:18px}
.video-card{display:grid;grid-template-columns:170px 1fr;min-height:155px}
.video-card .thumb{position:relative;background:#081529;overflow:hidden}
.video-card .thumb img{width:100%;height:100%;object-fit:cover}
.video-card .thumb::after{
  content:"▶";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:40px;height:40px;border-radius:50%;display:grid;place-items:center;
  background:rgba(5,15,31,.75);border:1px solid rgba(118,224,255,.3);font-size:13px
}
.video-card .video-info{padding:19px}
.video-card .video-info h3{font-size:16px;margin-top:6px}

#videos .main-video .video-main-copy{
  min-height:118px;
  padding:22px 26px 24px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
}
#videos .main-video .video-main-copy h3{
  margin:0 0 8px;
  font-size:24px;
  line-height:1.25;
  letter-spacing:-.45px;
}
#videos .main-video .video-main-copy p{
  max-width:620px;
  margin:0;
  color:#7892a9;
  font-size:12.5px;
  line-height:1.72;
}
#videos .video-card{
  cursor:pointer;
  transform:translateZ(0);
  transition:border-color .34s ease, background .34s ease, transform .34s cubic-bezier(.22,1,.36,1), box-shadow .34s ease;
}
#videos .video-card:hover,
#videos .video-card:focus-visible{
  border-color:rgba(95,233,255,.34);
  background:linear-gradient(180deg,rgba(14,31,63,.88),rgba(7,17,38,.82));
  box-shadow:0 18px 45px rgba(0,0,0,.22),0 0 0 1px rgba(95,233,255,.05) inset;
  outline:none;
  transform:translateY(-2px);
}
#videos .video-card:active{transform:translateY(0) scale(.992)}

/* V2.23 视频共享元素交互：画面做位移/缩放交换，文案延迟柔和淡入。 */
#videos .main-video .video-stage,
#videos .main-video .video-main-copy,
#videos .video-card .thumb,
#videos .video-card .video-info{
  will-change:opacity,transform;
  transition:opacity .28s ease, transform .42s cubic-bezier(.22,1,.36,1);
}
#videos [data-video-gallery].is-shared-swapping .main-video .video-stage,
#videos [data-video-gallery].is-shared-swapping .video-card.is-swap-target .thumb{
  opacity:0;
}
#videos [data-video-gallery].is-shared-swapping .main-video .video-main-copy,
#videos [data-video-gallery].is-shared-swapping .video-card.is-swap-target .video-info{
  opacity:0;
  transform:translateY(8px);
}
#videos [data-video-gallery].is-copy-entering .main-video .video-main-copy,
#videos [data-video-gallery].is-copy-entering .video-card.is-swap-target .video-info{
  opacity:1;
  transform:translateY(0);
}
.xg-video-swap-ghost{
  position:fixed;
  z-index:9999;
  pointer-events:none;
  overflow:hidden;
  background-color:#06101e;
  background-repeat:no-repeat;
  background-position:center;
  background-size:cover;
  box-shadow:0 26px 72px rgba(0,0,0,.34),0 0 0 1px rgba(106,228,255,.08) inset;
  will-change:left,top,width,height,border-radius,opacity,filter;
  transform:translateZ(0);
  backface-visibility:hidden;
}
.xg-video-swap-ghost.is-incoming{
  filter:saturate(1.04) brightness(1.02);
}
.xg-video-swap-ghost.is-outgoing{
  filter:saturate(.96) brightness(.98);
}
@media (prefers-reduced-motion:reduce){
  .xg-video-swap-ghost{display:none!important}
  #videos .main-video .video-stage,
  #videos .main-video .video-main-copy,
  #videos .video-card .thumb,
  #videos .video-card .video-info{transition-duration:.01ms!important}
}

@media (max-width:760px){
  #videos .video-title-v222{
    white-space:normal;
    letter-spacing:-.8px;
    transform:translateY(18%);
  }
  #videos .main-video .video-main-copy{min-height:104px;padding:18px 18px 20px}
  #videos .main-video .video-main-copy h3{font-size:20px}
}

/* Pricing */
.pricing-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  align-items:stretch;
}
.price-card{
  position:relative;
  padding:32px;
  border-radius:25px;
  overflow:hidden;
}
.price-card.featured{
  border-color:rgba(104,230,255,.44);
  background:linear-gradient(180deg,rgba(17,38,78,.88),rgba(7,18,41,.80));
  transform:translateY(-10px);
  box-shadow:0 34px 110px rgba(41,166,255,.15);
}
.price-card.featured::before{
  content:"";
  position:absolute;inset:-1px;
  border-radius:25px;
  padding:1px;
  background:linear-gradient(135deg,#5feaffaa,#4c83ff44,#9c6fff99);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
}
.recommend{
  position:absolute;right:20px;top:20px;
  padding:7px 10px;border-radius:999px;
  color:#03101c;font-size:10px;font-weight:900;
  background:linear-gradient(135deg,#58ebff,#7e8cff);
}
.price-name{font-size:23px;font-weight:850}
.price-desc{color:#708aa4;font-size:12px;margin-top:6px}
.price{
  font-size:50px;
  font-weight:950;
  letter-spacing:-3px;
  margin:24px 0 2px;
}
.price sup{font-size:18px;top:-1em;margin-right:2px}
.price small{font-size:12px;letter-spacing:0;color:#6c859d;font-weight:650;margin-left:5px}
.price-divider{height:1px;background:rgba(110,197,255,.10);margin:24px 0}
.price-list{list-style:none;padding:0;margin:0 0 27px;display:grid;gap:13px}
.price-list li{color:#adbed0;font-size:13px;display:flex;gap:9px}
.price-list li::before{content:"✓";color:#67eaff;font-weight:900}
.price-card .btn{width:100%}
.price-note{text-align:center;color:#607a94;font-size:11px;margin-top:20px}

/* Download */
.download-panel{
  border-radius:30px;
  padding:42px 44px;
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:1fr .58fr;
  align-items:center;
  gap:46px;
}
.download-panel::before{
  content:"";
  position:absolute;
  width:420px;height:420px;border-radius:50%;
  right:-80px;top:-120px;
  background:radial-gradient(circle,rgba(86,220,255,.15),transparent 68%);
  pointer-events:none;
}
.download-content{position:relative;z-index:2}
.download-panel h3{
  margin:11px 0 14px;
  font-size:38px;
  line-height:1.13;
  letter-spacing:-1.2px;
}
.download-copy{
  margin:0;
  color:#91a9be;
  line-height:1.9;
  max-width:690px;
  font-size:14px;
}
.download-meta{
  margin:25px 0 26px;
  display:grid;
  grid-template-columns:1.45fr .8fr 1fr 1fr;
  border-top:1px solid rgba(104,205,255,.12);
  border-bottom:1px solid rgba(104,205,255,.12);
  background:rgba(255,255,255,.012);
}
.download-meta-item{
  min-width:0;
  padding:13px 16px 13px 0;
  display:flex;
  flex-direction:column;
  gap:5px;
  position:relative;
}
.download-meta-item:not(:first-child){padding-left:16px}
.download-meta-item:not(:last-child)::after{
  content:"";
  position:absolute;
  right:0;top:12px;bottom:12px;
  width:1px;
  background:rgba(103,203,255,.10);
}
.download-meta-item span{
  color:#5f7b95;
  font-size:10px;
  letter-spacing:.14em;
}
.download-meta-item strong{
  color:#b7cad9;
  font-size:12px;
  font-weight:700;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.download-actions{
  display:flex;
  align-items:center;
  gap:18px;
}
.download-primary{
  min-width:246px;
  min-height:58px;
  padding:0 20px;
  border-radius:14px;
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  gap:13px;
  color:#071522;
  text-decoration:none;
  background:linear-gradient(135deg,#58e6ff,#4a8cff);
  box-shadow:0 12px 32px rgba(58,187,255,.20);
  transition:transform .28s ease,box-shadow .28s ease,filter .28s ease;
}
.download-primary:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 38px rgba(58,187,255,.28);
  filter:brightness(1.04);
}
.download-arrow{
  width:28px;height:28px;
  border-radius:50%;
  display:grid;place-items:center;
  font-size:18px;
  font-weight:900;
  background:rgba(3,20,34,.10);
}
.download-primary-copy{
  display:flex;
  flex-direction:column;
  gap:2px;
  line-height:1.15;
}
.download-primary-copy strong{font-size:15px;font-weight:900}
.download-primary-copy small{font-size:10px;font-weight:650;opacity:.64;letter-spacing:.02em}
.download-support{
  color:#8ca6bc;
  font-size:12px;
  font-weight:700;
  text-decoration:none;
  padding:8px 2px;
  border-bottom:1px solid rgba(108,219,255,.22);
  transition:color .25s ease,border-color .25s ease;
}
.download-support:hover{color:#c2f6ff;border-color:rgba(108,219,255,.55)}
.download-visual{
  position:relative;
  z-index:2;
  min-height:255px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:14px;
}
.xg-cube{
  position:relative;
  z-index:3;
  width:auto;
  height:auto;
  padding:0;
  border-radius:0;
  display:block;
  transform:none;
  background:none;
  color:transparent;
  font-size:112px;
  line-height:1;
  font-weight:1000;
  letter-spacing:-.065em;
  background-image:linear-gradient(180deg,#eefeff 0%,#7fe8ff 48%,#5e9eff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  text-shadow:0 0 22px rgba(106,224,255,.18),0 0 50px rgba(69,155,255,.12);
  animation:xgLogoFloat 3.8s ease-in-out infinite;
}
.xg-cube::before{
  content:'';
  position:absolute;
  inset:-16px -28px;
  border-radius:50%;
  background:radial-gradient(circle at center, rgba(88,214,255,.22) 0%, rgba(88,214,255,.08) 38%, rgba(88,214,255,0) 72%);
  filter:blur(18px);
  z-index:-1;
}
@keyframes xgLogoFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-8px)}
}
.download-platform{
  position:relative;
  z-index:3;
  margin-top:-2px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:4px;
  text-align:center;
}
.download-platform strong{
  color:#d6f8ff;
  font-size:13px;
  font-weight:850;
  letter-spacing:.03em;
}
.download-platform span{
  color:#5f859e;
  font-size:9px;
  letter-spacing:.22em;
}
.download-ring{
  position:absolute;
  width:270px;
  height:68px;
  bottom:58px;
  border-radius:50%;
  border:1px solid rgba(83,226,255,.23);
  box-shadow:0 0 38px rgba(76,209,255,.10), inset 0 0 22px rgba(66,199,255,.06);
}

/* Feedback */
.feedback-grid{
  display:grid;
  grid-template-columns:.78fr 1.22fr;
  gap:20px;
}
.feedback-copy,.feedback-form{border-radius:26px;padding:34px}
.feedback-copy h3{font-size:36px;letter-spacing:-1.7px;margin:10px 0 12px}
.feedback-copy p{color:#829db5;line-height:1.8}
.contact-stack{display:grid;gap:10px;margin-top:24px}
.contact-item{
  padding:13px 14px;border-radius:13px;
  border:1px solid rgba(106,203,255,.11);
  background:rgba(255,255,255,.022);
  color:#a9bfd1;font-size:12px;
}
.feedback-form{display:grid;gap:13px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}
input,textarea,select{
  width:100%;
  border:1px solid rgba(110,204,255,.13);
  background:rgba(1,8,23,.48);
  color:#eafbff;
  border-radius:13px;
  padding:15px 16px;
  outline:none;
}
select option{background:#081326}
input:focus,textarea:focus,select:focus{
  border-color:rgba(92,231,255,.44);
  box-shadow:0 0 0 3px rgba(92,231,255,.05);
}
textarea{min-height:135px;resize:vertical}
.file-box{
  border:1px dashed rgba(109,210,255,.18);
  padding:13px 15px;border-radius:13px;
  color:#708ca6;font-size:11px;
}
.form-note{font-size:10px;color:#5f7890}

/* Final CTA */
.final-cta{padding:60px 0 95px}
.final-box{
  border-radius:30px;
  padding:58px 42px;
  text-align:center;
  position:relative;
  overflow:hidden;
}
.final-box::before{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(circle at 50% 0%,rgba(78,215,255,.15),transparent 48%),
    linear-gradient(90deg,rgba(66,124,255,.05),transparent 30%,transparent 70%,rgba(126,78,255,.05));
}
.final-box h2{position:relative;font-size:clamp(40px,5vw,66px);letter-spacing:-3px;margin:0}
.final-box p{position:relative;color:#8da7bf;margin:16px auto 26px;max-width:650px;line-height:1.75}
.final-box .hero-actions{position:relative;justify-content:center;margin-top:0}

/* Footer */
footer{
  border-top:1px solid rgba(111,195,255,.09);
  background:rgba(2,6,15,.62);
  padding:56px 0 24px;
}
.footer-grid{
  display:grid;
  grid-template-columns:1.4fr repeat(3,.65fr);
  gap:42px;
}
.footer-brand h3{margin:16px 0 10px;font-size:22px}
.footer-brand p{color:#708aa3;line-height:1.75;font-size:12px;max-width:390px}
footer h4{margin:2px 0 15px;font-size:13px}
footer a{display:block;margin:10px 0;color:#738ea8;font-size:12px}
footer a:hover{color:#bdeeff}
.copyright{
  margin-top:42px;padding-top:20px;
  border-top:1px solid rgba(107,195,255,.07);
  display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;
  color:#526d86;font-size:10px;
}

/* reveal */
.reveal{
  opacity:0;
  transform:translateY(24px);
  transition:opacity .75s ease,transform .75s ease;
}
.reveal.visible{opacity:1;transform:none}

/* Responsive */
@media(max-width:1120px){
  #chain .chain-title-v218{font-size:clamp(34px,5vw,48px);gap:16px}
  .nav-links{gap:18px}
  .hero-layout{grid-template-columns:1fr}
  .hero{padding-top:135px}
  .hero-copy{max-width:820px}
  .hero-visual{min-height:700px}
  .capabilities{grid-template-columns:repeat(3,1fr)}
  .cap-item:nth-child(3){border-right:0}
  .cap-item:nth-child(4),.cap-item:nth-child(5){border-top:1px solid rgba(107,191,255,.08)}
  .section-head{grid-template-columns:1fr;gap:16px}
  .section-intro{justify-self:start}
  .feature-grid{grid-template-columns:repeat(2,1fr)}
  .chain{grid-template-columns:repeat(3,1fr);row-gap:34px}
  .chain-line{display:none}
  .showcase-row,.showcase-row.reverse{grid-template-columns:1fr}
  .showcase-row.reverse .showcase-shot{order:0}
  .video-layout{grid-template-columns:1fr}
  .video-side{grid-template-columns:repeat(3,1fr)}
  .video-card{grid-template-columns:1fr}
  .video-card .thumb{height:140px}
  .pricing-grid{grid-template-columns:1fr 1fr}
  .pricing-grid .price-card:last-child{grid-column:1/-1}
  .download-panel{grid-template-columns:1fr}
  .feedback-grid{grid-template-columns:1fr}
}
@media(max-width:860px){
  #chain .chain-title-v218{font-size:clamp(26px,7vw,38px);gap:13px;letter-spacing:-.6px}
  .nav-links{
    display:none;
    position:absolute;
    top:76px;left:20px;right:20px;
    flex-direction:column;align-items:stretch;gap:0;
    padding:12px;
    border-radius:18px;
    background:rgba(5,13,30,.96);
    border:1px solid rgba(107,208,255,.14);
    box-shadow:0 22px 70px rgba(0,0,0,.45);
  }
  .nav-links.open{display:flex}
  .nav-links a{padding:13px 12px}
  .nav-links a::after{display:none}
  .nav-login{display:none}
  .hamburger{display:block}
  .hero h1{font-size:clamp(54px,12vw,80px);line-height:1.09;letter-spacing:-.8px}
  .window-work{width:96%;height:auto;left:-3%;top:168px}
  .window-cloud{width:86%;height:auto;left:14%;right:auto;bottom:72px}

  .capabilities{grid-template-columns:1fr 1fr}
  .cap-item{border-right:0;border-bottom:1px solid rgba(107,191,255,.08)}
  .cap-item:last-child{grid-column:1/-1;border-bottom:0}
  .feature-grid{grid-template-columns:1fr}
  .pricing-grid{grid-template-columns:1fr}
  .pricing-grid .price-card:last-child{grid-column:auto}
  .price-card.featured{transform:none}
  .video-side{grid-template-columns:1fr}
  .video-card{grid-template-columns:160px 1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .container{width:min(var(--max),calc(100% - 26px))}
  .nav{height:74px}
  .nav-download{display:none}
  .hero{min-height:auto;padding:112px 0 70px}
  .hero-layout{gap:20px}
  .hero-brandline{font-size:12px}
  .hero h1{letter-spacing:-.5px;line-height:1.1}
  .hero-slogan{font-size:30px}
  .hero-actions .btn{width:100%}
  .hero-visual{min-height:590px}

  .window-work{width:112%;height:auto;top:154px;left:-10%}
  .window-cloud{width:94%;height:auto;left:10%;bottom:64px}

  .cap-bar{margin-top:0}
  .capabilities{grid-template-columns:1fr}
  .cap-item:last-child{grid-column:auto}
  .section{padding:78px 0}
  .section h2{font-size:38px;letter-spacing:-2px}
  .chain{grid-template-columns:1fr 1fr}
  .showcase-copy h3{font-size:29px}
  .video-card{grid-template-columns:1fr}
  .form-row{grid-template-columns:1fr}
  .download-panel{padding:30px 24px}
  .download-panel h3{font-size:31px}
  .feedback-copy,.feedback-form{padding:26px 22px}
  .final-box{padding:44px 23px}
  .footer-grid{grid-template-columns:1fr}
}


@media(max-width:860px){
  .hero h1 .proof-title{
    gap:.15em;
    letter-spacing:.035em;
    font-size:.90em;
  }

}
@media(max-width:620px){
  .hero h1 .proof-title{
    gap:.12em;
    margin-top:16px;
    font-size:.89em;
    letter-spacing:.02em;
  }

}



@media(max-width:860px){
  .hero-pitch{
    max-width:520px;
  }
  .product-status-rail{
    top:126px;
    left:14px;
    max-width:calc(100% - 28px);
    gap:9px;
    padding:7px 10px;
  }


}
@media(max-width:620px){
  .hero-pitch{
    margin-top:24px;
    max-width:100%;
  }
  .hero-pitch-title{
    font-size:16px;
    line-height:1.55;
  }
  .hero-pitch p{
    max-width:100%;
    margin-top:7px;
    font-size:14px;
    line-height:1.78;
  }
  .product-status-rail{
    top:112px;
    left:0;
    width:100%;
    max-width:100%;
    min-height:36px;
    gap:7px;
    padding:6px 8px;
    border-radius:11px;
  }



}


/* V2.7 独立能力层响应式兜底 */
@media(max-width:860px){
  .product-capability-layer{
    top:12px;
    right:8px;
    left:auto;
    gap:11px;
    max-width:calc(100% - 30px);
    padding-bottom:0;
  }
  .product-capability-item{gap:6px}
  .product-capability-item span{font-size:10px}
  .product-capability-separator{height:12px}
}
@media(max-width:620px){
  .product-capability-layer{
    top:18px;
    right:0;
    left:0;
    width:100%;
    max-width:100%;
    justify-content:center;
    gap:7px;
    padding:0 5px;
  }
  .product-capability-item{gap:5px}
  .product-capability-item i{width:5px;height:5px}
  .product-capability-item span{font-size:8.7px}
  .product-capability-separator{height:10px}
}


@media (prefers-reduced-motion: reduce){
  #networkCanvas{opacity:.38}
}


/* V2.26 · 价格卡片按钮统一基线（仅价格区域） */
#pricing .price-card{
  display:flex;
  flex-direction:column;
}
#pricing .price-card .price-list{
  margin-bottom:27px;
}
#pricing .price-card .btn{
  width:100%;
  min-height:52px;
  height:52px;
  margin-top:auto;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 52px;
}
@media(min-width:861px){
  #pricing .price-card.featured .btn{
    transform:translateY(10px);
  }
}

/* V2.27 · 价格方案标题字间距优化（仅价格区域） */
#pricing .section-head h2{
  letter-spacing:-0.35px;
}

/* V2.28 Download area responsive refinement */
@media (max-width:980px){
  .download-meta{grid-template-columns:1fr 1fr}
  .download-meta-item:nth-child(2)::after{display:none}
  .download-meta-item:nth-child(3){padding-left:0}
  .download-meta-item:nth-child(-n+2){border-bottom:1px solid rgba(104,205,255,.08)}
}
@media (max-width:760px){
  .download-panel{padding:30px 24px;grid-template-columns:1fr;gap:24px}
  .download-panel h3{font-size:31px}
  .download-copy{font-size:13px}
  .download-meta{grid-template-columns:1fr 1fr;margin:21px 0 22px}
  .download-actions{align-items:stretch;flex-direction:column;gap:10px}
  .download-primary{width:100%;min-width:0;justify-content:center}
  .download-support{align-self:center}
  .download-visual{min-height:225px}
  .xg-cube{width:145px;height:145px}
  .download-ring{bottom:38px;width:230px}
}

@media (max-width: 900px){
  .xg-cube{font-size:92px}
  .download-ring{width:220px;height:56px;bottom:46px}
}

/* V2.30 remove small label under right-side XG */
.download-platform{display:none !important;}
.download-visual{gap:0;}
.download-ring{bottom:74px;}
@media (max-width: 900px){.download-ring{bottom:58px;}}


/* V2.31 — Windows 下载区：XG 悬浮投影与呼吸光 */
.download-visual{
  overflow:visible;
}

.download-visual::before{
  content:'';
  position:absolute;
  left:50%;
  top:47%;
  width:300px;
  height:220px;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:radial-gradient(
    ellipse at center,
    rgba(77,204,255,.12) 0%,
    rgba(77,204,255,.055) 38%,
    rgba(77,204,255,0) 72%
  );
  filter:blur(18px);
  pointer-events:none;
  z-index:1;
  animation:xgAuraBreathe 3.8s ease-in-out infinite;
}

.download-ring{
  position:absolute;
  left:50%;
  bottom:68px;
  width:220px;
  height:34px;
  transform:translateX(-50%) scaleX(1);
  border:0 !important;
  border-radius:50%;
  background:radial-gradient(
    ellipse at center,
    rgba(0,0,0,.34) 0%,
    rgba(17,89,115,.16) 36%,
    rgba(38,185,225,.08) 58%,
    rgba(0,0,0,0) 76%
  );
  box-shadow:none !important;
  filter:blur(7px);
  opacity:.72;
  pointer-events:none;
  z-index:2;
  animation:xgShadowFloat 3.8s ease-in-out infinite;
}

@keyframes xgShadowFloat{
  0%,100%{
    transform:translateX(-50%) scaleX(1);
    opacity:.72;
  }
  50%{
    transform:translateX(-50%) scaleX(.88);
    opacity:.46;
  }
}

@keyframes xgAuraBreathe{
  0%,100%{
    opacity:.78;
    transform:translate(-50%,-50%) scale(1);
  }
  50%{
    opacity:.54;
    transform:translate(-50%,-50%) scale(.96);
  }
}

@media (max-width:900px){
  .download-visual::before{
    width:250px;
    height:190px;
  }
  .download-ring{
    bottom:54px;
    width:190px;
    height:30px;
  }
}

@media (prefers-reduced-motion: reduce){
  .xg-cube,
  .download-ring,
  .download-visual::before{
    animation:none !important;
  }
}


/* V2.32 — Feedback & Sales 正式官网化，仅作用于意见反馈区域 */
.feedback-head-v232 .section-intro{
  max-width:620px;
  line-height:1.95;
}
.feedback-copy-v232{
  display:flex;
  flex-direction:column;
}
.feedback-copy-v232 h3{
  line-height:1.24;
  letter-spacing:-1.25px;
  margin:12px 0 16px;
}
.feedback-copy-v232 > p{
  max-width:420px;
  line-height:1.95;
  margin:0;
}
.contact-services-v232{
  gap:12px;
  margin-top:28px;
}
.contact-service-v232{
  min-height:62px;
  padding:12px 14px;
  border-radius:15px;
  border:1px solid rgba(106,203,255,.12);
  background:linear-gradient(180deg,rgba(20,42,75,.32),rgba(6,18,38,.28));
  display:flex;
  align-items:center;
  gap:13px;
  transition:border-color .25s ease,transform .25s ease,background .25s ease;
}
.contact-service-v232:hover{
  transform:translateY(-2px);
  border-color:rgba(92,224,255,.28);
  background:linear-gradient(180deg,rgba(24,51,88,.40),rgba(7,22,45,.34));
}
.contact-service-icon-v232{
  width:34px;
  height:34px;
  flex:0 0 34px;
  border-radius:10px;
  display:grid;
  place-items:center;
  color:#6ce8ff;
  font-size:16px;
  font-weight:800;
  border:1px solid rgba(93,220,255,.18);
  background:rgba(29,123,170,.10);
}
.contact-service-v232 div{
  display:flex;
  flex-direction:column;
  gap:4px;
}
.contact-service-v232 strong{
  color:#eaf8ff;
  font-size:13px;
  font-weight:850;
}
.contact-service-v232 small{
  color:#718da6;
  font-size:10.5px;
  line-height:1.45;
}
.feedback-form-v232{
  gap:14px;
}
.feedback-form-v232 input,
.feedback-form-v232 textarea,
.feedback-form-v232 select{
  transition:border-color .25s ease,box-shadow .25s ease,background .25s ease;
}
.feedback-form-v232 input:hover,
.feedback-form-v232 textarea:hover,
.feedback-form-v232 select:hover{
  border-color:rgba(110,204,255,.22);
  background:rgba(3,13,31,.58);
}
.file-box-v232{
  min-height:62px;
  padding:12px 15px;
  display:flex;
  align-items:center;
  gap:12px;
  cursor:pointer;
  border-color:rgba(109,210,255,.20);
  transition:border-color .25s ease,background .25s ease,transform .25s ease;
}
.file-box-v232:hover{
  transform:translateY(-1px);
  border-color:rgba(92,224,255,.36);
  background:rgba(16,63,89,.10);
}
.file-plus-v232{
  width:30px;
  height:30px;
  flex:0 0 30px;
  display:grid;
  place-items:center;
  border-radius:9px;
  color:#66e6ff;
  font-size:20px;
  line-height:1;
  border:1px solid rgba(99,223,255,.16);
  background:rgba(43,164,206,.08);
}
.file-box-v232 > span:last-child{
  display:flex;
  flex-direction:column;
  gap:3px;
}
.file-box-v232 strong{
  color:#bcd4e5;
  font-size:12px;
  font-weight:750;
}
.file-box-v232 small{
  color:#607c95;
  font-size:10px;
}
.feedback-submit-v232{
  min-height:52px;
  width:100%;
  justify-content:center;
  font-size:14px;
  font-weight:900;
}
@media(max-width:760px){
  .feedback-head-v232 .section-intro{max-width:none}
  .contact-service-v232{min-height:58px}
}


/* V2.33 — 意见反馈区左侧：一体化服务清单 */
.contact-services-v232{
  display:block;
  margin-top:30px;
  padding:2px 0 0;
}

.contact-service-v232{
  position:relative;
  min-height:74px;
  padding:17px 4px 17px 28px;
  border:0;
  border-radius:0;
  background:transparent;
  display:flex;
  align-items:center;
  gap:17px;
  transition:transform .28s cubic-bezier(.22,1,.36,1);
}

.contact-service-v232 + .contact-service-v232{
  border-top:1px solid rgba(108,219,255,.11);
}

.contact-service-v232::before{
  content:'';
  position:absolute;
  left:0;
  top:50%;
  width:3px;
  height:28px;
  transform:translateY(-50%) scaleY(.72);
  border-radius:999px;
  background:linear-gradient(180deg,#74edff,#4e8fff);
  opacity:.66;
  box-shadow:0 0 16px rgba(85,213,255,.16);
  transition:opacity .28s ease,transform .28s cubic-bezier(.22,1,.36,1);
}

.contact-service-v232:hover{
  transform:translateX(4px);
  background:transparent;
}

.contact-service-v232:hover::before{
  opacity:1;
  transform:translateY(-50%) scaleY(1);
}

.contact-service-icon-v232{
  width:28px;
  height:28px;
  flex:0 0 28px;
  border:0;
  border-radius:0;
  display:grid;
  place-items:center;
  color:#6ce8ff;
  font-size:18px;
  font-weight:800;
  background:transparent;
  text-shadow:0 0 14px rgba(87,221,255,.20);
}

.contact-service-v232 div{
  display:flex;
  flex-direction:column;
  gap:6px;
  min-width:0;
}

.contact-service-v232 strong{
  color:#eefaff;
  font-size:14px;
  font-weight:850;
  letter-spacing:.025em;
}

.contact-service-v232 small{
  color:#718da6;
  font-size:10.5px;
  line-height:1.55;
  letter-spacing:.015em;
}

@media(max-width:760px){
  .contact-service-v232{
    min-height:68px;
    padding:15px 2px 15px 24px;
  }
}


/* V2.34 — 左侧服务清单字号放大，仅调整圈选区域 */
.contact-service-v232 strong{
  font-size:16px;
}

.contact-service-v232 small{
  font-size:12px;
  line-height:1.65;
}

.contact-service-icon-v232{
  font-size:20px;
}


/* V2.35 — 终章 CTA：联系销售按钮同主按钮风格 + 文字间距舒展 */
.final-box h2{
  letter-spacing:.055em;
}

.final-box p{
  letter-spacing:.022em;
}

.final-box .hero-actions .btn{
  letter-spacing:.045em;
}

.final-box .hero-actions .btn-secondary{
  color:#04101c;
  background:linear-gradient(135deg,#5aeaff,#4c8dff);
  border:0;
  box-shadow:0 15px 42px rgba(54,172,255,.28);
}

.final-box .hero-actions .btn-secondary:hover{
  transform:translateY(-2px);
  filter:brightness(1.08);
  background:linear-gradient(135deg,#5aeaff,#4c8dff);
  border-color:transparent;
}


/* V2.37 — 页脚正式化精修 */
footer{
  padding:64px 0 30px;
}

.footer-grid{
  gap:52px;
  align-items:start;
}

.footer-brand p{
  max-width:365px;
  line-height:1.85;
}

footer h4{
  margin-bottom:17px;
}

footer a{
  position:relative;
  width:max-content;
  margin:11px 0;
  transition:
    color .24s ease,
    transform .24s cubic-bezier(.22,1,.36,1);
}

footer a:not(.brand):hover{
  color:#70e7ff;
  transform:translateX(3px);
}

.copyright{
  margin-top:48px;
  padding-top:22px;
  justify-content:flex-start;
}


/* V2.38 — 页脚 XG 品牌精简：去掉前置斜杠，仅保留 XG */
.footer-brand .brand-mark::before{
  display:none !important;
}
.footer-brand .brand{
  gap:0;
}

/* V2.42 — 页脚“联系我们”微信二维码弹窗正式化 */
.wechat-qr-open{
  overflow:hidden;
}

.wechat-qr-modal{
  position:fixed;
  inset:0;
  z-index:99999;
  display:grid;
  place-items:center;
  visibility:hidden;
  opacity:0;
  pointer-events:none;
  transition:opacity .28s ease, visibility .28s ease;
}

.wechat-qr-modal.is-open{
  visibility:visible;
  opacity:1;
  pointer-events:auto;
}

.wechat-qr-backdrop{
  position:absolute;
  inset:0;
  background:rgba(2,8,20,.74);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

.wechat-qr-dialog{
  position:relative;
  z-index:2;
  width:min(420px,84vw);
  padding:24px 24px 22px;
  border-radius:24px;
  background:linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(247,250,255,.98) 100%);
  box-shadow:
    0 30px 90px rgba(0,0,0,.45),
    0 0 0 1px rgba(104,224,255,.20),
    0 0 60px rgba(69,184,255,.10);
  transform:translateY(10px) scale(.96);
  transition:transform .32s cubic-bezier(.22,1,.36,1);
  text-align:center;
}

.wechat-qr-modal.is-open .wechat-qr-dialog{
  transform:translateY(0) scale(1);
}

.wechat-qr-head h3{
  margin:0 0 10px;
  font-size:28px;
  line-height:1.15;
  letter-spacing:.08em;
  color:#0b1630;
  font-weight:800;
}

.wechat-qr-head p{
  margin:0 auto 18px;
  max-width:320px;
  font-size:14px;
  line-height:1.75;
  letter-spacing:.04em;
  color:#4f6078;
}

.wechat-qr-image-wrap{
  width:min(290px,62vw);
  margin:0 auto;
  padding:12px;
  border-radius:20px;
  background:#fff;
  box-shadow:
    0 0 0 1px rgba(14,53,96,.08),
    inset 0 0 0 1px rgba(135,160,196,.12);
}

.wechat-qr-dialog img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  border-radius:14px;
}

.wechat-qr-foot{
  margin-top:16px;
  font-size:13px;
  line-height:1.6;
  letter-spacing:.05em;
  color:#6f8098;
}