:root{
  --bg:#f2f8fc;--ink:#172033;--muted:#6a7485;--blue:#0969ff;--cyan:#22dbff;--deep:#05080f;--card:#fff;
  --line:rgba(20,55,90,.10);--shadow:0 26px 80px rgba(24,63,110,.14);--gold:#ffd56d;--gold2:#f0a82d
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei","PingFang SC",Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.55}
a{color:inherit;text-decoration:none}.container{width:min(1280px,calc(100% - 64px));margin:0 auto}

.site-header{position:fixed;top:0;left:0;right:0;z-index:50;height:78px;display:flex;align-items:center;color:#fff;background:linear-gradient(180deg,rgba(0,0,0,.82),rgba(0,0,0,.12));backdrop-filter:blur(10px);transition:.25s;border-bottom:1px solid rgba(255,213,109,.10)}
.site-header.scrolled{background:rgba(4,8,14,.94);box-shadow:0 18px 40px rgba(0,0,0,.22)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:28px}.brand img{height:48px}.nav-links{display:flex;align-items:center;gap:38px;font-size:16px;color:rgba(255,255,255,.88)}
.nav-links a{position:relative;white-space:nowrap}.nav-links a::after{content:"";position:absolute;left:0;right:100%;bottom:-9px;height:2px;background:linear-gradient(90deg,var(--gold),var(--cyan));transition:.2s}.nav-links a:hover::after{right:0}
.header-actions{display:flex;align-items:center;gap:12px}.phone{font-weight:700;color:rgba(255,255,255,.9)}
.outline-btn,.primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:14px;padding:13px 22px;font-weight:700;transition:.22s;border:1px solid transparent}
.primary-btn{background:linear-gradient(135deg,#0b7cff,var(--cyan));color:#fff;box-shadow:0 14px 34px rgba(0,123,255,.30)}
.hero .primary-btn{background:linear-gradient(135deg,var(--gold),#fff1b5);color:#1d1300;box-shadow:0 14px 34px rgba(255,197,71,.25)}
.primary-btn:hover,.outline-btn:hover{transform:translateY(-2px)}.outline-btn{border-color:rgba(255,255,255,.48);color:#fff;background:rgba(255,255,255,.08)}.mobile-toggle{display:none;color:#fff;background:transparent;border:0;font-size:28px}

.hero{min-height:820px;position:relative;overflow:hidden;color:#fff;background:#05080f}
.hero::before{content:"";position:absolute;inset:0;background:
  linear-gradient(90deg,rgba(4,8,15,.94),rgba(4,8,15,.72) 38%,rgba(4,8,15,.25) 66%,rgba(4,8,15,.18)),
  radial-gradient(circle at 75% 42%,rgba(0,198,255,.28),transparent 30%),
  radial-gradient(circle at 18% 72%,rgba(255,213,109,.13),transparent 26%);
}
.hero::after{content:"";position:absolute;inset:0;background-image:
  linear-gradient(rgba(50,140,255,.12) 1px,transparent 1px),
  linear-gradient(90deg,rgba(50,140,255,.12) 1px,transparent 1px);
  background-size:70px 70px;opacity:.42}
.hero .container{position:relative;z-index:2}
.hero:has(.hero-grid)::selection{background:var(--gold)}
.hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:56px;padding-top:142px}
.hero-grid::after{content:"";position:absolute;right:-18%;top:100px;width:980px;height:500px;background:
  linear-gradient(115deg,transparent 15%,rgba(255,213,109,.96) 18%,transparent 21%),
  linear-gradient(130deg,transparent 25%,rgba(0,136,255,.95) 28%,transparent 31%),
  linear-gradient(115deg,transparent 48%,rgba(255,180,47,.65) 50%,transparent 53%);
  filter:blur(.2px);opacity:.85;z-index:-1}
.kicker{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(121,217,255,.36);background:rgba(10,55,105,.34);color:#bdeeff;border-radius:999px;padding:8px 14px;font-weight:700}
.kicker::before{content:"";width:8px;height:8px;border-radius:50%;background:#20e6ff;box-shadow:0 0 16px #20e6ff}
.hero h1{font-size:clamp(44px,5.4vw,76px);line-height:1.04;margin:28px 0 18px;letter-spacing:-1px}
.hero h1 .blue{display:block;background:linear-gradient(90deg,#fff 0%,#fff 70%,var(--gold) 88%,#fff4bd 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}
.hero-copy{font-size:20px;max-width:650px;color:rgba(240,248,255,.82);margin:0 0 34px}.hero-actions{display:flex;gap:16px;flex-wrap:wrap}
.hero-stats{display:flex;gap:16px;flex-wrap:wrap;margin-top:46px}.stat{min-width:158px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.07);border-radius:18px;padding:18px 20px;backdrop-filter:blur(10px)}
.stat strong{display:block;font-size:34px;line-height:1;color:#fff}.stat span{font-size:14px;color:rgba(220,236,255,.72)}

.hero-video-card{position:relative;border-radius:34px;padding:14px;background:linear-gradient(135deg,rgba(255,255,255,.20),rgba(255,255,255,.04));box-shadow:0 40px 120px rgba(0,0,0,.42);border:1px solid rgba(255,213,109,.20)}
.hero-video-card::before{content:"";position:absolute;inset:-45px;z-index:-1;background:radial-gradient(circle at 50% 50%,rgba(0,203,255,.30),transparent 62%)}
.video-frame{position:relative;overflow:hidden;border-radius:26px;background:#07111f;aspect-ratio:16/9}.plugin-demo-frame{padding:18px}
.plugin-panel{height:100%;border-radius:20px;background:linear-gradient(180deg,rgba(7,14,26,.96),rgba(5,11,21,.96));border:1px solid rgba(49,183,255,.35);box-shadow:inset 0 0 50px rgba(0,143,255,.10)}
.panel-head{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.08)}.panel-head span{color:#6dff9b;font-size:13px}
.panel-body{height:calc(100% - 92px);display:grid;grid-template-columns:138px 1fr 150px;gap:12px;padding:14px}.steps,.params{border-radius:14px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);padding:12px}
.steps i{display:block;font-style:normal;font-size:12px;color:rgba(235,247,255,.62);padding:9px;border-radius:10px;margin-bottom:7px}.steps i.active{background:rgba(9,105,255,.28);color:#fff}
.part{position:relative;display:grid;place-items:center;border-radius:16px;background:radial-gradient(circle,rgba(0,183,255,.18),transparent 55%);overflow:hidden}.part-top{width:230px;height:150px;border-radius:12px;background:linear-gradient(135deg,#bfc6ce,#6e7780);transform:rotateX(55deg) rotateZ(-28deg);box-shadow:0 24px 45px rgba(0,0,0,.45)}
.part-top span{position:absolute;width:20px;height:20px;border-radius:50%;background:#15202a;border:3px solid #24dfff;box-shadow:0 0 20px #24dfff}
.part-top span:nth-child(1){left:45px;top:32px}.part-top span:nth-child(2){left:96px;top:32px}.part-top span:nth-child(3){left:148px;top:32px}.part-top span:nth-child(4){left:45px;top:75px}.part-top span:nth-child(5){left:96px;top:75px}.part-top span:nth-child(6){left:148px;top:75px}.part-top span:nth-child(7){left:70px;top:115px}.part-top span:nth-child(8){left:125px;top:115px}
.part-top em{position:absolute;left:20px;right:20px;top:55px;height:4px;background:linear-gradient(90deg,transparent,#35e9ff,transparent);box-shadow:0 0 18px #35e9ff;animation:scan 2.3s linear infinite}
.tag{position:absolute;font-size:12px;color:#dffbff;background:rgba(4,31,58,.88);border:1px solid rgba(34,219,255,.45);border-radius:12px;padding:8px 10px}.tag-a{right:10px;top:28px}.tag-b{left:12px;bottom:20px}
.params b{display:block;margin-bottom:10px}.params label{display:block;font-size:12px;color:rgba(235,247,255,.70);margin-bottom:9px}.params small{display:block;margin-top:4px;border:1px solid rgba(255,255,255,.13);border-radius:9px;padding:7px 8px;color:#fff;background:rgba(0,0,0,.22)}.params button{width:100%;height:36px;border:0;border-radius:10px;background:linear-gradient(135deg,#0969ff,#22dbff);color:#fff;font-weight:900}
.panel-foot{height:44px;display:flex;align-items:center;padding:0 18px;color:var(--gold);font-weight:900}
.ai-mascot{position:absolute;right:18px;bottom:6px;width:96px;height:122px;animation:botFloat 3.2s ease-in-out infinite}.bot-face{position:absolute;left:16px;top:0;width:68px;height:58px;border-radius:18px;background:linear-gradient(145deg,#fff,#c9eeff);box-shadow:0 18px 42px rgba(0,0,0,.35)}.bot-face:before{content:"";position:absolute;left:11px;right:11px;top:14px;height:28px;border-radius:10px;background:#071929}.bot-face span{position:absolute;top:23px;width:8px;height:12px;border-radius:99px;background:#2ee3ff;z-index:2;box-shadow:0 0 10px #2ee3ff}.bot-face span:nth-child(1){left:28px}.bot-face span:nth-child(2){left:49px}.bot-face b{position:absolute;right:-4px;bottom:4px;background:#0969ff;color:#fff;border-radius:7px;font-size:11px;padding:1px 4px}.bot-body{position:absolute;left:34px;top:58px;width:38px;height:34px;border-radius:14px;background:linear-gradient(145deg,#fff,#9fe7ff);color:#0969ff;font-weight:1000;display:grid;place-items:center}.bot-jet{position:absolute;left:36px;top:90px;width:34px;height:45px;background:linear-gradient(#22dbff,rgba(34,219,255,0));clip-path:polygon(50% 0,100% 100%,0 100%)}
.play-badge{position:absolute;left:26px;bottom:20px;display:flex;align-items:center;gap:10px;border-radius:999px;padding:10px 18px;background:rgba(255,255,255,.72);color:#fff;font-weight:800;backdrop-filter:blur(12px)}.play-dot{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#0969ff;color:#fff}.video-caption{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.video-caption div{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);border-radius:18px;padding:16px;color:rgba(235,247,255,.75)}.video-caption b{display:block;color:#fff;font-size:18px}.hero-tabs{position:relative;z-index:3;margin-top:30px}.hero-tabs .container{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.hero-tab{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.08);border-radius:18px;padding:18px;color:#fff;font-weight:900}.hero-tab span{display:block;color:rgba(235,247,255,.65);font-weight:500}

.section{padding:88px 0}.alt{background:linear-gradient(180deg,#fff,#f6fbff)}.section-head{text-align:center;margin-bottom:48px}.eyebrow{text-transform:uppercase;letter-spacing:7px;color:#0969ff;font-weight:900;margin-bottom:8px}.section-head h2{font-size:clamp(36px,4.4vw,56px);line-height:1.15;margin:0;color:#121a2d}.section-desc{font-size:18px;color:#66758a;margin:14px auto 0;max-width:900px}
.products{display:grid;grid-template-columns:1.05fr repeat(3,1fr);grid-auto-rows:minmax(245px,auto);gap:22px}.product-lead{grid-row:span 2;border-radius:28px;padding:38px;color:#fff;background:radial-gradient(circle at 76% 82%,rgba(0,150,255,.58),transparent 38%),linear-gradient(145deg,#10203a,#163f6e);box-shadow:var(--shadow);overflow:hidden;position:relative}.product-lead::after{content:"Z";position:absolute;right:30px;bottom:-24px;font-size:170px;font-weight:1000;color:rgba(34,219,255,.16)}.product-lead h3{font-size:42px;margin:0 0 18px}.product-lead p{font-size:18px;color:rgba(235,247,255,.86)}.product-card{border:1px solid var(--line);background:#fff;border-radius:26px;padding:34px;box-shadow:0 18px 60px rgba(24,63,110,.08);transition:.22s}.product-card:hover{transform:translateY(-4px);box-shadow:0 26px 78px rgba(24,63,110,.14)}.icon{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#0969ff,#22dbff);display:grid;place-items:center;color:#fff;font-weight:900;font-size:18px;margin-bottom:24px}.icon img{width:32px;height:32px;image-rendering:auto}.product-card h3{font-size:25px;margin:0 0 12px}.product-card p{color:#607084;margin:0}

.flow-section{background:#07111f;color:#fff}.flow-section .section-head h2{color:#fff}.flow-section .section-head h2 em{font-size:16px;font-style:normal;border-radius:999px;background:linear-gradient(135deg,#0969ff,#22dbff);padding:8px 14px;vertical-align:middle}.flow-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.flow-card{border:1px solid rgba(73,188,255,.26);border-radius:22px;padding:26px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));box-shadow:0 18px 50px rgba(0,0,0,.18)}.flow-card strong{color:#35dfff;font-size:34px}.flow-card h3{font-size:22px}.flow-card p{color:rgba(235,247,255,.72)}
.ai-section{background:#fff}.ai-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center}.ai-video-box{border-radius:28px;overflow:hidden;background:#07111f;box-shadow:var(--shadow)}.scene-demo{min-height:320px;color:#fff;padding:48px;background:radial-gradient(circle at 65% 55%,rgba(34,219,255,.32),transparent 35%),linear-gradient(135deg,#07111f,#123967)}.scene-demo h3{font-size:38px}.scene-tags{display:flex;flex-wrap:wrap;gap:12px}.scene-tags span{padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18)}
.contact{background:#f6fbff}.contact-card{text-align:center;border-radius:30px;background:#fff;padding:58px;box-shadow:var(--shadow)}.contact-card h2{font-size:42px;margin:0 0 12px}.contact-card p{color:#607084}
.reveal{opacity:0;transform:translateY(20px);transition:.65s}.reveal.show{opacity:1;transform:none}
@keyframes scan{0%{top:35px}100%{top:115px}}@keyframes botFloat{0%,100%{translate:0 0}50%{translate:0 -10px}}
@media (max-width:1024px){.nav-links,.phone{display:none}.mobile-toggle{display:block}.hero-grid,.ai-layout{grid-template-columns:1fr}.products{grid-template-columns:1fr 1fr}.product-lead{grid-row:auto}.flow-cards{grid-template-columns:1fr 1fr}.panel-body{grid-template-columns:1fr}.steps,.params{display:none}}
@media (max-width:640px){.container{width:min(100% - 28px,1280px)}.products,.flow-cards,.hero-tabs .container{grid-template-columns:1fr}.hero h1{font-size:42px}.section{padding:60px 0}}

/* AI introduction video added to the homepage hero area. */
.hero-ai-intro-card{
  overflow:hidden;
}
.ai-video-topline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:6px 8px 16px;
  color:#fff;
}
.ai-video-chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  border:1px solid rgba(34,219,255,.42);
  background:rgba(34,219,255,.12);
  color:#dffbff;
  border-radius:999px;
  padding:8px 13px;
  font-size:13px;
  font-weight:900;
  white-space:nowrap;
}
.ai-video-chip::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:#22dbff;
  box-shadow:0 0 16px #22dbff;
}
.ai-video-topline strong{
  font-size:15px;
  color:rgba(235,247,255,.82);
  text-align:right;
}
.intro-video-frame{
  padding:0;
  border:1px solid rgba(49,183,255,.32);
  background:#020813;
  box-shadow:inset 0 0 60px rgba(0,143,255,.10);
}
.hero-ai-video{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  border:0;
  background:#020813;
}
.video-play-overlay{
  position:absolute;
  inset:0;
  z-index:2;
  border:0;
  display:grid;
  place-content:center;
  gap:10px;
  text-align:center;
  cursor:pointer;
  color:#fff;
  background:
    radial-gradient(circle at 50% 45%,rgba(34,219,255,.20),transparent 34%),
    linear-gradient(180deg,rgba(2,8,19,.10),rgba(2,8,19,.54));
  transition:.22s;
}
.video-play-overlay:hover{
  background:
    radial-gradient(circle at 50% 45%,rgba(34,219,255,.28),transparent 36%),
    linear-gradient(180deg,rgba(2,8,19,.04),rgba(2,8,19,.44));
}
.video-play-overlay .play-dot{
  width:68px;
  height:68px;
  margin:0 auto 2px;
  font-size:22px;
  box-shadow:0 18px 42px rgba(9,105,255,.38);
}
.video-play-overlay b{
  font-size:20px;
}
.video-play-overlay small{
  color:rgba(235,247,255,.76);
  font-size:13px;
}
.intro-video-frame.is-playing .video-play-overlay,
.intro-video-frame.is-touched .video-play-overlay{
  opacity:0;
  pointer-events:none;
}
.ghost-video-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  padding:13px 22px;
  font-weight:800;
  color:#dffbff;
  border:1px solid rgba(34,219,255,.34);
  background:rgba(34,219,255,.08);
  transition:.22s;
}
.ghost-video-link:hover{
  transform:translateY(-2px);
  background:rgba(34,219,255,.14);
}
@media (max-width:640px){
  .ai-video-topline{
    align-items:flex-start;
    flex-direction:column;
  }
  .ai-video-topline strong{
    text-align:left;
  }
  .video-play-overlay .play-dot{
    width:54px;
    height:54px;
    font-size:18px;
  }
}

/* 补图优化：按第二个压缩包的位置复现核心优势区与底部Footer */
.advantage-section{
  background:#eef6fc;
  overflow:hidden;
  padding:104px 0 92px;
}
.advantage-section .metrics{
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:54px;
  align-items:center;
}
.advantage-section h2{
  font-size:clamp(42px,4.8vw,64px);
  line-height:1.12;
  margin:0 0 18px;
  color:#142033;
  letter-spacing:-1px;
}
.metric-list{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:28px 46px;
}
.metric b{
  font-size:52px;
  color:var(--blue);
  line-height:1;
  display:block;
  letter-spacing:-1px;
}
.metric span{
  color:#172033;
  font-weight:800;
  font-size:17px;
}
.globe{
  min-height:560px;
  border-radius:50%;
  background:radial-gradient(circle at 42% 36%,#fff 0 18%,#eef3f7 36%,#dfe8ef 64%,#f7fbff 65%);
  position:relative;
  box-shadow:inset -30px -40px 80px rgba(40,80,120,.10),0 30px 90px rgba(24,63,110,.10);
  transform:translateZ(0);
}
.globe::after{
  content:"";
  position:absolute;
  inset:10%;
  border-radius:50%;
  background:radial-gradient(circle at 50% 50%,rgba(9,105,255,.05),transparent 58%);
  pointer-events:none;
}
.pin{
  position:absolute;
  display:flex;
  align-items:center;
  gap:8px;
  font-size:14px;
  font-weight:800;
  color:#11569e;
  white-space:nowrap;
  z-index:2;
}
.pin::before{
  content:"";
  width:14px;
  height:14px;
  border-radius:50%;
  background:var(--blue);
  box-shadow:0 0 0 8px rgba(9,105,255,.12),0 0 18px rgba(9,105,255,.28);
}
.p1{left:51%;top:20%}
.p2{left:25%;top:36%}
.p3{left:62%;top:39%}
.p4{left:38%;top:54%}
.p5{left:68%;top:59%}
.p6{left:19%;top:64%}
.p7{left:46%;top:74%}
.p8{left:72%;top:27%}
.p9{left:29%;top:22%}
.p10{left:61%;top:78%}

.cta{
  padding:86px 0;
  background:#07111f;
  color:#fff;
  position:relative;
  overflow:hidden;
}
.cta::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 25% 20%,rgba(0,214,255,.20),transparent 35%),radial-gradient(circle at 85% 55%,rgba(9,105,255,.28),transparent 32%);
}
.cta .container{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
}
.cta h2{
  font-size:44px;
  line-height:1.15;
  margin:0 0 10px;
}
.cta p{
  margin:0;
  color:rgba(255,255,255,.72);
  font-size:18px;
}
.footer{
  background:#0a111b;
  color:#fff;
  padding:64px 0 36px;
}
.footer-top{
  display:grid;
  grid-template-columns:1.3fr repeat(4,1fr);
  gap:46px;
  border-top:1px solid rgba(255,255,255,.10);
  padding-top:46px;
}
.footer-logo{
  width:220px;
  background:#fff;
  border-radius:18px;
  padding:14px;
  margin-bottom:22px;
}
.footer-logo img{width:100%;display:block}
.footer p,.footer a{color:rgba(255,255,255,.62)}
.footer a:hover{color:#fff}
.footer h4{margin:0 0 20px;color:#fff;font-size:18px}
.footer ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.footer-bottom{
  border-top:1px solid rgba(255,255,255,.10);
  margin-top:46px;
  padding-top:22px;
  color:rgba(255,255,255,.42);
  font-size:14px;
}
@media (max-width:1024px){
  .advantage-section .metrics{grid-template-columns:1fr;gap:36px}
  .globe{min-height:430px;max-width:620px;width:100%;margin:0 auto}
  .cta .container{align-items:flex-start;flex-direction:column}
  .footer-top{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .advantage-section{padding:72px 0 64px}
  .advantage-section h2{font-size:38px}
  .metric-list{grid-template-columns:1fr;gap:20px}
  .metric b{font-size:44px}
  .globe{min-height:330px;border-radius:42px}
  .p1{left:48%;top:22%}.p2{left:16%;top:44%}.p3{left:50%;top:56%}.p4{left:20%;top:72%}
  .cta{padding:64px 0}.cta h2{font-size:34px}
  .footer-top{grid-template-columns:1fr;gap:30px}
  .footer-logo{width:190px}
}

/* AI介绍视频完善版：视频换成按 ZhiBoCube 插件能力制作的完整介绍片 */
.hero-ai-intro-card{
  padding:14px;
  background:
    linear-gradient(135deg,rgba(255,255,255,.23),rgba(255,255,255,.055)),
    radial-gradient(circle at 24% 10%,rgba(34,219,255,.16),transparent 42%);
  border-color:rgba(255,213,109,.28);
}
.ai-video-topline{
  padding:8px 10px 16px;
}
.ai-video-topline strong{
  color:rgba(235,247,255,.9);
  font-weight:900;
}
.intro-video-frame{
  border-radius:28px;
  border:1px solid rgba(94,205,255,.48);
  box-shadow:
    inset 0 0 80px rgba(0,143,255,.14),
    0 24px 55px rgba(0,0,0,.34);
  background:#020813;
}
.hero-ai-video{
  object-fit:contain;
  filter:saturate(1.04) contrast(1.02);
}
.video-play-overlay{
  background:
    radial-gradient(circle at 50% 42%,rgba(9,105,255,.20),transparent 26%),
    radial-gradient(circle at 50% 48%,rgba(34,219,255,.22),transparent 42%),
    linear-gradient(180deg,rgba(2,8,19,.12),rgba(2,8,19,.58));
}
.video-play-overlay b{
  font-size:21px;
  letter-spacing:.2px;
}
.video-play-overlay small{
  font-size:14px;
  color:rgba(235,247,255,.82);
}
.video-play-overlay .play-dot{
  background:linear-gradient(135deg,#0969ff,#22dbff);
  box-shadow:0 20px 46px rgba(9,105,255,.46),0 0 0 10px rgba(34,219,255,.08);
}
.ai-video-caption div{
  padding:15px 16px;
  min-height:82px;
}
.ai-video-caption span{
  display:block;
  margin-top:4px;
  font-size:13px;
  color:rgba(235,247,255,.68);
}
.ai-video-note{
  margin:12px 4px 0;
  color:rgba(235,247,255,.64);
  font-size:13px;
  line-height:1.55;
}
@media (max-width:640px){
  .ai-video-note{
    font-size:12px;
  }
  .video-play-overlay b{
    font-size:18px;
  }
}

/* 有声无字幕版：首页精简优化 */
.hero-ai-intro-card{
  padding:14px;
}
.hero-ai-intro-card .video-caption,
.hero-ai-intro-card .ai-video-note{
  display:none !important;
}
.ai-video-topline strong{
  font-size:14px;
  color:rgba(235,247,255,.78);
}
.intro-video-frame{
  min-height:348px;
}
.hero-copy p{
  max-width:560px;
}
.hero-stats{
  margin-top:28px;
}
.stat-card{
  min-height:84px;
}
.products .section-head,
.scenes .section-head{
  max-width:860px;
  margin-left:auto;
  margin-right:auto;
}
.product-grid,
.scene-grid{
  gap:18px;
}
.product-card,
.scene-card{
  padding:24px;
}
.advantage-section{
  padding:86px 0 78px;
}
.cta{
  padding:72px 0;
}
.footer{
  padding:54px 0 30px;
}
@media (max-width:640px){
  .intro-video-frame{
    min-height:240px;
  }
  .hero-actions{
    gap:10px;
  }
}

/* Premium light theme: white + blue gradient, cleaner typography */
:root{
  --blue:#2c78ff;
  --blue-dark:#133a82;
  --text:#1c2f52;
  --text-soft:#5a739e;
  --white-card:rgba(255,255,255,.78);
}
html,body{
  background:linear-gradient(180deg,#f8fbff 0%,#edf5ff 42%,#e9f2ff 100%) !important;
  color:var(--text) !important;
}
body{
  background-attachment:fixed;
}
header,
.site-header,
.navbar{
  background:rgba(255,255,255,.58) !important;
  backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(80,130,220,.12);
}
header a,
nav a,
.site-header a{
  color:var(--text) !important;
}
header a:hover,
nav a:hover{
  color:var(--blue) !important;
}
.hero,
.hero-section,
main{
  background:transparent !important;
}
.hero-copy h1,
.hero-copy h2,
.hero h1,
.hero h2{
  color:#1b3157 !important;
}
.hero-copy p,
.hero p{
  color:var(--text-soft) !important;
  font-size:18px !important;
  max-width:520px;
}
.eyebrow,
.hero-copy .eyebrow,
.section-head p,
.hero-ai-intro-card .video-caption,
.hero-ai-intro-card .ai-video-note,
.hero-ai-intro-card .ai-video-chip,
.hero-ai-intro-card .ai-video-topline,
.footer-bottom{
  display:none !important;
}
.primary-btn,
button.primary-btn{
  background:linear-gradient(135deg,#2f7dff,#58b3ff) !important;
  color:#fff !important;
  box-shadow:0 18px 35px rgba(47,125,255,.22);
}
.outline-btn,
.ghost-video-link{
  background:rgba(255,255,255,.58) !important;
  color:var(--blue-dark) !important;
  border:1px solid rgba(44,120,255,.18) !important;
}
.hero-video-card,
.premium-video-card{
  padding:16px !important;
  border-radius:30px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.80),rgba(255,255,255,.62)) !important;
  border:1px solid rgba(100,155,240,.18) !important;
  box-shadow:0 30px 60px rgba(40,95,180,.12) !important;
}
.video-card-title{
  margin:2px 6px 14px;
  font-size:22px;
  font-weight:900;
  color:var(--text);
}
.intro-video-frame{
  min-height:360px;
  border-radius:26px !important;
  border:1px solid rgba(99,157,243,.22) !important;
  background:linear-gradient(180deg,#fbfdff,#eef5ff) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 18px 38px rgba(60,110,190,.10) !important;
}
.hero-ai-video{
  filter:none !important;
}
.video-play-overlay{
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(31,95,190,.16)) !important;
}
.video-play-overlay b{
  font-size:20px !important;
  color:#fff !important;
}
.video-play-overlay .play-dot{
  background:linear-gradient(135deg,#2d7cff,#69c0ff) !important;
  box-shadow:0 18px 40px rgba(47,125,255,.32) !important;
}
.product-card,
.scene-card,
.stat-card,
.metric,
.footer-logo,
.cta .container,
.glass-card{
  background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(255,255,255,.68)) !important;
  border:1px solid rgba(95,145,230,.16) !important;
  box-shadow:0 18px 40px rgba(61,112,190,.08) !important;
}
.product-card p,
.scene-card p,
.stat-card span,
.metric span,
.footer p,
.footer a{
  color:var(--text-soft) !important;
}
.products,
.scenes,
.advantage-section,
.cta,
.footer{
  background:transparent !important;
  color:var(--text) !important;
}
.advantage-section{
  background:linear-gradient(180deg,rgba(255,255,255,.30),rgba(237,245,255,.76)) !important;
}
.globe{
  background:radial-gradient(circle at 42% 36%,#ffffff 0 18%,#f1f7ff 38%,#deebfa 66%,#f7fbff 67%) !important;
  box-shadow:inset -30px -40px 80px rgba(40,80,120,.06),0 24px 60px rgba(24,63,110,.08) !important;
}
.pin{
  color:#275fae !important;
}
.cta .container{
  padding:34px 38px;
  border-radius:28px;
}
.cta h2,
.section-head h2,
.footer h4{
  color:var(--text) !important;
}
.footer-top{
  border-top:1px solid rgba(80,130,220,.12) !important;
}
.footer-bottom{
  border-top:1px solid rgba(80,130,220,.10) !important;
}
.footer-logo{
  width:180px !important;
}
.footer p:empty{
  display:none !important;
}
.hero-copy p + p,
.small,
small,
.section-desc{
  display:none !important;
}
@media (max-width:640px){
  .intro-video-frame{min-height:230px;}
  .video-card-title{font-size:18px;}
  .hero-copy p{font-size:16px !important;}
}


/* Footer 高级黑正式版 */
.footer{
  position:relative !important;
  background:
    radial-gradient(circle at 15% 20%, rgba(52,110,255,.14), transparent 28%),
    radial-gradient(circle at 85% 15%, rgba(90,180,255,.10), transparent 24%),
    linear-gradient(180deg, #0b0f16 0%, #101722 52%, #0a0e14 100%) !important;
  color:#eef4ff !important;
  padding:64px 0 34px !important;
  overflow:hidden;
}
.footer::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(67,121,255,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(67,121,255,.08) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: linear-gradient(180deg, rgba(255,255,255,.42), rgba(255,255,255,.10));
  pointer-events:none;
}
.footer::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(94,150,255,.60), transparent);
}
.footer .container{
  position:relative;
  z-index:2;
}
.footer-top{
  border-top:1px solid rgba(120,160,255,.14) !important;
  padding-top:44px !important;
}
.footer h4{
  color:#f5f8ff !important;
  font-weight:900;
  letter-spacing:.5px;
}
.footer p,
.footer a,
.footer li{
  color:rgba(222,232,250,.78) !important;
}
.footer a:hover{
  color:#ffffff !important;
}
.footer-logo{
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(241,246,255,.90)) !important;
  border:1px solid rgba(126,165,255,.16) !important;
  box-shadow:0 18px 42px rgba(0,0,0,.24) !important;
}
.footer-bottom{
  display:block !important;
  color:rgba(200,214,238,.42) !important;
  border-top:1px solid rgba(120,160,255,.10) !important;
}
.footer ul{
  gap:14px !important;
}
.footer p{
  line-height:1.75;
}
.footer p:empty{
  display:none !important;
}


/* 字体清晰度修复：首屏标题 + 核心流程标题 */
.hero-copy h1,
.hero-copy h2,
.hero h1,
.hero h2{
  color:#ffffff !important;
  font-weight:900 !important;
  letter-spacing:-1.2px !important;
  line-height:1.02 !important;
  text-shadow:
    0 2px 8px rgba(0,0,0,.18),
    0 1px 0 rgba(255,255,255,.03) !important;
}

/* 首屏副标题更清楚 */
.hero-copy p,
.hero p{
  color:rgba(233,241,255,.92) !important;
  font-size:18px !important;
  line-height:1.65 !important;
  text-shadow:0 1px 4px rgba(0,0,0,.16) !important;
}

/* 如果页面有装饰性的超大蓝字/背景标题，降低干扰，避免压住主标题 */
.hero .bg-title,
.hero .hero-bg-title,
.hero .hero-deco-title,
.hero .hero-watermark,
.hero .shadow-title,
.hero .title-bg,
.process .bg-title,
.process .section-bg-title,
.section-title-bg{
  opacity:.16 !important;
  color:#4b7de3 !important;
  filter:none !important;
}

/* 对所有首屏里可能过深的强调字做提亮 */
.hero strong,
.hero b,
.hero-copy strong,
.hero-copy b{
  color:#ffe08a !important;
}

/* 核心流程标题修复 */
#flow h2,
#flow .section-title,
.process h2,
.process .section-title,
.flow-section h2{
  color:#eaf2ff !important;
  font-weight:900 !important;
  letter-spacing:-.8px !important;
  text-shadow:0 2px 10px rgba(0,0,0,.22) !important;
}

/* “主打一个快”标签更清晰 */
#flow .tag,
#flow .section-tag,
#flow .pill,
.process .tag,
.process .pill,
.flow-section .pill{
  background:linear-gradient(135deg,#2d90ff,#36c8ff) !important;
  color:#ffffff !important;
  border:1px solid rgba(255,255,255,.18) !important;
  box-shadow:0 10px 24px rgba(24,127,255,.28) !important;
  font-weight:800 !important;
}

/* 如果核心流程区域整体偏暗，统一提高清晰度 */
#flow,
.process,
.flow-section{
  position:relative;
}
#flow::before,
.process::before,
.flow-section::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01));
}

/* 移动端大标题也更清晰一点 */
@media (max-width: 768px){
  .hero-copy h1,
  .hero-copy h2,
  .hero h1,
  .hero h2{
    line-height:1.06 !important;
    letter-spacing:-.8px !important;
    text-shadow:0 2px 8px rgba(0,0,0,.20) !important;
  }
  #flow h2,
  #flow .section-title,
  .process h2,
  .process .section-title,
  .flow-section h2{
    font-size:clamp(34px,9vw,56px) !important;
  }
}

/* 更稳妥的特定文本块增强：若模板中存在这类结构，统一清晰 */
.section-head h2{
  color:#f3f7ff !important;
  font-weight:900 !important;
}
.section-head p{
  color:rgba(224,235,252,.88) !important;
}


/* 简约优化 + 浅色标题可读性修复 */
:root{
  --blue:#2d78ff;
  --blue-soft:#eaf2ff;
  --text:#18345b;
  --text-soft:#6c84ab;
  --line:rgba(85,130,210,.14);
  --card:rgba(255,255,255,.88);
}

html,body{
  background:#f6f8fc !important;
  color:var(--text) !important;
}

body{
  letter-spacing:0 !important;
}

/* 整站背景更简洁，减少花哨发光与装饰 */
.hero,
.section,
.products,
.scenes,
.advantage-section,
.cta,
.footer,
main{
  background:transparent !important;
}

.hero::before,
.hero::after,
.section::before,
.section::after,
.products::before,
.products::after,
.scenes::before,
.scenes::after,
.advantage-section::before,
.advantage-section::after,
.cta::before,
.cta::after{
  opacity:.28 !important;
}

/* 清理大面积淡色装饰字，避免干扰 */
.bg-title,
.hero-bg-title,
.hero-deco-title,
.hero-watermark,
.shadow-title,
.title-bg,
.section-title-bg,
.process .bg-title,
.process .section-bg-title,
[class*="watermark"],
[class*="deco-title"]{
  display:none !important;
}

/* 所有模块大标题统一提高清晰度 */
.section-head h2,
.section-title,
.section h2,
.products h2,
.scenes h2,
.advantage-section h2,
.cta h2,
#flow h2,
#products h2,
#scenes h2{
  color:#18345b !important;
  opacity:1 !important;
  font-weight:900 !important;
  letter-spacing:-.8px !important;
  text-shadow:none !important;
}

/* 重点修复你截图里那种淡到看不清的大字 */
.section-head,
.section-title-wrap,
.process .section-head,
.products .section-head,
.scenes .section-head{
  position:relative;
  z-index:2;
}
.section-head h2,
.section-title{
  position:relative;
  z-index:3;
}

/* 模块副标题统一简洁一点 */
.section-head p,
.section p,
.products p,
.scenes p,
.advantage-section p,
.cta p,
.hero-copy p{
  color:var(--text-soft) !important;
  font-size:16px !important;
  line-height:1.7 !important;
  text-shadow:none !important;
}

/* 首屏标题继续保证清晰 */
.hero-copy h1,
.hero-copy h2,
.hero h1,
.hero h2{
  color:#17365f !important;
  font-weight:900 !important;
  letter-spacing:-1px !important;
  line-height:1.04 !important;
  text-shadow:none !important;
}
.hero-copy strong,
.hero-copy b,
.hero strong,
.hero b{
  color:#e3b954 !important;
}

/* 卡片和模块统一简约化 */
.product-card,
.scene-card,
.stat-card,
.metric,
.hero-video-card,
.premium-video-card,
.cta .container,
.footer-logo{
  background:var(--card) !important;
  border:1px solid var(--line) !important;
  box-shadow:0 10px 28px rgba(34,78,150,.06) !important;
  backdrop-filter:none !important;
}

.product-card,
.scene-card{
  padding:22px !important;
  border-radius:20px !important;
}

.product-card h3,
.scene-card h3,
.stat-card b,
.metric b{
  color:var(--text) !important;
}
.product-card p,
.scene-card p,
.stat-card span,
.metric span{
  color:var(--text-soft) !important;
}

/* 导航与按钮简洁化 */
header,
.site-header,
.navbar{
  background:rgba(255,255,255,.82) !important;
  backdrop-filter:blur(10px) !important;
  border-bottom:1px solid var(--line) !important;
  box-shadow:none !important;
}
header a,
nav a,
.site-header a{
  color:var(--text) !important;
}
header a:hover,
nav a:hover{
  color:var(--blue) !important;
}
.primary-btn,
button.primary-btn{
  background:linear-gradient(135deg,#2d78ff,#4a9bff) !important;
  color:#fff !important;
  box-shadow:none !important;
}
.outline-btn,
.ghost-video-link{
  background:#ffffff !important;
  color:var(--text) !important;
  border:1px solid var(--line) !important;
  box-shadow:none !important;
}

/* 视频区更简洁 */
.video-card-title{
  color:var(--text) !important;
  font-size:20px !important;
}
.intro-video-frame{
  border:1px solid var(--line) !important;
  background:#ffffff !important;
  box-shadow:0 10px 24px rgba(34,78,150,.06) !important;
}
.video-play-overlay{
  background:linear-gradient(180deg,rgba(24,52,91,.05),rgba(24,52,91,.16)) !important;
}
.video-play-overlay b{
  color:#fff !important;
}

/* 核心流程那块更清楚 */
#flow,
.process,
.flow-section{
  background:linear-gradient(180deg,#f5f8fd 0%,#eef4fb 100%) !important;
}
#flow h2,
.process h2,
.flow-section h2{
  color:#16335d !important;
}
#flow .pill,
#flow .tag,
#flow .section-tag,
.process .pill,
.process .tag{
  background:linear-gradient(135deg,#2d78ff,#4cb5ff) !important;
  color:#fff !important;
  box-shadow:none !important;
}

/* 优势/指标区更简洁 */
.advantage-section{
  padding:82px 0 72px !important;
  background:linear-gradient(180deg,#f8fbff 0%,#eef4fb 100%) !important;
}
.globe{
  box-shadow:0 16px 36px rgba(35,78,150,.06) !important;
}

/* CTA 简洁 */
.cta{
  padding:62px 0 !important;
}
.cta .container{
  padding:30px 34px !important;
  border-radius:24px !important;
}

/* Footer 简约正式 */
.footer{
  background:linear-gradient(180deg,#0e131b 0%,#131b25 100%) !important;
  color:#eef4ff !important;
  padding:56px 0 30px !important;
}
.footer::before{
  opacity:.10 !important;
}
.footer::after{
  opacity:.65 !important;
}
.footer h4{
  color:#ffffff !important;
}
.footer p,
.footer a,
.footer li{
  color:rgba(223,232,248,.76) !important;
}
.footer-top{
  gap:34px !important;
}
.footer-logo{
  width:170px !important;
}
.footer-bottom{
  color:rgba(220,230,245,.40) !important;
}

/* 减少细碎小字 */
.eyebrow,
.small,
small,
.section-desc,
.hero-copy p + p,
.footer-bottom small,
.video-caption,
.ai-video-note{
  display:none !important;
}

/* 移动端保持简洁 */
@media (max-width:768px){
  .section-head h2,
  .section-title,
  .section h2,
  .products h2,
  .scenes h2,
  .advantage-section h2,
  .cta h2{
    font-size:clamp(32px,8vw,46px) !important;
  }
  .hero-copy p{
    font-size:15px !important;
  }
  .product-card,
  .scene-card{
    padding:18px !important;
  }
}


/* 顶部高级黑正式版 */
header,
.site-header,
.navbar{
  background:
    linear-gradient(180deg, rgba(10,14,20,.96) 0%, rgba(14,19,28,.94) 100%) !important;
  backdrop-filter:blur(12px) !important;
  border-bottom:1px solid rgba(103,143,215,.14) !important;
  box-shadow:0 10px 30px rgba(0,0,0,.18) !important;
}
header::before,
.site-header::before,
.navbar::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 0%, rgba(64,130,255,.18), transparent 24%),
    radial-gradient(circle at 86% 0%, rgba(75,170,255,.10), transparent 20%);
}
header a,
.site-header a,
.navbar a,
header nav a,
.site-header nav a,
.navbar nav a{
  color:rgba(236,243,255,.88) !important;
}
header a:hover,
.site-header a:hover,
.navbar a:hover,
header nav a:hover,
.site-header nav a:hover,
.navbar nav a:hover{
  color:#ffffff !important;
}
header .logo-text,
.site-header .logo-text,
.navbar .logo-text,
header .brand-text,
.site-header .brand-text,
.navbar .brand-text{
  color:#f5f8ff !important;
}
header .logo-sub,
.site-header .logo-sub,
.navbar .logo-sub,
header small,
.site-header small,
.navbar small{
  color:rgba(153,186,236,.78) !important;
}
header .primary-btn,
header .outline-btn,
header .ghost-btn,
header button,
.site-header .primary-btn,
.site-header .outline-btn,
.site-header .ghost-btn,
.navbar .primary-btn,
.navbar .outline-btn,
.navbar .ghost-btn{
  background:rgba(255,255,255,.05) !important;
  color:#f3f7ff !important;
  border:1px solid rgba(120,158,224,.20) !important;
  box-shadow:none !important;
}
header .primary-btn:hover,
header .outline-btn:hover,
.site-header .primary-btn:hover,
.site-header .outline-btn:hover,
.navbar .primary-btn:hover,
.navbar .outline-btn:hover{
  background:rgba(255,255,255,.10) !important;
}

/* 顶部预约演示按钮更正式 */
header .cta,
header .header-cta,
header .nav-cta,
.site-header .cta,
.site-header .header-cta,
.site-header .nav-cta,
.navbar .cta,
.navbar .header-cta,
.navbar .nav-cta{
  background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04)) !important;
  border:1px solid rgba(122,164,235,.24) !important;
  color:#ffffff !important;
  box-shadow:0 8px 20px rgba(0,0,0,.18) !important;
}

/* 顶部 logo 区域增强对比 */
header img,
.site-header img,
.navbar img{
  filter:none !important;
}


/* 字体颜色增强版：解决浅底浅字看不清 */
:root{
  --text-strong:#17345d;
  --text-title:#133058;
  --text-body:#4e6b97;
  --text-soft:#6f86aa;
  --text-white:#f6f9ff;
  --text-accent:#efb642;
  --card-bg-strong:rgba(255,255,255,.92);
  --card-border-strong:rgba(88,132,210,.16);
}

/* 全站正文增强 */
body,
p,
li,
span,
small,
label,
a{
  color:var(--text-body);
}

/* 所有常见标题统一提亮 */
h1,h2,h3,h4,h5,h6,
.section-head h2,
.section-title,
.hero-copy h1,
.hero-copy h2,
.product-card h3,
.scene-card h3,
.metric b,
.stat-card b,
.footer h4{
  color:var(--text-title) !important;
}

/* 常见卡片文本增强 */
.product-card,
.scene-card,
.stat-card,
.metric,
.hero-video-card,
.premium-video-card,
.cta .container{
  background:var(--card-bg-strong) !important;
  border:1px solid var(--card-border-strong) !important;
}

/* 产品/场景/能力卡片标题与描述 */
.product-card h3,
.product-card b,
.product-card strong,
.scene-card h3,
.scene-card b,
.scene-card strong,
.stat-card b,
.stat-card strong,
.metric b{
  color:var(--text-title) !important;
  opacity:1 !important;
}

.product-card p,
.product-card span,
.product-card small,
.scene-card p,
.scene-card span,
.scene-card small,
.stat-card span,
.stat-card p,
.metric span,
.metric p{
  color:var(--text-body) !important;
  opacity:1 !important;
}

/* 首屏三个能力数字卡片（如：秒级 / 批量 / 插件） */
.hero-stats .stat-card,
.stats .stat-card,
.hero .stat-card,
.stat-grid .stat-card{
  background:rgba(255,255,255,.86) !important;
  border:1px solid rgba(95,140,220,.16) !important;
}

.hero-stats .stat-card b,
.hero-stats .stat-card strong,
.stats .stat-card b,
.stats .stat-card strong,
.hero .stat-card b,
.hero .stat-card strong,
.stat-grid .stat-card b,
.stat-grid .stat-card strong{
  color:#e8b13a !important;
  font-weight:900 !important;
  opacity:1 !important;
}

.hero-stats .stat-card span,
.hero-stats .stat-card p,
.stats .stat-card span,
.stats .stat-card p,
.hero .stat-card span,
.hero .stat-card p,
.stat-grid .stat-card span,
.stat-grid .stat-card p{
  color:#6e84a6 !important;
  opacity:1 !important;
}

/* 核心流程 / 功能流程卡片清晰度 */
#flow .card,
#flow .flow-card,
#flow .step-card,
.process .card,
.process .flow-card,
.process .step-card,
.flow-section .card,
.flow-section .flow-card,
.flow-section .step-card{
  background:rgba(255,255,255,.90) !important;
  border:1px solid rgba(95,140,220,.14) !important;
  box-shadow:0 10px 24px rgba(40,78,145,.05) !important;
}

#flow .card h3,
#flow .card b,
#flow .card strong,
#flow .flow-card h3,
#flow .flow-card b,
#flow .flow-card strong,
#flow .step-card h3,
#flow .step-card b,
#flow .step-card strong,
.process .card h3,
.process .card b,
.process .card strong,
.process .flow-card h3,
.process .flow-card b,
.process .flow-card strong,
.process .step-card h3,
.process .step-card b,
.process .step-card strong,
.flow-section .card h3,
.flow-section .card b,
.flow-section .card strong,
.flow-section .flow-card h3,
.flow-section .flow-card b,
.flow-section .flow-card strong,
.flow-section .step-card h3,
.flow-section .step-card b,
.flow-section .step-card strong{
  color:#ffffff !important;
}

/* 如果流程卡片是浅底，则正文用深色；深底保持白色 */
#flow .card p,
#flow .card span,
#flow .flow-card p,
#flow .flow-card span,
#flow .step-card p,
#flow .step-card span,
.process .card p,
.process .card span,
.process .flow-card p,
.process .flow-card span,
.process .step-card p,
.process .step-card span,
.flow-section .card p,
.flow-section .card span,
.flow-section .flow-card p,
.flow-section .flow-card span,
.flow-section .step-card p,
.flow-section .step-card span{
  color:rgba(236,242,250,.92) !important;
}

/* 通用“能力块”兜底：截图中这类 AI识别 / 快速打孔 / 阵列批量 / 一键导出 */
[class*="feature"] h3,
[class*="feature"] b,
[class*="feature"] strong,
[class*="capability"] h3,
[class*="capability"] b,
[class*="capability"] strong,
[class*="step"] h3,
[class*="step"] b,
[class*="step"] strong,
[class*="card"] h3,
[class*="card"] b,
[class*="card"] strong{
  color:var(--text-title);
}

[class*="feature"] p,
[class*="feature"] span,
[class*="capability"] p,
[class*="capability"] span,
[class*="step"] p,
[class*="step"] span,
[class*="card"] p,
[class*="card"] span{
  color:var(--text-body);
}

/* 但深色流程块保持白字 */
.process [class*="card"] h3,
.process [class*="card"] b,
.process [class*="card"] strong,
#flow [class*="card"] h3,
#flow [class*="card"] b,
#flow [class*="card"] strong,
.flow-section [class*="card"] h3,
.flow-section [class*="card"] b,
.flow-section [class*="card"] strong{
  color:#ffffff !important;
}
.process [class*="card"] p,
.process [class*="card"] span,
#flow [class*="card"] p,
#flow [class*="card"] span,
.flow-section [class*="card"] p,
.flow-section [class*="card"] span{
  color:rgba(236,242,250,.88) !important;
}

/* 浅色区域标题再增强，防止发灰 */
.section-head h2,
.products h2,
.scenes h2,
.advantage-section h2,
.cta h2{
  color:#16345d !important;
}

/* 顶部导航可读性保持 */
header a,
.site-header a,
.navbar a{
  color:rgba(236,243,255,.92) !important;
}

/* Footer 保持深色可读性 */
.footer p,
.footer a,
.footer li{
  color:rgba(227,235,248,.82) !important;
}


/* 精准修复版：图一高级白 + 图二流程卡片可读性 */
:root{
  --premium-white:#f7faff;
  --premium-white-soft:rgba(243,247,255,.82);
  --deep-navy:#17355f;
  --deep-navy-2:#26456f;
  --flow-text:#59749b;
}

/* 图一：秒级 / 批量 / 插件 —— 取消黄色，改成高级白，并让卡片更正式 */
.hero-stats{
  gap:18px !important;
}
.hero-stats .stat{
  min-width:160px !important;
  border:1px solid rgba(100,132,188,.14) !important;
  background:linear-gradient(180deg, rgba(20,28,42,.86), rgba(26,38,57,.82)) !important;
  border-radius:20px !important;
  padding:20px 22px !important;
  box-shadow:0 14px 30px rgba(14,22,38,.16) !important;
  backdrop-filter:blur(10px) !important;
}
.hero-stats .stat strong{
  color:var(--premium-white) !important;
  font-weight:900 !important;
  text-shadow:0 1px 4px rgba(0,0,0,.10) !important;
  letter-spacing:-.6px !important;
}
.hero-stats .stat span{
  color:var(--premium-white-soft) !important;
  font-size:15px !important;
  opacity:1 !important;
}

/* 图二：核心流程 —— 改成清晰的浅底深字 */
.flow-section{
  background:linear-gradient(180deg,#f4f7fb 0%, #edf3fa 100%) !important;
  color:var(--deep-navy) !important;
}
.flow-section .section-head h2,
#flow .section-head h2{
  color:var(--deep-navy) !important;
  font-weight:900 !important;
  text-shadow:none !important;
}
.flow-section .section-head h2 em,
#flow .section-head h2 em{
  background:linear-gradient(135deg,#1f86ff,#34c4ff) !important;
  color:#ffffff !important;
  border:0 !important;
  box-shadow:0 8px 22px rgba(33,133,255,.18) !important;
}

.flow-cards{
  gap:24px !important;
}
.flow-card{
  background:#ffffff !important;
  border:1px solid rgba(84,127,202,.14) !important;
  border-radius:24px !important;
  padding:28px 28px 26px !important;
  box-shadow:0 12px 28px rgba(40,78,145,.06) !important;
}
.flow-card strong{
  display:block !important;
  margin-bottom:14px !important;
  color:#1e5db0 !important;
  font-size:32px !important;
  font-weight:900 !important;
  line-height:1 !important;
}
.flow-card h3{
  margin:0 0 14px !important;
  color:var(--deep-navy) !important;
  font-size:22px !important;
  font-weight:900 !important;
  line-height:1.35 !important;
}
.flow-card p{
  margin:0 !important;
  color:var(--flow-text) !important;
  font-size:16px !important;
  line-height:1.75 !important;
  opacity:1 !important;
}

/* 避免之前的通用规则继续把流程区块文字改白 */
#flow .flow-card h3,
#flow .flow-card b,
#flow .flow-card strong,
#flow [class*="card"] h3,
#flow [class*="card"] b,
#flow [class*="card"] strong,
.flow-section .flow-card h3,
.flow-section .flow-card b,
.flow-section .flow-card strong,
.flow-section [class*="card"] h3,
.flow-section [class*="card"] b,
.flow-section [class*="card"] strong{
  color:var(--deep-navy) !important;
}
#flow .flow-card strong,
.flow-section .flow-card strong{
  color:#1e5db0 !important;
}
#flow .flow-card p,
#flow [class*="card"] p,
#flow [class*="card"] span,
.flow-section .flow-card p,
.flow-section [class*="card"] p,
.flow-section [class*="card"] span{
  color:var(--flow-text) !important;
  opacity:1 !important;
}

/* 如果卡片里还有 span 或编号说明，也统一改清晰 */
.flow-card span{
  color:var(--flow-text) !important;
}

/* 移动端也保持清晰 */
@media (max-width: 768px){
  .hero-stats .stat{
    min-width:unset !important;
    padding:18px 18px !important;
  }
  .hero-stats .stat strong{
    font-size:28px !important;
  }
  .flow-card{
    padding:22px 20px !important;
  }
  .flow-card h3{
    font-size:20px !important;
  }
  .flow-card p{
    font-size:15px !important;
  }
}


/* 首屏功能标签修复版：AI识别 / 快速打孔 / 阵列批量 / 一键导出 */
.hero-tabs{
  margin-top:34px !important;
}
.hero-tabs .container{
  gap:18px !important;
}
.hero-tab{
  border:1px solid rgba(84,128,205,.16) !important;
  background:linear-gradient(180deg, rgba(255,255,255,.94), rgba(247,250,255,.90)) !important;
  border-radius:20px !important;
  padding:22px 20px !important;
  color:#17355f !important;
  font-weight:900 !important;
  font-size:18px !important;
  line-height:1.25 !important;
  box-shadow:0 10px 24px rgba(34,78,150,.05) !important;
  backdrop-filter:none !important;
}
.hero-tab span{
  display:block !important;
  margin-top:8px !important;
  color:#6a84ab !important;
  font-weight:600 !important;
  font-size:15px !important;
  line-height:1.55 !important;
  opacity:1 !important;
}
.hero-tab:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 28px rgba(34,78,150,.08) !important;
}

/* 避免旧规则把这块文字变白或发灰 */
.hero-tabs .hero-tab,
.hero-tabs .hero-tab b,
.hero-tabs .hero-tab strong,
.hero-tabs .hero-tab h3{
  color:#17355f !important;
  opacity:1 !important;
}
.hero-tabs .hero-tab span,
.hero-tabs .hero-tab p,
.hero-tabs .hero-tab small{
  color:#6a84ab !important;
  opacity:1 !important;
}

/* 首屏操作按钮重新收一下间距，删掉视频按钮后更整洁 */
.hero-actions{
  gap:14px !important;
  flex-wrap:wrap !important;
}
.hero-actions .primary-btn,
.hero-actions .outline-btn{
  min-width:unset !important;
}

/* 移动端保持清晰 */
@media (max-width: 768px){
  .hero-tabs .container{
    grid-template-columns:1fr 1fr !important;
    gap:14px !important;
  }
  .hero-tab{
    padding:18px 16px !important;
    font-size:17px !important;
  }
  .hero-tab span{
    font-size:14px !important;
  }
}


/* 插件嵌入 SOLIDWORKS 模块清晰度修复 */
.ai-section .ai-video-box{
  border-radius:30px !important;
  overflow:hidden !important;
  background:linear-gradient(135deg,#071322 0%,#0f2d52 100%) !important;
  border:1px solid rgba(95,155,255,.14) !important;
  box-shadow:0 16px 34px rgba(14,28,48,.14) !important;
}
.scene-demo{
  min-height:320px !important;
  padding:46px 48px !important;
  color:#ffffff !important;
  background:
    radial-gradient(circle at 62% 55%, rgba(46,180,255,.24), transparent 32%),
    linear-gradient(135deg,#071322 0%,#123965 100%) !important;
}
.scene-demo h3{
  margin:0 0 18px !important;
  color:#f4f8ff !important;
  font-size:34px !important;
  line-height:1.18 !important;
  font-weight:900 !important;
  letter-spacing:-.5px !important;
  text-shadow:0 2px 10px rgba(0,0,0,.22) !important;
}
.scene-demo p{
  margin:0 0 20px !important;
  color:rgba(226,238,255,.92) !important;
  font-size:17px !important;
  line-height:1.7 !important;
}
.scene-tags{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:12px !important;
}
.scene-tags span{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:11px 16px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.10) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  color:#f2f7ff !important;
  font-size:16px !important;
  font-weight:700 !important;
  line-height:1 !important;
  box-shadow:none !important;
}

/* 防止旧规则把这个模块标题压暗 */
.ai-section .scene-demo h3,
.ai-section .scene-demo b,
.ai-section .scene-demo strong{
  color:#f4f8ff !important;
}
.ai-section .scene-demo p,
.ai-section .scene-demo span{
  opacity:1 !important;
}

/* 移动端 */
@media (max-width:768px){
  .scene-demo{
    padding:28px 24px !important;
    min-height:260px !important;
  }
  .scene-demo h3{
    font-size:28px !important;
  }
  .scene-demo p{
    font-size:15px !important;
  }
  .scene-tags span{
    font-size:14px !important;
    padding:10px 14px !important;
  }
}


/* 2026-07-03：首屏字体搭配优化 + 全站美化升级 */
:root{
  --beauty-bg:#f4f7fb;
  --beauty-panel:#ffffff;
  --beauty-line:rgba(91,125,182,.16);
  --beauty-text:#17355f;
  --beauty-text-2:#244a80;
  --beauty-soft:#6d84aa;
  --beauty-accent:#e8c36b;
  --beauty-blue:#2f86ff;
  --beauty-blue-2:#67c9ff;
  --beauty-dark:#0d1626;
}

/* 全站整体更柔和、更高级 */
html,body{
  background:linear-gradient(180deg,#f5f7fb 0%,#eff4fb 48%,#f7f9fd 100%) !important;
  color:var(--beauty-text) !important;
}
body{
  letter-spacing:0 !important;
}

/* 顶部保持干净且高级 */
.site-header{
  background:rgba(255,255,255,.78) !important;
  backdrop-filter:blur(12px) !important;
  border-bottom:1px solid rgba(86,123,181,.12) !important;
  box-shadow:0 10px 30px rgba(21,43,80,.06) !important;
}
.site-header .nav-links a{
  color:#234271 !important;
}
.site-header .nav-links a:hover{
  color:var(--beauty-blue) !important;
}
.site-header .phone{
  color:#6b84a6 !important;
}
.site-header .outline-btn{
  border-color:rgba(84,126,202,.18) !important;
  color:#17355f !important;
  background:rgba(255,255,255,.78) !important;
}

/* Hero：让字体、背景、视频卡整体更协调 */
.hero{
  color:var(--beauty-text) !important;
  background:
    radial-gradient(circle at 76% 30%, rgba(64,175,255,.10), transparent 26%),
    linear-gradient(180deg,#f6f8fc 0%,#edf3fa 100%) !important;
  min-height:840px !important;
}
.hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(244,247,251,.96) 0%, rgba(244,247,251,.90) 40%, rgba(244,247,251,.74) 68%, rgba(244,247,251,.52) 100%),
    radial-gradient(circle at 75% 38%, rgba(31,147,255,.14), transparent 32%),
    radial-gradient(circle at 16% 72%, rgba(232,195,107,.10), transparent 24%) !important;
}
.hero::after{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(77,126,200,.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(77,126,200,.07) 1px, transparent 1px) !important;
  background-size:66px 66px !important;
  opacity:1 !important;
}
.hero-grid{
  padding-top:136px !important;
  gap:64px !important;
}
.hero-grid::after{
  content:"";
  position:absolute;
  right:-8%;
  top:36px;
  width:900px;
  height:520px;
  background:
    linear-gradient(116deg, transparent 16%, rgba(232,195,107,.56) 18%, transparent 21%),
    linear-gradient(127deg, transparent 29%, rgba(61,166,255,.52) 31%, transparent 34%),
    linear-gradient(116deg, transparent 54%, rgba(232,195,107,.34) 56%, transparent 59%);
  filter:blur(10px);
  opacity:.68;
  pointer-events:none;
}

/* 首屏小标签 */
.kicker{
  display:inline-flex !important;
  align-items:center;
  gap:8px;
  padding:10px 16px !important;
  border-radius:999px !important;
  background:linear-gradient(135deg, rgba(47,134,255,.12), rgba(103,201,255,.14)) !important;
  border:1px solid rgba(77,143,230,.22) !important;
  color:#5f7fab !important;
  font-weight:800 !important;
  letter-spacing:0 !important;
}
.kicker::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:#35dfff;
  box-shadow:0 0 12px rgba(53,223,255,.50);
}

/* 首屏大标题重新搭配 */
.hero h1{
  margin:26px 0 18px !important;
  line-height:1.02 !important;
  letter-spacing:-1.8px !important;
  text-shadow:none !important;
}
.hero h1 .headline-main{
  display:block;
  color:var(--beauty-text) !important;
  font-size:clamp(46px,5.4vw,80px);
  font-weight:900;
}
.hero h1 .headline-sub{
  display:block;
  margin-top:6px;
  color:#ffffff !important;
  font-size:clamp(44px,5.1vw,76px);
  font-weight:900;
  text-shadow:0 4px 14px rgba(15,34,60,.12);
}
.hero h1 .headline-accent{
  color:var(--beauty-accent) !important;
  display:inline;
}
.hero h1 .blue{
  color:inherit !important;
  background:none !important;
  -webkit-background-clip:initial !important;
  background-clip:initial !important;
}

/* 首屏副标题 */
.hero-copy{
  color:#7a90b2 !important;
  font-size:23px !important;
  max-width:640px !important;
  margin:0 0 34px !important;
}

/* 按钮更协调 */
.hero-actions{
  gap:14px !important;
}
.primary-btn{
  background:linear-gradient(135deg,#2f86ff,#64bcff) !important;
  border:0 !important;
  box-shadow:0 16px 32px rgba(47,134,255,.18) !important;
}
.primary-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 36px rgba(47,134,255,.22) !important;
}
.outline-btn{
  background:#ffffff !important;
  color:#1f3d69 !important;
  border:1px solid rgba(91,125,182,.18) !important;
  box-shadow:0 12px 26px rgba(21,43,80,.05) !important;
}

/* 首屏能力卡更精致 */
.hero-stats{
  gap:18px !important;
  margin-top:44px !important;
}
.stat{
  min-width:162px !important;
  padding:20px 22px !important;
  border-radius:20px !important;
  background:linear-gradient(180deg, rgba(25,40,62,.88), rgba(36,55,82,.92)) !important;
  border:1px solid rgba(120,150,200,.10) !important;
  box-shadow:0 18px 34px rgba(17,31,52,.16) !important;
}
.stat strong{
  color:#f9fbff !important;
  font-size:33px !important;
  letter-spacing:-.8px !important;
}
.stat span{
  color:rgba(233,240,250,.74) !important;
  font-size:15px !important;
}

/* 视频卡片更细腻 */
.hero-video-card{
  background:rgba(255,255,255,.70) !important;
  border:1px solid rgba(90,124,180,.12) !important;
  border-radius:34px !important;
  padding:18px !important;
  box-shadow:0 28px 70px rgba(24,63,110,.10) !important;
}
.hero-video-card::before{
  inset:-32px !important;
  background:radial-gradient(circle at 50% 50%, rgba(67,186,255,.18), transparent 62%) !important;
}
.video-card-title{
  color:var(--beauty-text) !important;
  font-size:18px !important;
  font-weight:900 !important;
  margin:2px 4px 14px !important;
}
.intro-video-frame{
  border-radius:26px !important;
  background:#081423 !important;
  border:1px solid rgba(82,140,214,.16) !important;
  box-shadow:inset 0 0 38px rgba(0,120,255,.08) !important;
}

/* 首屏下方 4 个功能标签更统一 */
.hero-tab{
  border:1px solid rgba(91,125,182,.12) !important;
  background:rgba(255,255,255,.72) !important;
  color:var(--beauty-text) !important;
  border-radius:18px !important;
  box-shadow:0 12px 24px rgba(24,63,110,.05) !important;
}
.hero-tab span{
  color:#7590b5 !important;
}

/* 各模块标题更精致 */
.section-head h2{
  color:#17355f !important;
  letter-spacing:-.8px !important;
}
.section-desc,
.product-card p,
.contact-card p{
  color:#6b84a7 !important;
}

/* 产品区更美观 */
.alt{
  background:linear-gradient(180deg,#f9fbfe 0%,#f2f6fc 100%) !important;
}
.product-card{
  border-radius:26px !important;
  border:1px solid rgba(91,125,182,.12) !important;
  box-shadow:0 16px 42px rgba(24,63,110,.06) !important;
}
.product-card:hover{
  transform:translateY(-5px);
  box-shadow:0 20px 52px rgba(24,63,110,.10) !important;
}
.product-lead{
  background:
    radial-gradient(circle at 78% 80%, rgba(91,198,255,.55), transparent 36%),
    linear-gradient(145deg,#0f213c,#17436f) !important;
  border:1px solid rgba(91,198,255,.14) !important;
}
.icon{
  box-shadow:0 14px 28px rgba(47,134,255,.16);
}

/* 核心流程更高级 */
.flow-section{
  background:linear-gradient(180deg,#091526 0%, #0d1d33 100%) !important;
}
.flow-section .section-head h2{
  color:#f5f8ff !important;
}
.flow-card{
  background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04)) !important;
  border:1px solid rgba(73,188,255,.18) !important;
  box-shadow:0 16px 42px rgba(0,0,0,.18) !important;
}
.flow-card h3{
  color:#f5f8ff !important;
}
.flow-card p{
  color:rgba(219,232,248,.72) !important;
}

/* 应用场景更柔和 */
.ai-section{
  background:linear-gradient(180deg,#f9fbfe 0%,#f4f8fd 100%) !important;
}
.ai-video-box{
  border-radius:30px !important;
  box-shadow:0 16px 42px rgba(24,63,110,.08) !important;
}
.scene-demo{
  min-height:326px !important;
  padding:48px !important;
  background:
    radial-gradient(circle at 66% 54%, rgba(34,219,255,.26), transparent 32%),
    linear-gradient(135deg,#0b182b,#143b67) !important;
}
.scene-demo h3{
  margin:0 0 16px !important;
  color:#f4f8ff !important;
  font-size:40px !important;
  line-height:1.15 !important;
  font-weight:900 !important;
  letter-spacing:-.8px !important;
}
.scene-demo p{
  color:rgba(227,238,250,.82) !important;
  font-size:18px !important;
  margin:0 0 24px !important;
}
.scene-tags span{
  color:#f4f8ff !important;
  background:rgba(255,255,255,.08) !important;
  border-color:rgba(255,255,255,.16) !important;
}

/* 优势区更统一 */
.advantage-section{
  background:linear-gradient(180deg,#f6f9fd 0%,#eef4fb 100%) !important;
}
.advantage-section h2{
  color:#17355f !important;
}
.metric{
  background:#ffffff !important;
  border:1px solid rgba(91,125,182,.12) !important;
  box-shadow:0 14px 32px rgba(24,63,110,.05) !important;
}
.metric b{
  color:#17355f !important;
}
.metric span,
.pin{
  color:#5f7dab !important;
}

/* CTA */
.cta{
  background:linear-gradient(180deg,#f7faff 0%,#f2f7fd 100%) !important;
}
.cta .container{
  background:#ffffff !important;
  border:1px solid rgba(91,125,182,.12) !important;
  box-shadow:0 16px 46px rgba(24,63,110,.06) !important;
}
.cta h2{
  color:#17355f !important;
}

/* Footer */
.footer{
  background:linear-gradient(180deg,#0b1423 0%,#101d30 100%) !important;
}
.footer-top{
  border-top:1px solid rgba(255,255,255,.08) !important;
}
.footer-logo{
  box-shadow:0 14px 28px rgba(0,0,0,.16);
}

/* 移动端 */
@media (max-width:1024px){
  .hero-grid{
    gap:38px !important;
    padding-top:124px !important;
  }
}
@media (max-width:640px){
  .hero h1 .headline-main{
    font-size:42px !important;
  }
  .hero h1 .headline-sub{
    font-size:40px !important;
  }
  .scene-demo{
    padding:30px 24px !important;
  }
  .scene-demo h3{
    font-size:30px !important;
  }
}


/* 2026-07-03 V2 整体重构：克制、高级、清晰 */
:root{
  --v2-bg:#f5f7fb;
  --v2-surface:#ffffff;
  --v2-surface-2:#f9fbff;
  --v2-text:#142b4d;
  --v2-title:#0f2748;
  --v2-muted:#627a9e;
  --v2-line:rgba(70,112,180,.14);
  --v2-blue:#2678ff;
  --v2-blue-2:#45b7ff;
  --v2-gold:#d8ad55;
  --v2-dark:#081321;
  --v2-dark-2:#10213a;
}

/* 全局统一：更干净的白蓝底 */
html,body{
  background:linear-gradient(180deg,#f7f9fd 0%,#eef4fb 54%,#f8fafc 100%) !important;
  color:var(--v2-text) !important;
  font-feature-settings:"kern";
}
body{
  letter-spacing:0 !important;
}
a{
  text-decoration:none;
}

/* 顶部：高级黑，但更轻、更清楚 */
.site-header,
header.site-header,
header,
.navbar{
  background:linear-gradient(180deg,rgba(8,16,28,.96),rgba(12,23,39,.94)) !important;
  border-bottom:1px solid rgba(120,164,235,.14) !important;
  box-shadow:0 10px 30px rgba(0,0,0,.18) !important;
  backdrop-filter:blur(14px) !important;
}
.site-header::before,
header::before{
  opacity:.25 !important;
}
.site-header .brand img,
header .brand img{
  filter:none !important;
}
.nav-links a,
.site-header a,
header a{
  color:rgba(239,246,255,.88) !important;
  font-weight:700 !important;
}
.nav-links a:hover,
.site-header a:hover,
header a:hover{
  color:#ffffff !important;
}
.header-actions .phone{
  color:rgba(188,210,244,.62) !important;
}
.header-actions .outline-btn,
.site-header .outline-btn{
  color:#ffffff !important;
  background:rgba(255,255,255,.06) !important;
  border:1px solid rgba(155,190,245,.22) !important;
  box-shadow:none !important;
}

/* Hero 彻底统一：不再白字压灰底，标题全部清楚 */
.hero{
  min-height:820px !important;
  overflow:hidden !important;
  color:var(--v2-text) !important;
  background:
    radial-gradient(circle at 72% 35%, rgba(46,157,255,.12), transparent 30%),
    linear-gradient(180deg,#f7f9fd 0%,#eef4fb 100%) !important;
}
.hero::before{
  background:
    linear-gradient(90deg,rgba(247,249,253,.96) 0%,rgba(247,249,253,.92) 42%,rgba(247,249,253,.72) 72%,rgba(247,249,253,.56) 100%),
    radial-gradient(circle at 18% 72%, rgba(216,173,85,.08), transparent 25%) !important;
}
.hero::after{
  background-image:
    linear-gradient(rgba(61,112,190,.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(61,112,190,.06) 1px, transparent 1px) !important;
  background-size:64px 64px !important;
  opacity:1 !important;
}
.hero-grid{
  grid-template-columns:.86fr 1.14fr !important;
  gap:72px !important;
  padding-top:138px !important;
}
.hero-grid::after{
  content:"";
  position:absolute;
  right:-6%;
  top:28px;
  width:930px;
  height:540px;
  background:
    linear-gradient(115deg,transparent 17%,rgba(216,173,85,.42) 19%,transparent 22%),
    linear-gradient(128deg,transparent 31%,rgba(38,120,255,.44) 33%,transparent 36%),
    linear-gradient(115deg,transparent 57%,rgba(216,173,85,.25) 59%,transparent 62%);
  filter:blur(12px);
  opacity:.72;
  pointer-events:none;
}

.kicker{
  display:inline-flex !important;
  align-items:center;
  gap:9px;
  padding:10px 16px !important;
  border-radius:999px !important;
  color:#315f9b !important;
  background:#ffffff !important;
  border:1px solid var(--v2-line) !important;
  box-shadow:0 10px 22px rgba(31,67,120,.06) !important;
  font-weight:900 !important;
  letter-spacing:0 !important;
}
.kicker::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--v2-blue),var(--v2-blue-2));
  box-shadow:0 0 14px rgba(38,120,255,.45);
}

.premium-hero-title,
.hero h1{
  margin:26px 0 18px !important;
  line-height:1.02 !important;
  letter-spacing:-1.5px !important;
  text-shadow:none !important;
}
.premium-hero-title span,
.hero h1 .headline-main{
  display:block !important;
  color:var(--v2-title) !important;
  font-size:clamp(48px,5.25vw,76px) !important;
  font-weight:900 !important;
}
.premium-hero-title em{
  display:block !important;
  margin-top:16px !important;
  font-style:normal !important;
  color:#2c5f9e !important;
  font-size:clamp(23px,2.45vw,34px) !important;
  line-height:1.28 !important;
  font-weight:800 !important;
  letter-spacing:-.3px !important;
}
.hero h1 .headline-sub,
.hero h1 .blue{
  display:block !important;
  margin-top:14px !important;
  color:#2c5f9e !important;
  background:none !important;
  -webkit-background-clip:initial !important;
  background-clip:initial !important;
  font-size:clamp(24px,2.5vw,36px) !important;
  line-height:1.28 !important;
  font-weight:800 !important;
  text-shadow:none !important;
}
.headline-accent{
  color:var(--v2-gold) !important;
}

.hero-copy{
  max-width:560px !important;
  margin:0 0 32px !important;
  color:var(--v2-muted) !important;
  font-size:20px !important;
  line-height:1.75 !important;
  text-shadow:none !important;
}

/* 按钮：统一高级感 */
.hero-actions{
  gap:14px !important;
  align-items:center !important;
}
.primary-btn{
  min-height:50px;
  border-radius:14px !important;
  background:linear-gradient(135deg,var(--v2-blue),var(--v2-blue-2)) !important;
  border:0 !important;
  color:#fff !important;
  font-weight:900 !important;
  box-shadow:0 14px 30px rgba(38,120,255,.20) !important;
}
.outline-btn{
  min-height:50px;
  border-radius:14px !important;
  background:#ffffff !important;
  color:var(--v2-title) !important;
  border:1px solid var(--v2-line) !important;
  font-weight:900 !important;
  box-shadow:0 12px 28px rgba(31,67,120,.06) !important;
}
.primary-btn:hover,
.outline-btn:hover{
  transform:translateY(-2px);
}

/* 首屏三个价值卡：不抢戏，字体统一 */
.hero-stats{
  margin-top:42px !important;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:16px !important;
  max-width:610px;
}
.stat{
  min-width:0 !important;
  padding:20px 22px !important;
  border-radius:20px !important;
  background:linear-gradient(180deg,#12243c,#1b314f) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:0 18px 34px rgba(12,27,47,.14) !important;
  backdrop-filter:none !important;
}
.stat strong{
  display:block !important;
  color:#f8fbff !important;
  font-size:28px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:-.6px !important;
}
.stat span{
  display:block !important;
  margin-top:8px !important;
  color:rgba(226,236,250,.76) !important;
  font-size:14px !important;
  line-height:1.45 !important;
}

/* 视频卡：跟左侧统一，不再廉价发灰 */
.hero-video-card,
.premium-video-card{
  background:rgba(255,255,255,.78) !important;
  border:1px solid rgba(82,122,188,.12) !important;
  border-radius:34px !important;
  padding:18px !important;
  box-shadow:0 28px 70px rgba(31,67,120,.10) !important;
}
.hero-video-card::before{
  background:radial-gradient(circle at 50% 50%,rgba(58,169,255,.15),transparent 62%) !important;
}
.video-card-title{
  margin:2px 6px 14px !important;
  color:var(--v2-title) !important;
  font-size:20px !important;
  font-weight:900 !important;
}
.intro-video-frame,
.video-frame{
  border-radius:26px !important;
  border:1px solid rgba(74,126,205,.16) !important;
  background:#071423 !important;
  box-shadow:inset 0 0 38px rgba(0,120,255,.08) !important;
}
.video-play-overlay{
  background:linear-gradient(180deg,rgba(7,20,35,.05),rgba(7,20,35,.28)) !important;
}

/* 首屏下方 4 卡：真正清楚 */
.hero-tabs{
  margin-top:36px !important;
}
.hero-tabs .container{
  gap:18px !important;
}
.hero-tab{
  padding:22px 22px !important;
  border-radius:20px !important;
  background:#ffffff !important;
  border:1px solid var(--v2-line) !important;
  color:var(--v2-title) !important;
  font-size:18px !important;
  font-weight:900 !important;
  box-shadow:0 12px 28px rgba(31,67,120,.05) !important;
}
.hero-tab span{
  margin-top:8px !important;
  color:var(--v2-muted) !important;
  font-size:15px !important;
  font-weight:600 !important;
  line-height:1.55 !important;
  opacity:1 !important;
}

/* 通用模块：克制、清晰 */
.section{
  padding:92px 0 !important;
}
.alt,
.ai-section,
.advantage-section,
.cta{
  background:linear-gradient(180deg,#f8fafc,#eef4fb) !important;
}
.section-head{
  margin-bottom:46px !important;
}
.section-head h2{
  color:var(--v2-title) !important;
  font-weight:900 !important;
  letter-spacing:-.9px !important;
  text-shadow:none !important;
}
.eyebrow{
  color:var(--v2-blue) !important;
  letter-spacing:4px !important;
  font-size:13px !important;
}
.section-desc{
  color:var(--v2-muted) !important;
}

/* 产品功能卡片：更整洁 */
.products{
  gap:22px !important;
}
.product-lead{
  background:linear-gradient(145deg,#0d1f36,#15406c) !important;
  border:1px solid rgba(88,175,255,.16) !important;
  box-shadow:0 18px 42px rgba(17,37,66,.14) !important;
}
.product-lead h3{
  color:#ffffff !important;
}
.product-lead p{
  color:rgba(227,238,252,.76) !important;
}
.product-card{
  background:#ffffff !important;
  border:1px solid var(--v2-line) !important;
  border-radius:24px !important;
  padding:30px !important;
  box-shadow:0 14px 34px rgba(31,67,120,.055) !important;
}
.product-card h3{
  color:var(--v2-title) !important;
  font-weight:900 !important;
}
.product-card p{
  color:var(--v2-muted) !important;
  line-height:1.75 !important;
}
.icon{
  background:linear-gradient(135deg,var(--v2-blue),var(--v2-blue-2)) !important;
  box-shadow:0 12px 26px rgba(38,120,255,.17) !important;
}

/* 核心流程：高级黑区域，但文本保证清楚 */
.flow-section{
  background:linear-gradient(180deg,#091526,#0d1c30) !important;
  color:#ffffff !important;
}
.flow-section .section-head h2{
  color:#f8fbff !important;
}
.flow-section .section-head h2 em{
  background:linear-gradient(135deg,var(--v2-blue),var(--v2-blue-2)) !important;
  color:#ffffff !important;
}
.flow-card{
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.045)) !important;
  border:1px solid rgba(88,175,255,.18) !important;
  border-radius:22px !important;
  box-shadow:0 16px 42px rgba(0,0,0,.20) !important;
}
.flow-card strong{
  color:#68caff !important;
}
.flow-card h3{
  color:#f8fbff !important;
  font-weight:900 !important;
}
.flow-card p{
  color:rgba(226,237,250,.76) !important;
  line-height:1.75 !important;
}

/* 应用场景 */
.ai-video-box{
  border-radius:30px !important;
  box-shadow:0 18px 44px rgba(31,67,120,.08) !important;
}
.scene-demo{
  min-height:326px !important;
  padding:48px !important;
  background:
    radial-gradient(circle at 66% 54%,rgba(64,190,255,.24),transparent 32%),
    linear-gradient(135deg,#0b182b,#143b67) !important;
}
.scene-demo h3{
  color:#f8fbff !important;
  font-size:38px !important;
  font-weight:900 !important;
  letter-spacing:-.7px !important;
  margin:0 0 16px !important;
}
.scene-demo p{
  color:rgba(226,237,250,.82) !important;
  margin:0 0 24px !important;
  line-height:1.75 !important;
}
.scene-tags span{
  color:#f8fbff !important;
  border-color:rgba(255,255,255,.18) !important;
  background:rgba(255,255,255,.08) !important;
}

/* 优势区 */
.metric{
  background:#ffffff !important;
  border:1px solid var(--v2-line) !important;
  border-radius:20px !important;
  box-shadow:0 14px 34px rgba(31,67,120,.05) !important;
}
.metric b{
  color:var(--v2-blue) !important;
}
.metric span{
  color:var(--v2-title) !important;
}
.globe{
  box-shadow:0 18px 50px rgba(31,67,120,.06) !important;
}

/* CTA 与底部 */
.cta .container{
  background:#ffffff !important;
  border:1px solid var(--v2-line) !important;
  border-radius:26px !important;
  box-shadow:0 16px 42px rgba(31,67,120,.06) !important;
}
.cta h2{
  color:var(--v2-title) !important;
}
.cta p{
  color:var(--v2-muted) !important;
}
.footer{
  background:linear-gradient(180deg,#081321,#10213a) !important;
  color:#ffffff !important;
}
.footer h4{
  color:#ffffff !important;
}
.footer p,
.footer a,
.footer li{
  color:rgba(226,237,250,.76) !important;
}

/* 移动端：不要挤压 */
@media (max-width:1024px){
  .hero-grid{
    grid-template-columns:1fr !important;
    gap:40px !important;
  }
  .hero-stats{
    max-width:none;
  }
}
@media (max-width:640px){
  .premium-hero-title span,
  .hero h1 .headline-main{
    font-size:42px !important;
  }
  .premium-hero-title em,
  .hero h1 .headline-sub{
    font-size:24px !important;
  }
  .hero-stats{
    grid-template-columns:1fr !important;
  }
  .section{
    padding:66px 0 !important;
  }
}


/* 2026-07-03 修复：首屏黄色提示条文字看不清 */
.hero-copy{
  margin:0 0 34px !important;
  max-width:560px !important;
  color:var(--v2-muted) !important;
  font-size:20px !important;
  line-height:1.75 !important;
}
.hero-copy-badge{
  display:inline-flex !important;
  align-items:center !important;
  padding:10px 16px !important;
  border-radius:12px !important;
  background:linear-gradient(135deg, #f1c95b, #e2b64a) !important;
  color:#17355f !important;
  font-weight:900 !important;
  font-size:18px !important;
  line-height:1.2 !important;
  letter-spacing:-.2px !important;
  box-shadow:0 10px 24px rgba(226,182,74,.22) !important;
  text-shadow:none !important;
}

/* 如果旧样式还在影响，强制压住 */
.hero .hero-copy,
.hero .hero-copy span,
.hero .hero-copy-badge{
  color:#17355f !important;
  opacity:1 !important;
}

@media (max-width:640px){
  .hero-copy-badge{
    font-size:16px !important;
    padding:9px 14px !important;
  }
}


/* 2026-07-07：按参考图新增第二个压缩包产品矩阵 */
.cube-products{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 92% 8%, rgba(82,226,226,.22), transparent 24%),
    radial-gradient(circle at 0% 100%, rgba(79,205,225,.18), transparent 28%),
    linear-gradient(180deg,#f7fbff 0%,#eff6fd 100%) !important;
  padding:98px 0 92px !important;
}
.cube-products::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(71,126,205,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(71,126,205,.035) 1px, transparent 1px);
  background-size:72px 72px;
  pointer-events:none;
}
.cube-products .container{
  position:relative;
  z-index:2;
}
.cube-products-head{
  text-align:center;
  margin-bottom:34px;
}
.cube-products-head h2{
  margin:0 0 28px;
  color:#162a48 !important;
  font-size:clamp(34px,3.5vw,50px);
  line-height:1.15;
  font-weight:900;
  letter-spacing:-.8px;
}
.cube-products-head p{
  margin:-14px auto 24px;
  max-width:720px;
  color:#60789e !important;
  font-size:17px;
  line-height:1.75;
}
.cube-product-tabs{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:22px;
}
.cube-product-tabs button{
  appearance:none;
  border:0;
  background:transparent;
  color:#1d314f;
  font-size:17px;
  font-weight:800;
  cursor:pointer;
  padding:7px 0;
  border-bottom:3px solid transparent;
}
.cube-product-tabs button.active{
  color:#0969ff;
  border-bottom-color:#0969ff;
}
.cube-products-layout{
  display:grid;
  grid-template-columns:320px 1fr;
  gap:24px;
  align-items:stretch;
}
.cube-product-lead{
  min-height:420px;
  border-radius:18px;
  padding:36px 30px;
  color:#fff;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 82% 72%, rgba(42,177,255,.38), transparent 28%),
    linear-gradient(145deg,#081226 0%,#132b55 52%,#1c4d88 100%);
  box-shadow:0 28px 70px rgba(20,58,112,.18);
}
.cube-product-lead::after{
  content:"";
  position:absolute;
  inset:auto -80px -92px 20px;
  height:250px;
  background:
    linear-gradient(90deg, rgba(23,154,255,.16), rgba(54,218,255,.34), rgba(23,154,255,.12)),
    linear-gradient(135deg, transparent 35%, rgba(255,255,255,.26), transparent 43%);
  transform:skewY(-16deg);
  filter:blur(.2px);
}
.cube-lead-badge{
  display:inline-flex;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.16);
  color:#bce5ff;
  font-weight:900;
  font-size:13px;
  margin-bottom:20px;
}
.cube-product-lead h3{
  margin:0 0 12px;
  color:#fff !important;
  font-size:30px;
  line-height:1.2;
  font-weight:900;
}
.cube-product-lead p{
  margin:0;
  color:rgba(235,246,255,.82) !important;
  font-size:16px;
  line-height:1.8;
}
.cube-product-lead a{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:30px;
  color:#fff !important;
  font-weight:900;
}
.cube-visual{
  position:absolute;
  left:40px;
  right:34px;
  bottom:32px;
  height:128px;
  opacity:.9;
}
.cube-visual i{
  position:absolute;
  display:block;
  border:1px solid rgba(90,215,255,.36);
  background:rgba(23,154,255,.10);
  transform:skewX(-28deg);
  box-shadow:0 0 22px rgba(58,190,255,.22);
}
.cube-visual i:nth-child(1){left:0;bottom:10px;width:150px;height:70px}
.cube-visual i:nth-child(2){left:95px;bottom:38px;width:190px;height:78px}
.cube-visual i:nth-child(3){right:0;bottom:22px;width:120px;height:58px}
.cube-visual b{
  position:absolute;
  left:92px;
  bottom:30px;
  padding:10px 18px;
  background:rgba(255,255,255,.92);
  color:#1d314f;
  border-radius:6px;
  font-size:28px;
  box-shadow:0 12px 30px rgba(0,0,0,.22);
}
.cube-product-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:18px;
}
.cube-product-card{
  min-height:196px;
  border-radius:14px;
  background:rgba(255,255,255,.82);
  border:1px solid rgba(88,132,210,.08);
  box-shadow:0 20px 55px rgba(31,67,120,.045);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:26px 22px;
  transition:.22s ease;
}
.cube-product-card:hover{
  transform:translateY(-5px);
  background:#fff;
  box-shadow:0 24px 62px rgba(31,67,120,.09);
}
.cube-product-icon{
  width:42px;
  height:42px;
  border-radius:12px;
  display:grid;
  place-items:center;
  margin-bottom:22px;
  background:linear-gradient(135deg,#0969ff,#22dbff);
  box-shadow:0 14px 26px rgba(9,105,255,.18);
}
.cube-product-icon img{
  width:32px;
  height:32px;
  display:block;
  object-fit:contain;
}
.cube-product-icon span{
  color:#fff;
  font-weight:900;
}
.cube-product-card h3{
  margin:0 0 8px;
  color:#182d4c !important;
  font-size:18px;
  font-weight:800;
}
.cube-product-card p{
  margin:0;
  max-width:230px;
  color:#60789e !important;
  font-size:14px;
  line-height:1.65;
}
.cube-product-card.is-hidden{
  display:none;
}
.cube-product-actions{
  display:flex;
  justify-content:center;
  gap:10px;
  margin-top:36px;
}
.cube-buy-btn,.cube-all-btn{
  min-width:136px;
  height:46px;
  border-radius:6px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  font-weight:900;
}
.cube-buy-btn{
  background:linear-gradient(135deg,#0969ff,#146dff);
  color:#fff !important;
  box-shadow:0 12px 24px rgba(9,105,255,.22);
}
.cube-all-btn{
  background:#fff;
  color:#1d314f !important;
  border:1px solid rgba(88,132,210,.26);
}
.cube-float-contact{
  position:fixed;
  right:28px;
  top:50%;
  transform:translateY(-50%);
  z-index:20;
  display:grid;
  gap:10px;
}
.cube-float-contact a{
  width:58px;
  min-height:58px;
  border-radius:10px;
  background:#fff;
  color:#8aa0bd !important;
  display:grid;
  place-items:center;
  box-shadow:0 14px 32px rgba(31,67,120,.10);
  font-weight:900;
  text-align:center;
}
.cube-float-contact a.primary{
  min-height:150px;
  background:linear-gradient(180deg,#0969ff,#0a60da);
  color:#fff !important;
  line-height:1.5;
}
@media (max-width:1180px){
  .cube-products-layout{
    grid-template-columns:1fr;
  }
  .cube-product-lead{
    min-height:300px;
  }
}
@media (max-width:860px){
  .cube-product-grid{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }
  .cube-float-contact{
    display:none;
  }
}
@media (max-width:560px){
  .cube-product-grid{
    grid-template-columns:1fr;
  }
  .cube-product-tabs{
    gap:14px;
  }
  .cube-product-tabs button{
    font-size:15px;
  }
  .cube-product-actions{
    flex-direction:column;
    align-items:stretch;
  }
}


/* 2026-07-07：按参考图重做首页 Hero（工具箱风格） */
.toolbox-homepage{
  position:relative;
  padding:118px 0 72px !important;
  background:
    radial-gradient(circle at 12% 15%, rgba(100,140,210,.12), transparent 22%),
    radial-gradient(circle at 86% 78%, rgba(95,214,255,.12), transparent 24%),
    linear-gradient(180deg,#eff4fa 0%,#dfe7ef 100%) !important;
  overflow:hidden;
}
.toolbox-homepage::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(54,102,182,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(54,102,182,.08) 1px, transparent 1px);
  background-size:86px 86px;
  pointer-events:none;
}
.toolbox-hero-shell{
  position:relative;
  z-index:2;
}
.toolbox-backdrop-card{
  position:relative;
  overflow:hidden;
  border-radius:24px;
  padding:28px 34px 30px;
  background:
    linear-gradient(180deg, rgba(8,13,21,.74), rgba(8,13,21,.78)),
    radial-gradient(circle at 78% 24%, rgba(255,173,87,.18), transparent 18%),
    radial-gradient(circle at 74% 38%, rgba(61,170,255,.20), transparent 24%),
    linear-gradient(135deg,#1d2430,#10151e);
  box-shadow:0 28px 70px rgba(13,30,58,.22);
  min-height:770px;
}
.toolbox-backdrop-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(120deg, transparent 0 18%, rgba(255,255,255,.10) 18.5%, transparent 19.3%, transparent 48%, rgba(255,255,255,.08) 48.5%, transparent 49.3%, transparent 100%),
    radial-gradient(circle at 20% 36%, rgba(56,120,255,.10), transparent 18%),
    linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
  background-size:auto, auto, 110px 110px, 110px 110px;
  pointer-events:none;
}
.toolbox-backdrop-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(0deg, rgba(0,0,0,.26), rgba(0,0,0,.10)),
    radial-gradient(circle at 18% 65%, rgba(20,80,180,.16), transparent 22%),
    radial-gradient(circle at 85% 10%, rgba(255,120,60,.10), transparent 20%);
  pointer-events:none;
}
.toolbox-ribbon{
  position:absolute;
  right:270px;
  top:36px;
  z-index:3;
  padding:8px 22px 7px;
  background:linear-gradient(135deg,#ff2d2d,#d70f0f);
  color:#fff;
  font-size:14px;
  font-weight:900;
  transform:skewX(-18deg);
  box-shadow:0 10px 24px rgba(215,15,15,.22);
}
.toolbox-ribbon::after{
  content:"";
  position:absolute;
  right:-14px; top:0; bottom:0;
  width:18px;
  background:inherit;
  clip-path:polygon(0 0, 100% 50%, 0 100%);
}
.toolbox-topbar{
  position:relative;
  z-index:3;
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
  margin-bottom:26px;
}
.toolbox-brand-mark{
  display:flex;
  align-items:flex-start;
  gap:14px;
}
.toolbox-brand-icon{
  width:50px;
  height:50px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#ff812f,#ff5b00);
  color:#fff;
  font-size:24px;
  font-weight:900;
  box-shadow:0 14px 28px rgba(255,91,0,.24);
}
.toolbox-brand-text strong{
  display:block;
  color:#ffffff;
  font-size:26px;
  line-height:1.15;
  font-weight:900;
}
.toolbox-brand-text span,
.toolbox-contact-mini{
  color:rgba(234,238,248,.88);
  font-size:14px;
  line-height:1.55;
}
.toolbox-toolbar-strip{
  position:relative;
  z-index:3;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  margin:12px 0 30px;
  padding:12px 14px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  backdrop-filter:blur(4px);
}
.tb-icon{
  width:40px; height:40px;
  border-radius:10px;
  display:grid; place-items:center;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.08);
}
.tb-icon img{width:26px;height:26px;object-fit:contain;display:block}

.toolbox-main{
  position:relative;
  z-index:3;
}
.toolbox-title-wrap{
  max-width:1120px;
}
.toolbox-mini-badge{
  display:inline-flex;
  align-items:center;
  padding:7px 14px;
  border-radius:999px;
  color:#ffbf7d;
  background:rgba(255,149,72,.08);
  border:1px solid rgba(255,149,72,.18);
  font-weight:900;
  margin-bottom:18px;
}
.toolbox-title-wrap .toolbox-heading{
  margin:0 0 16px;
  color:#ffb56d !important;
  font-size:clamp(58px,6vw,92px);
  line-height:.98;
  letter-spacing:-1.6px;
  font-weight:900;
  text-shadow:0 10px 30px rgba(255,119,0,.10);
}
.toolbox-subtitle{
  max-width:1060px;
  margin:0 0 24px;
  color:#ffffff !important;
  font-size:clamp(22px,2vw,28px);
  line-height:1.6;
}
.toolbox-cta-row{
  display:flex;
  gap:16px;
  flex-wrap:wrap;
  margin-bottom:18px;
}
.toolbox-primary-btn,
.toolbox-secondary-btn{
  min-width:172px;
  height:56px;
  border-radius:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-weight:900;
  box-shadow:0 14px 28px rgba(10,20,38,.18);
}
.toolbox-primary-btn{
  color:#fff !important;
  background:linear-gradient(135deg,#ff8a70,#f1b348);
}
.toolbox-secondary-btn{
  color:#fff !important;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.08);
}
.toolbox-trust-row{
  display:flex;
  flex-wrap:wrap;
  gap:22px;
  color:rgba(244,247,255,.82);
  font-size:15px;
  margin-bottom:28px;
}

.toolbox-feature-cards{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  margin-top:26px;
}
.toolbox-feature-card{
  min-height:290px;
  padding:22px 22px 18px;
  border-radius:18px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  backdrop-filter:blur(7px);
  box-shadow:0 18px 38px rgba(0,0,0,.14);
}
.toolbox-feature-icon{
  width:64px; height:64px;
  border-radius:18px;
  display:grid; place-items:center;
  background:linear-gradient(135deg,#1c3151,#31496d);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 10px 20px rgba(0,0,0,.20);
  margin-bottom:18px;
}
.toolbox-feature-icon img{
  width:38px;height:38px;object-fit:contain;display:block;
}
.toolbox-feature-icon span{
  color:#fff; font-size:24px; font-weight:900;
}
.toolbox-feature-card h3{
  margin:0 0 12px;
  color:#ffffff !important;
  font-size:28px;
  line-height:1.2;
  font-weight:900;
}
.toolbox-feature-card ul{
  margin:0;
  padding-left:20px;
}
.toolbox-feature-card li{
  margin:8px 0;
  color:rgba(235,241,250,.92) !important;
  font-size:16px;
  line-height:1.55;
}
.toolbox-meta-row{
  position:relative;
  z-index:3;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin-top:22px;
  padding-top:22px;
  border-top:1px solid rgba(255,255,255,.10);
}
.toolbox-meta-row div{
  display:flex;
  flex-direction:column;
  gap:6px;
}
.toolbox-meta-row b{
  color:#ffb56d;
  font-size:32px;
  line-height:1;
  font-weight:900;
}
.toolbox-meta-row span{
  color:rgba(233,239,247,.86);
  font-size:15px;
}

@media (max-width:1180px){
  .toolbox-feature-cards{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .toolbox-meta-row{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .toolbox-ribbon{
    right:24px;
    top:24px;
  }
}
@media (max-width:760px){
  .toolbox-backdrop-card{
    min-height:auto;
    padding:24px 18px 24px;
  }
  .toolbox-topbar{
    flex-direction:column;
  }
  .toolbox-title-wrap .toolbox-heading{
    font-size:44px;
  }
  .toolbox-subtitle{
    font-size:18px;
  }
  .toolbox-feature-cards,
  .toolbox-meta-row{
    grid-template-columns:1fr;
  }
  .toolbox-ribbon{
    display:none;
  }
}


/* 2026-07-07：页面适配 + 首页可见渐变视频 */
html,body{
  width:100%;
  max-width:100%;
  overflow-x:hidden !important;
}
.container{
  width:min(100% - 48px, 1320px) !important;
}
.toolbox-homepage{
  position:relative !important;
  padding:104px 0 64px !important;
  min-height:auto !important;
  isolation:isolate;
  background:#0b1424 !important;
}
.hero-gradient-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  z-index:0;
  opacity:.84;
  filter:saturate(1.08) contrast(1.04);
}
.toolbox-homepage::before{
  z-index:1 !important;
  background:
    linear-gradient(180deg, rgba(8,13,21,.20), rgba(8,13,21,.42)),
    linear-gradient(rgba(255,255,255,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px) !important;
  background-size:auto, 92px 92px, 92px 92px !important;
}
.toolbox-hero-shell{
  position:relative;
  z-index:2 !important;
}
.toolbox-backdrop-card{
  width:100%;
  box-sizing:border-box;
  min-height:clamp(620px, 75vh, 820px) !important;
  padding:clamp(22px, 3vw, 34px) !important;
  background:linear-gradient(180deg, rgba(7,12,20,.64), rgba(7,12,20,.58)) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  backdrop-filter:blur(3px);
}
.toolbox-backdrop-card::before{
  opacity:.76;
}
.toolbox-backdrop-card::after{
  background:linear-gradient(180deg, rgba(0,0,0,.06), rgba(0,0,0,.24)) !important;
}
.toolbox-toolbar-strip{
  overflow-x:auto;
  overflow-y:hidden;
  white-space:nowrap;
  scrollbar-width:thin;
  -webkit-overflow-scrolling:touch;
}
.toolbox-toolbar-strip::-webkit-scrollbar{
  height:6px;
}
.toolbox-toolbar-strip::-webkit-scrollbar-thumb{
  background:rgba(255,255,255,.18);
  border-radius:999px;
}
.toolbox-title-wrap .toolbox-heading{
  font-size:clamp(44px, 6.2vw, 90px) !important;
  max-width:980px;
}
.toolbox-subtitle{
  font-size:clamp(18px, 2.1vw, 28px) !important;
  max-width:1120px;
}
.toolbox-feature-cards{
  grid-template-columns:repeat(4, minmax(0,1fr)) !important;
}
.toolbox-feature-card{
  min-width:0;
}
.toolbox-feature-card h3{
  font-size:clamp(22px, 2.2vw, 30px) !important;
}
.toolbox-feature-card li{
  font-size:clamp(14px, 1.25vw, 16px) !important;
}
.toolbox-meta-row{
  grid-template-columns:repeat(4, minmax(0,1fr)) !important;
}
.cube-products-layout{
  align-items:stretch;
}
.cube-product-grid{
  grid-template-columns:repeat(3, minmax(0,1fr)) !important;
}
.flow-cards{
  grid-template-columns:repeat(4, minmax(0,1fr)) !important;
}
.ai-layout,
.metrics{
  align-items:center;
}
.site-header{
  position:sticky;
  top:0;
  z-index:50;
}

/* 中等屏适配 */
@media (max-width:1180px){
  .container{
    width:min(100% - 36px, 1120px) !important;
  }
  .toolbox-feature-cards{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  }
  .toolbox-meta-row{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  }
  .cube-products-layout{
    grid-template-columns:1fr !important;
  }
  .cube-product-lead{
    min-height:300px !important;
  }
  .cube-product-grid{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  }
  .flow-cards{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  }
  .toolbox-ribbon{
    right:28px !important;
    top:28px !important;
  }
}

/* 平板和手机适配 */
@media (max-width:760px){
  .container{
    width:min(100% - 28px, 760px) !important;
  }
  .toolbox-homepage{
    padding:88px 0 42px !important;
  }
  .toolbox-backdrop-card{
    border-radius:20px !important;
    min-height:auto !important;
    padding:22px 18px 24px !important;
  }
  .toolbox-topbar{
    flex-direction:column;
    gap:12px;
  }
  .toolbox-toolbar-strip{
    margin:14px 0 22px !important;
  }
  .toolbox-title-wrap .toolbox-heading{
    font-size:clamp(38px, 12vw, 52px) !important;
    line-height:1.05 !important;
  }
  .toolbox-subtitle{
    font-size:16px !important;
    line-height:1.75 !important;
  }
  .toolbox-cta-row{
    flex-direction:column;
  }
  .toolbox-primary-btn,
  .toolbox-secondary-btn{
    width:100%;
  }
  .toolbox-trust-row{
    gap:8px;
    flex-direction:column;
  }
  .toolbox-feature-cards,
  .toolbox-meta-row,
  .cube-product-grid,
  .flow-cards{
    grid-template-columns:1fr !important;
  }
  .toolbox-feature-card{
    min-height:auto !important;
  }
  .toolbox-ribbon{
    display:none;
  }
  .cube-float-contact{
    display:none !important;
  }
  .section{
    padding:64px 0 !important;
  }
}

/* 超小屏 */
@media (max-width:420px){
  .toolbox-brand-text strong{
    font-size:20px !important;
  }
  .toolbox-brand-text span,
  .toolbox-contact-mini{
    font-size:12px !important;
  }
  .tb-icon{
    width:36px !important;
    height:36px !important;
  }
  .tb-icon img{
    width:24px !important;
    height:24px !important;
  }
  .toolbox-feature-card{
    padding:18px !important;
  }
}


/* 2026-07-07：首屏占满首页 + 技术渐变视频全屏循环 */
.toolbox-homepage{
  position:relative !important;
  min-height:100vh !important;
  height:100vh !important;
  padding:72px 0 0 !important;
  display:flex !important;
  align-items:stretch !important;
  background:#071220 !important;
}
.toolbox-homepage .container,
.toolbox-hero-shell{
  height:100% !important;
  display:flex !important;
}
.toolbox-backdrop-card{
  width:100% !important;
  min-height:calc(100vh - 72px) !important;
  height:calc(100vh - 72px) !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:space-between !important;
  border-radius:0 !important;
  box-shadow:none !important;
  padding:18px 30px 22px !important;
  background:linear-gradient(180deg, rgba(7,12,20,.42), rgba(7,12,20,.46)) !important;
  border:none !important;
  backdrop-filter:blur(2px) !important;
}
.hero-gradient-video{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  opacity:.96 !important;
  z-index:0 !important;
  filter:saturate(1.06) contrast(1.06) brightness(.92) !important;
}
.toolbox-homepage::before{
  z-index:1 !important;
  background:
    linear-gradient(180deg, rgba(7,12,20,.08), rgba(7,12,20,.28)),
    linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px) !important;
  background-size:auto, 96px 96px, 96px 96px !important;
  opacity:1 !important;
}
.toolbox-backdrop-card::before{
  opacity:.24 !important;
}
.toolbox-backdrop-card::after{
  background:
    radial-gradient(circle at 20% 36%, rgba(30,144,255,.10), transparent 24%),
    radial-gradient(circle at 82% 10%, rgba(255,132,60,.08), transparent 18%),
    linear-gradient(180deg, rgba(0,0,0,.04), rgba(0,0,0,.22)) !important;
}
.toolbox-topbar{
  margin-bottom:10px !important;
}
.toolbox-toolbar-strip{
  margin:8px 0 14px !important;
  background:rgba(255,255,255,.05) !important;
  border-color:rgba(255,255,255,.09) !important;
}
.toolbox-main{
  flex:1 !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
}
.toolbox-title-wrap{
  max-width:960px !important;
}
.toolbox-title-wrap .toolbox-heading{
  font-size:clamp(56px, 7vw, 102px) !important;
  line-height:0.96 !important;
  margin:0 0 14px !important;
}
.toolbox-subtitle{
  max-width:980px !important;
  margin:0 0 22px !important;
  font-size:clamp(20px, 2vw, 30px) !important;
  line-height:1.56 !important;
}
.toolbox-cta-row{
  margin-bottom:14px !important;
}
.toolbox-trust-row{
  margin-bottom:20px !important;
}
.toolbox-feature-cards{
  grid-template-columns:repeat(4, minmax(0,1fr)) !important;
  gap:16px !important;
  margin-top:18px !important;
}
.toolbox-feature-card{
  min-height:238px !important;
  padding:18px 18px 14px !important;
  background:rgba(255,255,255,.085) !important;
  border:1px solid rgba(255,255,255,.12) !important;
}
.toolbox-feature-icon{
  width:58px !important;
  height:58px !important;
  margin-bottom:14px !important;
}
.toolbox-feature-icon img{
  width:34px !important;
  height:34px !important;
}
.toolbox-feature-card h3{
  font-size:20px !important;
  margin:0 0 10px !important;
}
.toolbox-feature-card ul{
  padding-left:18px !important;
}
.toolbox-feature-card li{
  margin:6px 0 !important;
  font-size:14px !important;
  line-height:1.5 !important;
}
.toolbox-meta-row{
  grid-template-columns:repeat(4, minmax(0,1fr)) !important;
  gap:12px !important;
  margin-top:14px !important;
  padding-top:14px !important;
}
.toolbox-meta-row b{
  font-size:26px !important;
}
.toolbox-meta-row span{
  font-size:14px !important;
}
.cube-float-contact{
  top:50% !important;
  right:28px !important;
  transform:translateY(-50%) !important;
}

@media (max-width:1180px){
  .toolbox-homepage{
    height:auto !important;
    min-height:100vh !important;
    padding:72px 0 24px !important;
  }
  .toolbox-backdrop-card{
    min-height:calc(100vh - 96px) !important;
    height:auto !important;
    border-radius:20px !important;
    padding:20px !important;
  }
  .toolbox-feature-cards{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  }
  .toolbox-meta-row{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  }
}

@media (max-width:760px){
  .toolbox-homepage{
    height:auto !important;
    min-height:auto !important;
    padding:78px 0 18px !important;
  }
  .toolbox-backdrop-card{
    min-height:auto !important;
    border-radius:18px !important;
    padding:18px 16px 18px !important;
  }
  .toolbox-title-wrap .toolbox-heading{
    font-size:clamp(36px, 12vw, 52px) !important;
  }
  .toolbox-subtitle{
    font-size:16px !important;
  }
  .toolbox-feature-cards,
  .toolbox-meta-row{
    grid-template-columns:1fr !important;
  }
}


/* 2026-07-07：产品矩阵点击跳转 + 详情锚点 */
.cube-product-lead,
.cube-product-card{
  cursor:pointer;
  text-decoration:none !important;
}
.cube-product-card{
  position:relative;
}
.cube-product-card::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  border:2px solid transparent;
  pointer-events:none;
  transition:.22s;
}
.cube-product-card:hover::after{
  border-color:rgba(9,105,255,.28);
}
.cube-card-link{
  display:inline-flex;
  align-items:center;
  margin-top:12px;
  color:#0969ff !important;
  font-size:13px;
  font-weight:900;
  opacity:0;
  transform:translateY(4px);
  transition:.22s;
}
.cube-product-card:hover .cube-card-link{
  opacity:1;
  transform:translateY(0);
}
.lead-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:30px;
  color:#fff !important;
  font-weight:900;
}
.lead-link b{
  font-size:18px;
}
.product-details{
  background:linear-gradient(180deg,#f7fbff 0%,#eef5fd 100%) !important;
  padding-top:82px !important;
}
.product-detail-list{
  display:grid;
  gap:18px;
}
.product-detail-card{
  scroll-margin-top:96px;
  display:grid;
  grid-template-columns:74px 1fr auto;
  gap:22px;
  align-items:center;
  padding:24px 26px;
  border-radius:22px;
  background:#ffffff;
  border:1px solid rgba(88,132,210,.12);
  box-shadow:0 16px 42px rgba(31,67,120,.055);
}
.product-detail-card:target{
  border-color:rgba(9,105,255,.38);
  box-shadow:0 18px 50px rgba(9,105,255,.14);
  animation:detailPulse 1.3s ease;
}
@keyframes detailPulse{
  0%{transform:translateY(-4px)}
  100%{transform:translateY(0)}
}
.product-detail-icon{
  width:74px;
  height:74px;
  border-radius:20px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#0969ff,#22dbff);
  box-shadow:0 14px 28px rgba(9,105,255,.18);
}
.product-detail-icon img{
  width:42px;
  height:42px;
  display:block;
  object-fit:contain;
}
.detail-kicker{
  color:#0969ff;
  font-size:13px;
  font-weight:900;
  margin-bottom:6px;
}
.product-detail-body h3{
  margin:0 0 8px;
  color:#162a48 !important;
  font-size:26px;
  font-weight:900;
}
.product-detail-body p{
  margin:0 0 12px;
  color:#60789e !important;
  line-height:1.75;
}
.product-detail-body ul{
  margin:0;
  padding-left:18px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:6px 18px;
}
.product-detail-body li{
  color:#3f5778 !important;
  line-height:1.55;
}
.detail-source{
  margin-top:12px;
  color:#7c91b0;
  font-size:13px;
}
.detail-contact-btn{
  min-width:132px;
  height:44px;
  border-radius:12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#0969ff,#22a7ff);
  color:#fff !important;
  font-weight:900;
  box-shadow:0 12px 24px rgba(9,105,255,.18);
}
@media (max-width:860px){
  .product-detail-card{
    grid-template-columns:64px 1fr;
  }
  .detail-contact-btn{
    grid-column:1 / -1;
    width:100%;
  }
  .product-detail-body ul{
    grid-template-columns:1fr;
  }
}
@media (max-width:520px){
  .product-detail-card{
    grid-template-columns:1fr;
    padding:22px 20px;
  }
}


/* 2026-07-07：产品卡片打开独立页面 Tab */
.cube-product-card{
  text-decoration:none !important;
}
.cube-card-link{
  display:inline-flex;
  align-items:center;
  margin-top:12px;
  color:#0969ff !important;
  font-size:13px;
  font-weight:900;
  opacity:0;
  transform:translateY(4px);
  transition:.22s;
}
.cube-product-card:hover .cube-card-link{
  opacity:1;
  transform:translateY(0);
}

/* 独立产品页 */
.product-page-body{
  margin:0;
  background:#eef5fd;
  color:#172c4b;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei","PingFang SC",Arial,sans-serif;
}
.product-page-header{
  position:sticky;
  top:0;
  z-index:10;
  height:68px;
  padding:0 42px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  background:rgba(8,18,32,.92);
  backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(255,255,255,.10);
}
.product-page-header a{
  color:#f5f8ff !important;
  text-decoration:none;
  font-weight:900;
}
.product-page{
  min-height:100vh;
}
.product-page-hero{
  position:relative;
  overflow:hidden;
  padding:92px 42px 78px;
  background:
    radial-gradient(circle at 80% 20%, rgba(34,219,255,.20), transparent 28%),
    radial-gradient(circle at 14% 82%, rgba(255,165,80,.12), transparent 25%),
    linear-gradient(135deg,#071321,#12365f);
}
.product-page-bg{
  position:absolute;
  inset:0;
  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:80px 80px;
}
.product-page-shell{
  position:relative;
  z-index:2;
  max-width:1180px;
  margin:0 auto;
  display:flex;
  align-items:center;
  gap:28px;
}
.product-page-icon{
  width:104px;
  height:104px;
  border-radius:28px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#0969ff,#22dbff);
  box-shadow:0 20px 42px rgba(9,105,255,.22);
}
.product-page-icon img{
  width:62px;
  height:62px;
  object-fit:contain;
}
.product-page-kicker{
  display:inline-flex;
  margin-bottom:14px;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.15);
  color:#9ee8ff;
  font-weight:900;
}
.product-page h1{
  margin:0;
  color:#fff;
  font-size:clamp(44px,6vw,78px);
  line-height:1.05;
  font-weight:900;
}
.product-page-subtitle{
  margin:18px 0 0;
  color:rgba(237,245,255,.82);
  font-size:22px;
  line-height:1.7;
}
.product-page-content{
  max-width:1180px;
  margin:-42px auto 0;
  position:relative;
  z-index:3;
  display:grid;
  grid-template-columns:1.3fr .7fr;
  gap:22px;
  padding:0 42px;
}
.product-page-main-card,
.product-page-side-card,
.product-page-related{
  background:#fff;
  border:1px solid rgba(88,132,210,.12);
  border-radius:24px;
  box-shadow:0 18px 50px rgba(31,67,120,.08);
}
.product-page-main-card{
  padding:36px;
}
.product-page-side-card{
  padding:32px;
}
.product-page-main-card h2,
.product-page-side-card h2,
.product-page-related h2{
  margin:0 0 16px;
  color:#162a48;
  font-size:26px;
}
.product-page-main-card p{
  margin:0 0 28px;
  color:#58739b;
  font-size:18px;
  line-height:1.85;
}
.product-page-side-card ul{
  margin:0;
  padding-left:20px;
}
.product-page-side-card li{
  margin:10px 0;
  color:#3f5778;
  line-height:1.7;
}
.product-page-related{
  max-width:1180px;
  margin:24px auto 80px;
  padding:32px;
}
.product-page-related > div{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.product-page-related a{
  min-height:110px;
  border-radius:18px;
  background:#f7fbff;
  border:1px solid rgba(88,132,210,.12);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  color:#162a48 !important;
  font-weight:900;
  gap:10px;
}
.product-page-related img{
  width:36px;
  height:36px;
  object-fit:contain;
}
@media (max-width:860px){
  .product-page-header{
    padding:0 20px;
  }
  .product-page-hero{
    padding:76px 22px 68px;
  }
  .product-page-shell{
    flex-direction:column;
    align-items:flex-start;
  }
  .product-page-content{
    grid-template-columns:1fr;
    padding:0 22px;
  }
  .product-page-related{
    margin-left:22px;
    margin-right:22px;
  }
  .product-page-related > div{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width:520px){
  .product-page-related > div{
    grid-template-columns:1fr;
  }
  .product-page-header{
    font-size:14px;
  }
}


/* 2026-07-07：产品矩阵精简版，删除全部产品与多余小字 */
.cube-product-tabs button[data-filter="all"],
.cube-all-btn{
  display:none !important;
}
.cube-products-head p,
.cube-product-card p,
.cube-product-lead > p{
  display:none !important;
}
.cube-products-head{
  margin-bottom:30px !important;
}
.cube-product-tabs{
  margin-top:6px !important;
}
.cube-product-card{
  min-height:168px !important;
  padding:28px 22px !important;
}
.cube-product-card h3{
  margin:0 !important;
  font-size:19px !important;
}
.cube-product-icon{
  margin-bottom:18px !important;
}
.cube-card-link{
  margin-top:14px !important;
}
.cube-product-lead{
  padding:36px 30px !important;
}
.cube-product-lead h3{
  margin-bottom:28px !important;
}
.cube-product-actions{
  margin-top:30px !important;
}
.cube-product-actions .cube-buy-btn{
  min-width:150px !important;
}
@media (max-width:560px){
  .cube-product-card{
    min-height:148px !important;
  }
}


/* 2026-07-07：产品矩阵跳转页字体清晰化 + 官网简化优化 */

/* ---------- 全站基础优化 ---------- */
:root{
  --v2-primary:#0f4ec9;
  --v2-primary-deep:#16355f;
  --v2-text:#172b46;
  --v2-text-soft:#4f6787;
  --v2-surface:#ffffff;
  --v2-surface-soft:#f5f9ff;
  --v2-border:rgba(88,132,210,.14);
  --v2-shadow:0 16px 40px rgba(28,63,112,.08);
}

body{
  color:var(--v2-text) !important;
  background:#eef4fa !important;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei","PingFang SC",Arial,sans-serif !important;
}

.section{
  padding:72px 0 !important;
}

.site-header{
  background:rgba(255,255,255,.92) !important;
  backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(88,132,210,.10) !important;
}

.site-header .brand-title,
.site-header nav a,
.site-header .nav-link{
  color:#162a48 !important;
}

.site-header nav a:hover,
.site-header .nav-link:hover{
  color:var(--v2-primary) !important;
}

.btn,
.button,
.cube-buy-btn,
.cube-all-btn,
.toolbox-primary-btn,
.toolbox-secondary-btn{
  border-radius:12px !important;
  font-weight:800 !important;
}

.cube-products{
  background:linear-gradient(180deg,#f7fbff 0%,#eef5fd 100%) !important;
}

.cube-products::before{
  opacity:.45 !important;
}

.cube-products-head h2,
.section-head h2{
  color:#16355f !important;
  letter-spacing:-.4px;
}

.cube-product-tabs button{
  color:#16355f !important;
  font-weight:800 !important;
}

.cube-product-tabs button.active{
  color:#0f63ff !important;
  border-bottom-color:#0f63ff !important;
}

.cube-product-lead{
  background:linear-gradient(145deg,#0e2143 0%,#17386b 55%,#235ea3 100%) !important;
  box-shadow:0 18px 48px rgba(20,58,112,.14) !important;
}

.cube-product-lead h3{
  color:#ffffff !important;
  font-weight:900 !important;
}

.cube-product-card{
  background:#ffffff !important;
  border:1px solid var(--v2-border) !important;
  box-shadow:var(--v2-shadow) !important;
}

.cube-product-card:hover{
  transform:translateY(-4px) !important;
  box-shadow:0 20px 46px rgba(28,63,112,.11) !important;
}

.cube-product-card h3{
  color:#162a48 !important;
  font-weight:900 !important;
}

.cube-card-link{
  color:#0f63ff !important;
  opacity:1 !important;
  transform:none !important;
}

/* ---------- 产品独立页面：重点修复字体看不清 ---------- */
.product-page-body{
  background:linear-gradient(180deg,#f3f8fd 0%,#edf4fb 100%) !important;
  color:var(--v2-text) !important;
}

.product-page-header{
  background:rgba(8,18,32,.94) !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
}

.product-page-header a{
  color:#ffffff !important;
}

.product-page-hero{
  background:
    radial-gradient(circle at 82% 18%, rgba(34,219,255,.17), transparent 26%),
    radial-gradient(circle at 16% 84%, rgba(255,165,80,.10), transparent 24%),
    linear-gradient(135deg,#0a1629,#17365f) !important;
  padding:84px 42px 66px !important;
}

.product-page-bg{
  opacity:.55 !important;
}

.product-page-kicker{
  color:#bfefff !important;
  background:rgba(255,255,255,.10) !important;
  border:1px solid rgba(255,255,255,.18) !important;
}

.product-page h1{
  color:#ffffff !important;
  font-weight:900 !important;
  letter-spacing:-.8px;
}

.product-page-subtitle{
  color:rgba(245,250,255,.92) !important;
  font-size:21px !important;
  font-weight:600 !important;
  line-height:1.75 !important;
  max-width:920px;
}

.product-page-content{
  margin:-32px auto 0 !important;
  gap:20px !important;
}

.product-page-main-card,
.product-page-side-card,
.product-page-related{
  background:#ffffff !important;
  border:1px solid var(--v2-border) !important;
  box-shadow:0 18px 48px rgba(31,67,120,.08) !important;
}

.product-page-main-card{
  padding:34px !important;
}

.product-page-side-card{
  padding:30px !important;
}

.product-page-main-card h2,
.product-page-side-card h2,
.product-page-related h2{
  color:#16355f !important;
  font-weight:900 !important;
  letter-spacing:-.3px;
}

.product-page-main-card p{
  color:#425c7d !important;
  font-size:18px !important;
  line-height:1.9 !important;
  font-weight:500 !important;
}

.product-page-side-card ul{
  padding-left:20px !important;
}

.product-page-side-card li{
  color:#324e74 !important;
  font-size:16px !important;
  line-height:1.8 !important;
  font-weight:600 !important;
}

.product-page-related{
  padding:30px !important;
}

.product-page-related a{
  background:#f7fbff !important;
  border:1px solid rgba(88,132,210,.12) !important;
  color:#16355f !important;
  box-shadow:none !important;
  min-height:116px !important;
  border-radius:18px !important;
  transition:.2s ease;
}

.product-page-related a:hover{
  transform:translateY(-3px);
  border-color:rgba(15,99,255,.22) !important;
  box-shadow:0 14px 32px rgba(28,63,112,.08) !important;
}

.product-page-related span{
  color:#16355f !important;
  font-weight:800 !important;
}

.product-page-related img{
  width:38px !important;
  height:38px !important;
}

/* ---------- 官网再简化 ---------- */
.toolbox-toolbar-strip{
  background:rgba(255,255,255,.04) !important;
  border-color:rgba(255,255,255,.08) !important;
}

.toolbox-feature-card{
  background:rgba(255,255,255,.10) !important;
  border:1px solid rgba(255,255,255,.12) !important;
}

.toolbox-feature-card h3{
  color:#ffffff !important;
  font-weight:900 !important;
}

.toolbox-feature-card li{
  color:rgba(245,248,255,.94) !important;
}

.toolbox-trust-row{
  color:rgba(240,245,255,.80) !important;
}

.toolbox-meta-row span{
  color:rgba(240,245,255,.84) !important;
}

/* ---------- 移动端继续保持清晰 ---------- */
@media (max-width:860px){
  .product-page-hero{
    padding:74px 22px 60px !important;
  }
  .product-page-subtitle{
    font-size:17px !important;
    line-height:1.8 !important;
  }
  .product-page-main-card{
    padding:24px !important;
  }
  .product-page-side-card{
    padding:24px !important;
  }
  .product-page-main-card p{
    font-size:16px !important;
  }
  .product-page-side-card li{
    font-size:15px !important;
  }
}

@media (max-width:520px){
  .section{
    padding:56px 0 !important;
  }
  .cube-product-card h3{
    font-size:18px !important;
  }
  .product-page h1{
    font-size:36px !important;
  }
}


/* 2026-07-07：顶部与底部字体颜色统一对称 */
:root{
  --nav-footer-bg-1:#081321;
  --nav-footer-bg-2:#10213a;
  --nav-footer-title:#f6f9ff;
  --nav-footer-text:rgba(226,237,250,.82);
  --nav-footer-muted:rgba(178,202,238,.66);
  --nav-footer-accent:#72c8ff;
  --nav-footer-line:rgba(132,174,238,.16);
}

/* 顶部导航：改回与底部一致的高级黑字体系统 */
.site-header,
header.site-header,
header,
.navbar{
  background:
    radial-gradient(circle at 18% 0%, rgba(54,135,255,.16), transparent 26%),
    linear-gradient(180deg,var(--nav-footer-bg-1),var(--nav-footer-bg-2)) !important;
  border-bottom:1px solid var(--nav-footer-line) !important;
  box-shadow:0 10px 30px rgba(0,0,0,.20) !important;
  backdrop-filter:blur(14px) !important;
}

/* 顶部品牌文字 */
.site-header .brand,
.site-header .brand *,
header .brand,
header .brand *,
.navbar .brand,
.navbar .brand *{
  color:var(--nav-footer-title) !important;
}

.site-header .brand span,
.site-header .brand small,
header .brand span,
header .brand small,
.navbar .brand span,
.navbar .brand small{
  color:var(--nav-footer-muted) !important;
}

/* 顶部导航文字：和底部链接同色 */
.site-header nav a,
.site-header .nav-links a,
.site-header .nav-link,
header nav a,
header .nav-links a,
header .nav-link,
.navbar nav a,
.navbar .nav-links a,
.navbar .nav-link{
  color:var(--nav-footer-text) !important;
  font-weight:800 !important;
}

.site-header nav a:hover,
.site-header .nav-links a:hover,
.site-header .nav-link:hover,
header nav a:hover,
header .nav-links a:hover,
header .nav-link:hover,
.navbar nav a:hover,
.navbar .nav-links a:hover,
.navbar .nav-link:hover{
  color:var(--nav-footer-accent) !important;
}

/* 顶部右侧电话/说明文字 */
.site-header .phone,
.site-header .header-desc,
.site-header .header-note,
header .phone,
header .header-desc,
header .header-note,
.navbar .phone,
.navbar .header-desc,
.navbar .header-note{
  color:var(--nav-footer-muted) !important;
}

/* 顶部按钮跟底部视觉一致 */
.site-header .outline-btn,
.site-header .primary-btn,
.site-header .nav-cta,
header .outline-btn,
header .primary-btn,
header .nav-cta,
.navbar .outline-btn,
.navbar .primary-btn,
.navbar .nav-cta{
  background:rgba(255,255,255,.06) !important;
  color:var(--nav-footer-title) !important;
  border:1px solid var(--nav-footer-line) !important;
  box-shadow:none !important;
}

.site-header .outline-btn:hover,
.site-header .primary-btn:hover,
.site-header .nav-cta:hover,
header .outline-btn:hover,
header .primary-btn:hover,
header .nav-cta:hover,
.navbar .outline-btn:hover,
.navbar .primary-btn:hover,
.navbar .nav-cta:hover{
  background:rgba(255,255,255,.10) !important;
  color:#ffffff !important;
}

/* 底部字体：统一到顶部同一套颜色 */
.footer{
  background:
    radial-gradient(circle at 16% 0%, rgba(54,135,255,.13), transparent 26%),
    linear-gradient(180deg,var(--nav-footer-bg-1),var(--nav-footer-bg-2)) !important;
  color:var(--nav-footer-text) !important;
  border-top:1px solid var(--nav-footer-line) !important;
}

.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer strong,
.footer b{
  color:var(--nav-footer-title) !important;
}

.footer p,
.footer li,
.footer span,
.footer small{
  color:var(--nav-footer-text) !important;
}

.footer a{
  color:var(--nav-footer-text) !important;
}

.footer a:hover{
  color:var(--nav-footer-accent) !important;
}

.footer-bottom,
.footer .copyright,
.footer .footer-note{
  color:var(--nav-footer-muted) !important;
  border-top-color:var(--nav-footer-line) !important;
}

.footer-logo{
  background:rgba(255,255,255,.94) !important;
  border:1px solid rgba(255,255,255,.18) !important;
}

/* 独立产品页顶部也同步 */
.product-page-header{
  background:
    radial-gradient(circle at 18% 0%, rgba(54,135,255,.16), transparent 26%),
    linear-gradient(180deg,var(--nav-footer-bg-1),var(--nav-footer-bg-2)) !important;
  border-bottom:1px solid var(--nav-footer-line) !important;
}

.product-page-header a{
  color:var(--nav-footer-text) !important;
}

.product-page-header a:hover{
  color:var(--nav-footer-accent) !important;
}

/* 移动端仍然保持清晰 */
@media (max-width:760px){
  .site-header nav a,
  .site-header .nav-links a,
  header nav a,
  header .nav-links a{
    color:var(--nav-footer-text) !important;
  }
}


/* 2026-07-07：删除应用场景区和 CTA 后的整体优化 */
.ai-section,
.cta,
section#scenes,
section#contact{
  display:none !important;
}

main{
  background:linear-gradient(180deg,#f7fbff 0%,#eef5fd 52%,#f8fbff 100%) !important;
}

/* 删除两块后，模块间距收紧，页面更简洁 */
.section{
  padding:76px 0 !important;
}
.cube-products{
  padding-bottom:78px !important;
}
.flow-section{
  margin-top:0 !important;
}
.advantage-section{
  padding-top:72px !important;
  padding-bottom:78px !important;
}

/* 产品矩阵更清爽 */
.cube-products-head h2{
  margin-bottom:24px !important;
}
.cube-product-tabs{
  gap:26px !important;
}
.cube-products-layout{
  margin-top:32px !important;
}
.cube-product-card{
  min-height:160px !important;
}
.cube-product-actions{
  margin-top:28px !important;
}

/* 删除 CTA 后，Footer 与上方模块自然衔接 */
.footer{
  margin-top:0 !important;
  padding-top:62px !important;
}

/* 顶部导航进一步简化 */
.site-header .nav-links,
header .nav-links{
  gap:28px !important;
}

/* 若有任何空的按钮容器，隐藏 */
.hero-actions:empty,
.cta-actions:empty,
.contact-actions:empty{
  display:none !important;
}

/* 更柔和的卡片统一效果 */
.product-card,
.flow-card,
.metric,
.cube-product-card,
.cube-product-lead{
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease !important;
}

/* 移动端更紧凑 */
@media (max-width:760px){
  .section{
    padding:58px 0 !important;
  }
  .cube-products{
    padding-bottom:60px !important;
  }
  .advantage-section{
    padding-top:58px !important;
    padding-bottom:62px !important;
  }
}


/* 2026-07-07：新增电话与基地信息区 */
.contact-info-section{
  background:linear-gradient(180deg,#f7fbff 0%,#edf4fb 100%) !important;
  padding:86px 0 78px !important;
  text-align:center;
}
.contact-info-head{
  max-width:980px;
  margin:0 auto 34px;
}
.contact-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-bottom:16px;
  color:#2a70b8;
  font-size:15px;
  font-weight:900;
  letter-spacing:5px;
}
.contact-eyebrow::before{
  content:"";
  width:34px;
  height:1px;
  background:#2a70b8;
}
.contact-info-head h2{
  margin:0;
  color:#122743 !important;
  font-size:clamp(34px,4vw,56px);
  line-height:1.14;
  font-weight:900;
  letter-spacing:-1px;
}
.contact-info-head p{
  max-width:820px;
  margin:20px auto 0;
  color:#617793 !important;
  font-size:17px;
  line-height:1.8;
}
.contact-info-cards{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  max-width:980px;
  margin:0 auto;
}
.contact-info-card{
  min-height:96px;
  padding:23px 26px;
  border-radius:20px;
  background:#ffffff;
  border:1px solid rgba(88,132,210,.14);
  box-shadow:0 18px 42px rgba(31,67,120,.08);
}
.contact-info-card span{
  display:block;
  color:#122743 !important;
  font-size:18px;
  font-weight:900;
  margin-bottom:10px;
}
.contact-info-card strong{
  display:block;
  color:#5a6f8d !important;
  font-size:16px;
  line-height:1.65;
  font-weight:700;
}
.footer p{
  line-height:1.75 !important;
}
@media (max-width:820px){
  .contact-info-cards{
    grid-template-columns:1fr;
  }
  .contact-info-section{
    padding:64px 0 58px !important;
  }
}


/* 2026-07-07：公司名修正为智博魔方 */
.footer p:first-of-type{
  color:#f6f9ff !important;
  font-weight:800 !important;
}
.footer-bottom{
  color:rgba(226,237,250,.78) !important;
}
.toolbox-contact-mini{
  color:rgba(240,246,255,.88) !important;
}


/* 2026-07-07：底部 Logo 修复为智博魔方 */
.footer-logo{
  width:220px !important;
  min-width:220px;
  padding:8px 0 !important;
  background:transparent !important;
  border:none !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
.footer-logo img{
  width:220px !important;
  max-width:100%;
  height:auto !important;
  display:block;
  object-fit:contain;
}
.footer-top > div:first-child p:first-of-type{
  color:#f6f9ff !important;
  font-weight:800 !important;
  margin-top:18px !important;
}



/* ===== 2026-07-08 稳定修正版：保留原始稳定布局，仅做工业蓝 + 开拔网感优化 ===== */
.brand-main-logo{
  height:52px !important;
  width:auto !important;
  max-width:180px !important;
  object-fit:contain;
  display:block;
}

.site-header{
  background:linear-gradient(180deg, rgba(5,17,38,.94), rgba(8,20,44,.78)) !important;
  border-bottom:1px solid rgba(112,190,255,.14) !important;
}
.site-header.scrolled{
  background:rgba(5,18,38,.96) !important;
}
.nav-links a:hover{
  color:#8cd6ff;
}
.phone{
  color:#d9eeff !important;
}

.toolbox-homepage{
  background:
    radial-gradient(circle at 15% 18%, rgba(55,108,212,.18), transparent 24%),
    radial-gradient(circle at 88% 22%, rgba(68,177,255,.16), transparent 22%),
    linear-gradient(180deg, #06162d 0%, #0a1e3d 42%, #09182f 100%) !important;
}
.toolbox-homepage::before{
  background:
    linear-gradient(180deg, rgba(6,16,34,.12), rgba(6,16,34,.28)),
    linear-gradient(rgba(129,190,255,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(129,190,255,.08) 1px, transparent 1px) !important;
  background-size:auto, 78px 78px, 78px 78px !important;
}
.hero-gradient-video{
  opacity:.28 !important;
  filter:saturate(.95) brightness(.72) !important;
}

.toolbox-backdrop-card{
  min-height:auto !important;
  background:
    linear-gradient(180deg, rgba(8,18,38,.82), rgba(7,16,32,.88)),
    radial-gradient(circle at 76% 22%, rgba(255,160,86,.12), transparent 18%),
    radial-gradient(circle at 78% 38%, rgba(61,170,255,.18), transparent 24%),
    linear-gradient(135deg, #102746, #0a1930) !important;
  border:1px solid rgba(146,208,255,.12);
  box-shadow:0 28px 70px rgba(2,10,24,.32) !important;
}
.toolbox-backdrop-card::before{
  background:
    linear-gradient(120deg, transparent 0 18%, rgba(255,255,255,.08) 18.5%, transparent 19.3%, transparent 48%, rgba(255,255,255,.06) 48.5%, transparent 49.3%, transparent 100%),
    radial-gradient(circle at 20% 36%, rgba(56,120,255,.08), transparent 18%),
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px) !important;
}
.toolbox-ribbon{
  background:linear-gradient(135deg,#ff5444,#ff7d31) !important;
}

.toolbox-brand-logo-wrap{
  padding:0 !important;
  background:#fff !important;
  overflow:hidden;
}
.toolbox-brand-icon.toolbox-brand-logo-wrap{
  width:56px !important;
  height:56px !important;
  border-radius:14px !important;
  box-shadow:0 14px 28px rgba(0,0,0,.22) !important;
}
.toolbox-brand-logo{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center top;
  display:block;
}
.toolbox-brand-text strong{
  color:#ffffff !important;
}
.toolbox-brand-text span,
.toolbox-contact-mini{
  color:rgba(226,238,255,.88) !important;
}

.toolbox-toolbar-strip{
  background:rgba(255,255,255,.055) !important;
  border:1px solid rgba(255,255,255,.10) !important;
}

.toolbox-mini-badge{
  color:#ffcf95 !important;
  background:rgba(255,166,92,.08) !important;
  border-color:rgba(255,166,92,.18) !important;
}
.toolbox-title-wrap{
  max-width:100% !important;
}
.toolbox-title-wrap .toolbox-heading{
  color:#ffb56d !important;
  text-shadow:0 10px 28px rgba(0,0,0,.18) !important;
}
.toolbox-subtitle{
  max-width:1120px !important;
}
.toolbox-primary-btn{
  background:linear-gradient(135deg,#ff8a70,#f1b348) !important;
}
.toolbox-trust-row{
  color:rgba(238,244,255,.82) !important;
}

.toolbox-feature-cards{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}
.toolbox-feature-card{
  background:rgba(255,255,255,.07) !important;
  border:1px solid rgba(255,255,255,.12) !important;
}
.toolbox-feature-card h3{
  font-size:26px !important;
}
.toolbox-feature-card li{
  font-size:15px !important;
}

.toolbox-meta-row{
  border-top:1px solid rgba(255,255,255,.10) !important;
}
.toolbox-meta-row b{
  color:#ffb56d !important;
}

@media (max-width:1180px){
  .toolbox-feature-cards{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
@media (max-width:760px){
  .brand-main-logo{
    height:44px !important;
    max-width:138px !important;
  }
  .toolbox-feature-cards{
    grid-template-columns:1fr !important;
  }
}

/* 2026-07-08：首屏改为“开拔网”式全屏高透视频底色
   目标：
   1. 蓝色底色铺满整个首屏，不再只是中间卡片；
   2. 底层视频完整可见；
   3. 内容保持智博魔方工具箱风格，改成高透明玻璃层。 */
.toolbox-homepage{
  position:relative !important;
  min-height:100vh !important;
  height:100vh !important;
  padding:0 !important;
  display:block !important;
  overflow:hidden !important;
  background:#071320 !important;
  isolation:isolate !important;
}
.toolbox-homepage .container.toolbox-hero-shell,
.toolbox-homepage > .container{
  width:100% !important;
  max-width:none !important;
  height:100% !important;
  margin:0 !important;
  padding:0 !important;
  display:block !important;
}
.hero-gradient-video{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  z-index:0 !important;
  opacity:1 !important;
  filter:saturate(1.08) contrast(1.08) brightness(.88) !important;
}
.toolbox-homepage::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  pointer-events:none !important;
  background:
    linear-gradient(90deg, rgba(4,12,26,.68) 0%, rgba(8,22,42,.50) 42%, rgba(8,22,42,.36) 100%),
    linear-gradient(180deg, rgba(4,10,20,.28) 0%, rgba(4,10,20,.10) 42%, rgba(4,10,20,.38) 100%),
    linear-gradient(rgba(98,157,255,.11) 1px, transparent 1px),
    linear-gradient(90deg, rgba(98,157,255,.10) 1px, transparent 1px) !important;
  background-size:auto, auto, 90px 90px, 90px 90px !important;
  opacity:1 !important;
}
.toolbox-backdrop-card{
  position:relative !important;
  z-index:2 !important;
  width:100% !important;
  height:100vh !important;
  min-height:100vh !important;
  border-radius:0 !important;
  border:none !important;
  box-shadow:none !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:space-between !important;
  padding:clamp(70px, 6.4vh, 96px) clamp(70px, 7.2vw, 150px) clamp(38px, 5.2vh, 62px) !important;
  background:
    radial-gradient(circle at 24% 40%, rgba(38,139,255,.16), transparent 28%),
    radial-gradient(circle at 80% 18%, rgba(255,126,64,.10), transparent 20%),
    linear-gradient(90deg, rgba(4,12,26,.54) 0%, rgba(6,16,31,.40) 48%, rgba(6,16,31,.27) 100%) !important;
  backdrop-filter:blur(2.5px) saturate(1.06) !important;
  -webkit-backdrop-filter:blur(2.5px) saturate(1.06) !important;
  overflow:hidden !important;
}
.toolbox-backdrop-card::before{
  opacity:.22 !important;
  background:
    linear-gradient(120deg, transparent 0 22%, rgba(255,255,255,.10) 22.4%, transparent 23.2%, transparent 58%, rgba(255,255,255,.07) 58.4%, transparent 59.2%),
    radial-gradient(circle at 18% 72%, rgba(17,132,255,.12), transparent 28%) !important;
}
.toolbox-backdrop-card::after{
  background:linear-gradient(180deg, rgba(0,0,0,.06), rgba(0,0,0,.18)) !important;
}
.toolbox-topbar,
.toolbox-toolbar-strip,
.toolbox-main{
  position:relative !important;
  z-index:4 !important;
}
.toolbox-topbar{
  margin-bottom:18px !important;
}
.toolbox-brand-logo-wrap,
.toolbox-brand-icon{
  background:rgba(255,255,255,.92) !important;
  border:1px solid rgba(255,255,255,.45) !important;
  box-shadow:0 12px 32px rgba(0,0,0,.20) !important;
}
.toolbox-brand-logo{
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
}
.toolbox-brand-text strong{
  color:#ffffff !important;
  text-shadow:0 4px 16px rgba(0,0,0,.30) !important;
}
.toolbox-brand-text span,
.toolbox-contact-mini{
  color:rgba(236,244,255,.88) !important;
}
.toolbox-ribbon{
  top:clamp(70px, 7vh, 100px) !important;
  right:clamp(300px, 22vw, 420px) !important;
  z-index:5 !important;
  background:linear-gradient(135deg,#ff4b3b,#ff9c34) !important;
  box-shadow:0 16px 34px rgba(255,92,48,.24) !important;
}
.toolbox-toolbar-strip{
  width:100% !important;
  margin:14px 0 36px !important;
  padding:12px 16px !important;
  border-radius:16px !important;
  background:rgba(255,255,255,.055) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 12px 34px rgba(0,0,0,.12) !important;
  backdrop-filter:blur(7px) !important;
  -webkit-backdrop-filter:blur(7px) !important;
}
.tb-icon{
  width:40px !important;
  height:40px !important;
  border-radius:10px !important;
  background:rgba(255,255,255,.12) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  box-shadow:0 8px 18px rgba(0,0,0,.14) !important;
}
.toolbox-main{
  flex:1 !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
}
.toolbox-title-wrap{
  max-width:1120px !important;
}
.toolbox-mini-badge{
  color:#ffc06f !important;
  background:rgba(255,179,87,.10) !important;
  border:1px solid rgba(255,190,112,.35) !important;
  box-shadow:0 12px 28px rgba(0,0,0,.10) !important;
}
.toolbox-title-wrap .toolbox-heading{
  color:#ffb66e !important;
  font-size:clamp(62px, 7.4vw, 116px) !important;
  line-height:.94 !important;
  letter-spacing:-2px !important;
  margin:0 0 14px !important;
  text-shadow:0 16px 36px rgba(0,0,0,.22), 0 0 24px rgba(255,162,79,.14) !important;
}
.toolbox-subtitle{
  max-width:1160px !important;
  color:rgba(245,249,255,.94) !important;
  font-size:clamp(18px, 1.45vw, 24px) !important;
  line-height:1.56 !important;
  margin:0 0 24px !important;
  text-shadow:0 3px 12px rgba(0,0,0,.25) !important;
}
.toolbox-primary-btn{
  height:58px !important;
  min-width:178px !important;
  border-radius:12px !important;
  background:linear-gradient(135deg,#ff8b62,#ffc04c) !important;
  box-shadow:0 16px 34px rgba(255,129,73,.24) !important;
}
.toolbox-primary-btn::after{
  content:"›";
  font-size:24px;
  line-height:1;
  margin-left:8px;
}
.toolbox-trust-row{
  color:rgba(137,205,255,.82) !important;
  gap:34px !important;
  margin:0 0 28px !important;
}
.toolbox-feature-cards{
  grid-template-columns:repeat(4, minmax(0,1fr)) !important;
  gap:24px !important;
  margin-top:30px !important;
}
.toolbox-feature-card{
  min-height:258px !important;
  padding:26px 26px 22px !important;
  border-radius:18px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.13), rgba(255,255,255,.055)) !important;
  border:1px solid rgba(168,213,255,.22) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12), 0 22px 50px rgba(0,0,0,.16) !important;
  backdrop-filter:blur(10px) !important;
  -webkit-backdrop-filter:blur(10px) !important;
}
.toolbox-feature-icon{
  width:58px !important;
  height:58px !important;
  border-radius:16px !important;
  margin-bottom:16px !important;
  background:rgba(37,74,118,.64) !important;
  border:1px solid rgba(147,203,255,.22) !important;
  box-shadow:0 13px 26px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.10) !important;
}
.toolbox-feature-card h3{
  color:#ffffff !important;
  font-size:clamp(24px, 2vw, 32px) !important;
  line-height:1.15 !important;
  margin:0 0 12px !important;
  text-shadow:0 4px 14px rgba(0,0,0,.28) !important;
}
.toolbox-feature-card li{
  color:rgba(236,244,255,.92) !important;
  font-size:clamp(14px, 1vw, 16px) !important;
  line-height:1.55 !important;
  margin:7px 0 !important;
}
.toolbox-meta-row{
  display:none !important;
}
.cube-float-contact{
  position:fixed !important;
  z-index:80 !important;
  top:50% !important;
  right:28px !important;
  transform:translateY(-50%) !important;
}
.cube-float-contact a.primary{
  background:#0c75ff !important;
  box-shadow:0 16px 34px rgba(12,117,255,.28) !important;
}
@media (max-width:1180px){
  .toolbox-homepage{height:auto !important; min-height:100vh !important; overflow:visible !important;}
  .toolbox-homepage .container.toolbox-hero-shell,
  .toolbox-homepage > .container{height:auto !important;}
  .toolbox-backdrop-card{height:auto !important; min-height:100vh !important; padding:92px 28px 36px !important;}
  .toolbox-feature-cards{grid-template-columns:repeat(2, minmax(0,1fr)) !important;}
  .toolbox-ribbon{right:40px !important; top:88px !important;}
}
@media (max-width:760px){
  .toolbox-backdrop-card{padding:82px 18px 28px !important;}
  .toolbox-toolbar-strip{margin:12px 0 24px !important;}
  .toolbox-title-wrap .toolbox-heading{font-size:clamp(40px, 13vw, 58px) !important; letter-spacing:-1px !important;}
  .toolbox-subtitle{font-size:16px !important;}
  .toolbox-feature-cards{grid-template-columns:1fr !important; gap:14px !important;}
  .toolbox-feature-card{min-height:auto !important;}
  .toolbox-ribbon{display:none !important;}
  .cube-float-contact{display:none !important;}
}



/* ===== 2026-07-08 连续调整：滚动标题栏、品牌文字、首页居中、功能卡片及圆角 Logo ===== */
/* 首页首屏时隐藏标题栏，向下滚动后固定显示 */
.site-header{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  z-index:999 !important;
  transform:translateY(-110%) !important;
  opacity:0 !important;
  pointer-events:none !important;
  transition:transform .38s ease, opacity .28s ease, background .28s ease !important;
  background:rgba(13,34,59,.34) !important;
  border-bottom:1px solid rgba(255,255,255,.12) !important;
  box-shadow:0 10px 32px rgba(1,10,24,.12) !important;
  backdrop-filter:blur(18px) saturate(1.18) !important;
  -webkit-backdrop-filter:blur(18px) saturate(1.18) !important;
}
.site-header.scrolled{
  transform:translateY(0) !important;
  opacity:1 !important;
  pointer-events:auto !important;
  background:rgba(18,39,64,.42) !important;
}
.site-header .nav{
  min-height:76px !important;
}

/* 顶部品牌：Logo + 中英文，并给 Logo 做圆角裁切 */
.site-header .header-brand{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  min-width:max-content !important;
  text-decoration:none !important;
}
.site-header .header-brand-logo-wrap{
  width:48px !important;
  height:48px !important;
  flex:0 0 48px !important;
  display:block !important;
  border-radius:12px !important;
  overflow:hidden !important;
  background:#fff !important;
  box-shadow:0 8px 20px rgba(0,0,0,.16) !important;
}
.site-header .header-brand-logo-wrap img,
.site-header .brand-main-logo{
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  display:block !important;
  object-fit:cover !important;
  border-radius:12px !important;
}
.site-header .header-brand-copy{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  line-height:1.05 !important;
}
.site-header .header-brand-copy strong{
  color:#fff !important;
  font-size:23px !important;
  font-weight:900 !important;
  letter-spacing:.02em !important;
  white-space:nowrap !important;
}
.site-header .header-brand-copy small{
  margin-top:5px !important;
  color:rgba(226,238,255,.72) !important;
  font-size:10px !important;
  font-weight:700 !important;
  letter-spacing:.08em !important;
  white-space:nowrap !important;
}

/* 首屏删去顶部工具条与小标签 */
.toolbox-toolbar-strip,
.toolbox-mini-badge{
  display:none !important;
}

/* 标题区域整体居中并适度缩小 */
.toolbox-main{
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}
.toolbox-title-wrap{
  width:100% !important;
  max-width:1180px !important;
  margin:0 auto !important;
  text-align:center !important;
}
.toolbox-title-wrap .toolbox-heading{
  font-size:clamp(54px,5.6vw,88px) !important;
  line-height:1.02 !important;
  letter-spacing:-1px !important;
  margin:0 0 12px !important;
}
.toolbox-subtitle{
  max-width:1100px !important;
  margin:0 auto 24px !important;
  font-weight:800 !important;
}
.toolbox-cta-row,
.toolbox-trust-row{
  justify-content:center !important;
}
.toolbox-trust-row{
  margin-left:auto !important;
  margin-right:auto !important;
}

/* 功能卡片缩小并让框内内容居中 */
.toolbox-feature-cards{
  width:min(100%,1480px) !important;
  margin:34px auto 0 !important;
  gap:20px !important;
}
.toolbox-feature-card{
  min-height:220px !important;
  padding:22px 20px 20px !important;
  text-align:center !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
}
.toolbox-feature-icon{
  width:52px !important;
  height:52px !important;
  margin:0 auto 14px !important;
}
.toolbox-feature-card h3{
  font-size:25px !important;
  margin:0 0 10px !important;
  text-align:center !important;
}
.toolbox-feature-card ul{
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  list-style-position:inside !important;
  text-align:center !important;
}
.toolbox-feature-card li{
  font-size:14px !important;
  line-height:1.48 !important;
  margin:5px 0 !important;
  text-align:center !important;
}

/* 首屏品牌 Logo 同样圆角 */
.toolbox-brand-logo-wrap,
.toolbox-brand-logo{
  border-radius:14px !important;
  overflow:hidden !important;
}

@media (max-width:760px){
  .site-header .nav{min-height:66px !important;}
  .site-header .header-brand-logo-wrap{width:42px !important;height:42px !important;flex-basis:42px !important;border-radius:10px !important;}
  .site-header .header-brand-logo-wrap img,.site-header .brand-main-logo{border-radius:10px !important;}
  .site-header .header-brand-copy strong{font-size:19px !important;}
  .site-header .header-brand-copy small{font-size:9px !important;}
  .toolbox-title-wrap .toolbox-heading{font-size:clamp(38px,12vw,54px) !important;}
}


/* 删除联系方案板块后的收尾优化 */
.contact-info-section,
section#contact-info{
  display:none !important;
}
.footer{
  margin-top:0 !important;
}
.section{
  scroll-margin-top:88px;
}


/* 2026-07-10：按图二重做底部 CTA 区 */
.footer-cta-style{
  margin:0 !important;
  padding:0 !important;
  background:#000 !important;
  color:#fff !important;
  border:0 !important;
}
.footer-cta-panel{
  position:relative;
  min-height:400px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:
    linear-gradient(180deg,rgba(10,14,22,.46),rgba(8,10,16,.72)),
    radial-gradient(circle at 70% 25%,rgba(255,255,255,.12),transparent 22%),
    radial-gradient(circle at 35% 70%,rgba(255,164,80,.10),transparent 24%),
    linear-gradient(115deg,#4c4f57 0%,#323640 34%,#262b34 62%,#40444d 100%) !important;
}
.footer-cta-panel::before{
  content:"";
  position:absolute;
  inset:-8%;
  background:
    linear-gradient(105deg,transparent 18%,rgba(255,255,255,.08) 19%,transparent 21%),
    linear-gradient(76deg,transparent 43%,rgba(255,255,255,.07) 44%,transparent 46%),
    linear-gradient(98deg,transparent 68%,rgba(255,255,255,.05) 69%,transparent 71%);
  filter:blur(12px);
  transform:scale(1.08);
}
.footer-cta-panel::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(0,0,0,.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,0,0,.05) 1px,transparent 1px);
  background-size:96px 96px;
  opacity:.18;
}
.footer-cta-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(7,10,16,.18),rgba(7,10,16,.42));
  z-index:1;
}
.footer-cta-content{
  position:relative;
  z-index:2;
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
}
.footer-cta-content h2{
  max-width:1500px;
  margin:0 auto 52px;
  color:#fff !important;
  font-size:clamp(30px,3.2vw,54px);
  line-height:1.35;
  font-weight:900;
  letter-spacing:-.6px;
  text-shadow:0 4px 22px rgba(0,0,0,.28);
}
.footer-buy-button{
  min-width:255px;
  height:70px;
  padding:0 34px;
  border-radius:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  background:linear-gradient(135deg,#ff7774 0%,#ffad43 100%) !important;
  color:#fff !important;
  font-size:21px;
  font-weight:900;
  text-decoration:none !important;
  box-shadow:0 18px 40px rgba(255,128,72,.28);
  transition:transform .2s ease,box-shadow .2s ease;
}
.footer-buy-button:hover{
  transform:translateY(-3px);
  box-shadow:0 22px 48px rgba(255,128,72,.34);
}
.footer-buy-icon{
  font-size:27px;
  line-height:1;
}
.footer-buy-arrow{
  font-size:21px;
}
.footer-legal{
  min-height:54px;
  display:flex;
  align-items:center;
  background:#030303;
  border-top:1px solid rgba(255,255,255,.08);
}
.footer-legal-inner{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:14px;
  color:rgba(255,255,255,.60);
  font-size:14px;
  line-height:1.7;
}
.footer-legal-inner i{
  width:1px;
  height:18px;
  background:rgba(255,255,255,.22);
}
.footer-legal-inner a{
  color:rgba(255,255,255,.72) !important;
  text-decoration:none;
}
.footer-legal-inner a:hover{
  color:#fff !important;
}
.cube-float-contact{
  display:none !important;
}
@media (max-width:760px){
  .footer-cta-panel{
    min-height:340px;
    padding:60px 0;
  }
  .footer-cta-content h2{
    font-size:28px;
    margin-bottom:36px;
  }
  .footer-buy-button{
    min-width:210px;
    height:60px;
    font-size:18px;
  }
  .footer-legal{
    padding:14px 0;
  }
  .footer-legal-inner{
    flex-direction:column;
    gap:5px;
  }
  .footer-legal-inner i{
    display:none;
  }
}


/* 2026-07-10：底部 CTA 科技渐变背景 */
.footer-cta-panel{
  position:relative;
  isolation:isolate;
  background:
    radial-gradient(circle at 18% 26%, rgba(32,153,255,.24), transparent 25%),
    radial-gradient(circle at 82% 18%, rgba(255,142,67,.18), transparent 23%),
    radial-gradient(circle at 72% 82%, rgba(57,215,255,.14), transparent 26%),
    linear-gradient(135deg,#07111f 0%,#0b1c34 48%,#121827 100%) !important;
}

/* 网格层 */
.footer-cta-panel::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(88,160,255,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(88,160,255,.08) 1px, transparent 1px);
  background-size:72px 72px;
  opacity:.72;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.65),rgba(0,0,0,.25));
}

/* 蓝橙流光层 */
.footer-cta-panel::before{
  content:"";
  position:absolute;
  inset:-12%;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(118deg, transparent 16%, rgba(255,255,255,.06) 18%, transparent 21%),
    linear-gradient(127deg, transparent 34%, rgba(38,132,255,.34) 36%, transparent 39%),
    linear-gradient(116deg, transparent 58%, rgba(255,156,72,.28) 60%, transparent 63%);
  filter:blur(12px);
  transform:scale(1.08);
  opacity:.9;
}

.footer-cta-overlay{
  z-index:1 !important;
  background:
    linear-gradient(180deg, rgba(3,10,20,.06), rgba(3,10,20,.34)),
    radial-gradient(circle at 50% 40%, rgba(18,96,180,.08), transparent 36%) !important;
}

/* 内容层 */
.footer-cta-content{
  position:relative;
  z-index:2 !important;
}

/* 标题加一点科技光感 */
.footer-cta-content h2{
  color:#f7fbff !important;
  text-shadow:
    0 2px 0 rgba(255,255,255,.02),
    0 10px 30px rgba(0,0,0,.28),
    0 0 26px rgba(56,148,255,.08) !important;
}

/* 按钮保持橙色，但增加蓝色外光，更像首页 */
.footer-buy-button{
  background:linear-gradient(135deg,#ff7c72 0%,#ffb145 100%) !important;
  box-shadow:
    0 18px 42px rgba(255,130,74,.30),
    0 0 28px rgba(38,132,255,.12) !important;
  border:1px solid rgba(255,255,255,.10) !important;
}

/* 底部版权栏也加一点蓝黑渐变 */
.footer-legal{
  background:
    linear-gradient(180deg,#02070d 0%,#07111f 100%) !important;
  border-top:1px solid rgba(89,157,255,.14) !important;
}

/* 细节：底部区域边缘增加高光 */
.footer-cta-style{
  border-top:1px solid rgba(94,165,255,.16) !important;
}

@media (max-width:760px){
  .footer-cta-panel::after{
    background-size:54px 54px;
  }
}


/* 2026-07 产品矩阵重构：大图功能展示 */
.feature-showcase{padding:78px 0 92px;background:linear-gradient(180deg,#fff 0%,#f7faff 100%)}
.feature-showcase-head{text-align:center;margin-bottom:18px}
.feature-showcase-head h2{margin:0 0 28px;color:#17243a;font-size:clamp(30px,3vw,44px);font-weight:800;letter-spacing:-1px}
.feature-tabs{display:flex;justify-content:center;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:#f2f4f8;max-width:980px;margin:0 auto;overflow-x:auto;scrollbar-width:none}
.feature-tabs::-webkit-scrollbar{display:none}
.feature-tabs button{border:0;background:transparent;color:#343b48;padding:13px 20px;border-radius:999px;font-size:16px;font-weight:700;white-space:nowrap;cursor:pointer;transition:.25s ease}
.feature-tabs button span{margin-right:8px;font-size:18px;color:#5e6774}
.feature-tabs button:hover{background:#fff;color:#0c63e7}
.feature-tabs button.active{color:#fff;background:linear-gradient(135deg,#ff7270,#f8aa3e);box-shadow:0 10px 28px rgba(255,126,80,.28)}
.feature-tabs button.active span{color:#fff}
.feature-stage{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(360px,.85fr);align-items:center;gap:48px;margin-top:10px}
.feature-visual{position:relative;min-height:500px;border-radius:26px;overflow:hidden;background:#e9eef5;border:1px solid #d9e1ec;box-shadow:0 24px 60px rgba(25,49,86,.15)}
.feature-window-bar{height:42px;background:#eef2f6;display:flex;align-items:center;gap:8px;padding:0 16px;border-bottom:1px solid #d7dee8}
.feature-window-bar span{width:10px;height:10px;border-radius:50%;background:#c4ccd8}.feature-window-bar span:nth-child(1){background:#ff7c72}.feature-window-bar span:nth-child(2){background:#ffc45e}.feature-window-bar span:nth-child(3){background:#62d49d}
.feature-window-bar b{margin-left:8px;color:#526075;font-size:13px;font-weight:700}
.feature-visual>img{width:100%;height:458px;display:block;object-fit:contain;object-position:left top;transition:opacity .2s ease,transform .35s ease}
.feature-visual:hover>img{transform:scale(1.015)}
.feature-visual-overlay{position:absolute;left:22px;bottom:22px;display:flex;align-items:center;gap:12px;padding:11px 16px;border-radius:16px;background:rgba(10,28,55,.82);backdrop-filter:blur(12px);color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.2)}
.feature-visual-overlay img{width:38px;height:38px;border-radius:10px}.feature-visual-overlay strong{font-size:17px}
.feature-copy{padding:20px 0}
.feature-kicker{color:#ff765f;font-size:14px;font-weight:800;letter-spacing:2px;text-transform:uppercase;margin-bottom:14px}
.feature-copy h3{margin:0 0 25px;color:#17243a;font-size:clamp(34px,3vw,52px);line-height:1.1;font-weight:900}
.feature-tags{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:30px}
.feature-tags span{padding:10px 15px;border:1px solid #ffd1bb;border-radius:7px;background:#fff8f4;color:#ff795e;font-size:15px;font-weight:700}
.feature-copy p{margin:0;color:#667085;font-size:18px;line-height:1.95;max-width:610px}
.feature-action{display:inline-flex;align-items:center;gap:12px;margin-top:34px;padding:16px 24px;border-radius:12px;background:linear-gradient(135deg,#ff7270,#f4ad3b);color:#fff;text-decoration:none;font-size:17px;font-weight:800;box-shadow:0 12px 28px rgba(255,128,73,.28);transition:.25s ease}
.feature-action:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(255,128,73,.36)}
@media(max-width:980px){.feature-stage{grid-template-columns:1fr;gap:28px}.feature-visual{min-height:420px}.feature-visual>img{height:378px}.feature-copy{text-align:center}.feature-tags{justify-content:center}.feature-copy p{margin-left:auto;margin-right:auto}}
@media(max-width:640px){.feature-showcase{padding:56px 0 65px}.feature-showcase-head h2{font-size:28px}.feature-tabs{justify-content:flex-start;border-radius:16px}.feature-tabs button{padding:11px 15px;font-size:14px}.feature-visual{min-height:300px;border-radius:18px}.feature-visual>img{height:258px}.feature-copy h3{font-size:34px}.feature-copy p{font-size:16px}.feature-tags span{font-size:13px}.feature-stage{gap:18px}}


/* 下载与安装流程：位于底部科技 CTA 上方 */
.install-guide{
  position:relative;
  overflow:hidden;
  padding:88px 0 96px;
  background:
    radial-gradient(circle at 50% 15%,rgba(74,139,255,.08),transparent 34%),
    linear-gradient(180deg,#f8faff 0%,#f3f6fb 100%);
  border-top:1px solid #e5ebf4;
}
.install-guide::before,.install-guide::after{
  content:"";position:absolute;pointer-events:none;opacity:.45;filter:blur(1px);
}
.install-guide::before{width:520px;height:520px;left:-170px;top:40px;background:linear-gradient(135deg,transparent 42%,rgba(77,130,214,.08) 42% 58%,transparent 58%);transform:rotate(20deg)}
.install-guide::after{width:560px;height:560px;right:-220px;bottom:-210px;background:linear-gradient(135deg,transparent 42%,rgba(255,151,93,.07) 42% 58%,transparent 58%);transform:rotate(-18deg)}
.install-guide-inner{position:relative;z-index:1}
.install-guide h2{margin:0 auto 68px;max-width:1000px;text-align:center;color:#20283a;font-size:clamp(30px,3vw,46px);line-height:1.25;font-weight:900;letter-spacing:-1.2px}
.install-steps{display:grid;grid-template-columns:1fr 80px 1fr 80px 1fr;align-items:start;gap:18px;max-width:1100px;margin:0 auto}
.install-step{position:relative;text-align:center;padding:0 10px}
.step-number{position:absolute;left:8px;top:8px;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#ff6868;color:#fff;font-size:18px;font-weight:900;box-shadow:0 8px 20px rgba(255,104,104,.26)}
.step-icon{width:160px;height:160px;margin:0 auto 24px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ff7c87 0%,#ffbd4e 100%);box-shadow:0 22px 42px rgba(255,137,86,.24)}
.step-icon svg{width:68px;height:68px;fill:none;stroke:#fff;stroke-width:4.2;stroke-linecap:round;stroke-linejoin:round}
.install-step h3{margin:0 0 15px;color:#222b3d;font-size:21px;font-weight:900}
.install-step p{margin:0 auto;max-width:280px;color:#687386;font-size:16px;line-height:1.6}
.step-arrow{align-self:center;margin-top:64px;color:#c6ccd5;font-size:48px;line-height:1;text-align:center;transform:scaleX(1.25)}
@media(max-width:900px){
  .install-guide{padding:70px 0 78px}.install-guide h2{margin-bottom:48px}
  .install-steps{grid-template-columns:1fr;gap:34px;max-width:560px}.step-arrow{display:none}
  .install-step{padding:0 26px 0}.step-number{left:calc(50% - 112px);top:5px}
}
@media(max-width:560px){
  .install-guide{padding:54px 0 62px}.install-guide h2{font-size:27px;margin-bottom:38px}
  .step-icon{width:132px;height:132px}.step-icon svg{width:56px;height:56px}
  .step-number{width:34px;height:34px;font-size:16px;left:calc(50% - 95px)}
  .install-step h3{font-size:19px}.install-step p{font-size:15px}
}



/* 2026-07：3D模型库动态交互展示区 */
.resource-library-section{
  padding:90px 0 42px;
  background:
    radial-gradient(circle at 78% 45%,rgba(58,116,201,.10),transparent 30%),
    linear-gradient(180deg,#f7f9fc 0%,#f3f7fc 100%);
  overflow:hidden;
}
.resource-library-head{text-align:center;margin-bottom:38px}
.resource-library-head .eyebrow{margin-bottom:10px}
.resource-library-head h2{margin:0;color:#18355d;font-size:clamp(32px,3.2vw,52px);line-height:1.18;font-weight:900;letter-spacing:-1.5px}
.resource-library-head p{margin:14px auto 0;color:#74839a;font-size:16px}
.resource-library-grid{display:grid;grid-template-columns:minmax(330px,.82fr) minmax(0,1.18fr);gap:30px;align-items:center}
.resource-library-list{display:grid;gap:18px}
.resource-card{
  width:100%;appearance:none;text-align:left;border:1px solid #e8eef6;
  display:flex;align-items:center;gap:17px;padding:23px 22px;border-radius:22px;
  background:rgba(255,255,255,.76);box-shadow:0 14px 32px rgba(30,61,114,.05);
  cursor:pointer;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease,background .3s ease;
}
.resource-card:hover,.resource-card:focus-visible{transform:translateX(7px);box-shadow:0 18px 38px rgba(30,61,114,.11);outline:none}
.resource-card.is-active{background:linear-gradient(145deg,#fff7f2 0%,#fff 100%);border-color:#ffd7c5;box-shadow:0 20px 44px rgba(255,137,88,.14)}
.resource-icon{
  width:42px;height:42px;flex:0 0 42px;border-radius:14px;display:grid;place-items:center;
  background:linear-gradient(135deg,#ff7f84,#ffbe50);color:#fff;font-size:14px;font-weight:900;
  box-shadow:0 10px 24px rgba(255,136,90,.25)
}
.resource-card-copy{display:block;min-width:0;flex:1}
.resource-card-copy strong{display:block;color:#18355d;font-size:clamp(19px,1.65vw,25px);line-height:1.35;font-weight:800}
.resource-card-copy small{display:block;margin-top:6px;color:#8794a8;font-size:14px;line-height:1.5}
.resource-arrow{color:#ff9863;font-size:24px;opacity:0;transform:translateX(-8px);transition:.3s ease}
.resource-card.is-active .resource-arrow,.resource-card:hover .resource-arrow{opacity:1;transform:none}

.resource-library-visual{
  border-radius:30px;overflow:hidden;background:#edf2f8;border:1px solid #dbe5f0;
  box-shadow:0 28px 66px rgba(25,49,86,.14);transform:translateZ(0)
}
.resource-window-bar{height:42px;display:flex;align-items:center;gap:8px;padding:0 16px;background:#eef3f8;border-bottom:1px solid #d7e0ea}
.resource-window-bar>span{width:10px;height:10px;border-radius:50%;background:#ff7b73}
.resource-window-bar>span:nth-child(2){background:#ffc35b}.resource-window-bar>span:nth-child(3){background:#5ed29c}
.resource-window-bar b{margin-left:8px;color:#56647a;font-size:13px;font-weight:700}
.resource-window-bar i{margin-left:auto;color:#8b98aa;font-size:12px;font-style:normal;font-weight:800;letter-spacing:.08em}
.resource-visual-stage{position:relative;min-height:430px;overflow:hidden;background:#f4f7fb}
.resource-visual-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:84% center;transform:scale(1.02);transition:opacity .34s ease,transform .8s cubic-bezier(.2,.7,.2,1),object-position .8s ease}
.resource-library-visual.is-changing img{opacity:.34;transform:scale(1.08)}
.resource-visual-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,26,52,.94) 0%,rgba(10,32,61,.88) 34%,rgba(10,32,61,.54) 58%,rgba(10,32,61,.14) 82%,transparent 100%)}
.resource-visual-copy{position:absolute;left:30px;bottom:32px;width:min(470px,58%);color:#fff;padding:26px 26px 22px;border-radius:24px;background:linear-gradient(180deg,rgba(8,26,52,.76) 0%,rgba(8,26,52,.64) 100%);border:1px solid rgba(255,255,255,.20);backdrop-filter:blur(12px);box-shadow:0 18px 38px rgba(2,13,31,.26);transition:opacity .25s ease,transform .25s ease}
.resource-library-visual.is-changing .resource-visual-copy{opacity:0;transform:translateY(10px)}
.resource-kicker{display:inline-flex;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.30);font-size:12px;font-weight:900;letter-spacing:.12em;color:#ffffff;text-shadow:0 1px 8px rgba(0,0,0,.18)}
.resource-visual-copy h3{margin:14px 0 12px;font-size:clamp(28px,2.45vw,42px);line-height:1.14;font-weight:900;color:#ffffff;text-shadow:0 2px 18px rgba(0,0,0,.28);letter-spacing:.01em}
.resource-visual-copy p{margin:0;color:#f8fbff;font-size:16px;line-height:1.82;font-weight:600;text-shadow:0 1px 12px rgba(0,0,0,.22)}
.resource-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.resource-tags span{padding:7px 12px;border-radius:10px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.26);font-size:12px;font-weight:800;color:#ffffff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}
.resource-progress{position:absolute;right:22px;bottom:18px;display:flex;gap:7px}
.resource-progress span{width:7px;height:7px;border-radius:999px;background:rgba(255,255,255,.42);transition:.3s ease}
.resource-progress span.is-active{width:26px;background:#ffad65}

@media(max-width:1024px){
  .resource-library-grid{grid-template-columns:1fr;gap:24px}
  .resource-library-list{grid-template-columns:repeat(2,minmax(0,1fr));order:2}
  .resource-library-visual{order:1}
}
@media(max-width:720px){
  .resource-library-section{padding:62px 0 24px}
  .resource-library-head{margin-bottom:25px}
  .resource-library-head p{font-size:14px}
  .resource-library-list{grid-template-columns:1fr;gap:12px}
  .resource-card{padding:18px 16px;border-radius:18px}
  .resource-card-copy strong{font-size:18px}
  .resource-card-copy small{font-size:13px}
  .resource-visual-stage{min-height:420px}
  .resource-visual-shade{background:linear-gradient(180deg,rgba(10,34,66,.08) 0%,rgba(10,34,66,.68) 46%,rgba(10,34,66,.93) 70%,rgba(10,34,66,.98) 100%)}
  .resource-visual-copy{left:18px;right:18px;bottom:40px;width:auto;padding:18px 18px 16px}
  .resource-visual-copy h3{font-size:28px}
}



/* 高端科技版：动态资源区细节增强 */
.resource-library-visual{
  position:relative;
  isolation:isolate;
}
.resource-library-visual::before{
  content:"";
  position:absolute;
  inset:-35%;
  z-index:3;
  pointer-events:none;
  background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.16) 48%,transparent 58%);
  transform:translateX(-70%) rotate(3deg);
  animation:resourceShine 8s ease-in-out infinite;
}
.resource-library-visual::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  border-radius:inherit;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.42),inset 0 -80px 120px rgba(5,22,45,.12);
}
.resource-visual-stage{
  z-index:1;
}
.resource-visual-stage img{
  filter:saturate(.92) contrast(1.04) brightness(.96);
  animation:resourceImageFloat 11s ease-in-out infinite alternate;
}
.resource-visual-copy{
  z-index:5;
  overflow:hidden;
}
.resource-visual-copy::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 10% 0%,rgba(255,255,255,.14),transparent 34%),
    linear-gradient(135deg,rgba(255,255,255,.05),transparent 44%);
}
.resource-visual-copy>*{position:relative;z-index:1}
.resource-kicker{
  text-transform:uppercase;
  letter-spacing:.14em;
}
.resource-visual-copy h3{
  max-width:12em;
  text-wrap:balance;
}
.resource-tags span{
  transition:transform .25s ease,background .25s ease,border-color .25s ease;
}
.resource-tags span:hover{
  transform:translateY(-2px);
  background:rgba(255,255,255,.24);
  border-color:rgba(255,255,255,.38);
}
.resource-card{
  position:relative;
  overflow:hidden;
}
.resource-card::after{
  content:"";
  position:absolute;
  left:0;
  top:18%;
  bottom:18%;
  width:3px;
  border-radius:99px;
  background:linear-gradient(180deg,#ff7f84,#ffbd54);
  opacity:0;
  transform:scaleY(.35);
  transition:.3s ease;
}
.resource-card.is-active::after{
  opacity:1;
  transform:scaleY(1);
}
.resource-card.is-active{
  transform:translateX(5px);
}
.resource-progress{
  z-index:6;
  padding:8px 10px;
  border-radius:999px;
  background:rgba(10,28,52,.22);
  backdrop-filter:blur(8px);
}
.resource-progress span{
  box-shadow:0 0 0 1px rgba(255,255,255,.10);
}
.resource-progress span.is-active{
  box-shadow:0 0 14px rgba(255,173,101,.55);
}
.resource-window-bar{
  position:relative;
  z-index:7;
}
.resource-window-bar b{
  letter-spacing:.02em;
}
.resource-window-bar i{
  padding:4px 8px;
  border-radius:999px;
  background:rgba(255,255,255,.62);
  border:1px solid rgba(165,180,198,.35);
}
@keyframes resourceShine{
  0%,18%{transform:translateX(-75%) rotate(3deg);opacity:0}
  30%{opacity:1}
  46%{transform:translateX(75%) rotate(3deg);opacity:0}
  100%{transform:translateX(75%) rotate(3deg);opacity:0}
}
@keyframes resourceImageFloat{
  from{transform:scale(1.025) translate3d(0,0,0)}
  to{transform:scale(1.055) translate3d(-8px,-4px,0)}
}
@media (prefers-reduced-motion:reduce){
  .resource-library-visual::before,
  .resource-visual-stage img{
    animation:none!important;
  }
}


/* 本次微调：核心优势卡片文字居中 */
.metric{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:center !important;
  text-align:center !important;
  min-height:140px !important;
  padding:20px 18px !important;
}
.metric b{
  width:100% !important;
  text-align:center !important;
  margin:0 0 8px !important;
}
.metric span{
  display:block !important;
  width:100% !important;
  text-align:center !important;
  line-height:1.35 !important;
}
@media (max-width:640px){
  .metric{
    min-height:108px !important;
    padding:16px 12px !important;
  }
}


/* =========================================================
   2026-07-11 用户定制：资源中心高级科技视觉优化
   - 删除标题下方说明小字
   - 增强“二维图纸与三维中性格式统一输出”的可读性
   - 深蓝科技感、玻璃拟态、光线与网格细节
   ========================================================= */
.resource-library-section{
  position:relative;
  padding:104px 0 64px;
  background:
    radial-gradient(circle at 50% 16%,rgba(52,145,255,.24),transparent 30%),
    radial-gradient(circle at 12% 65%,rgba(21,94,214,.16),transparent 32%),
    radial-gradient(circle at 88% 72%,rgba(0,210,255,.13),transparent 30%),
    linear-gradient(135deg,#031026 0%,#071d3b 48%,#04132b 100%) !important;
  overflow:hidden;
  isolation:isolate;
}
.resource-library-section::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background:
    linear-gradient(rgba(88,169,255,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(88,169,255,.055) 1px,transparent 1px);
  background-size:48px 48px;
  -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.95),transparent 92%);
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.95),transparent 92%);
}
.resource-library-section::after{
  content:"";
  position:absolute;
  left:8%;
  right:8%;
  top:214px;
  height:1px;
  pointer-events:none;
  z-index:-1;
  background:linear-gradient(90deg,transparent,#269dff 20%,#bde8ff 50%,#269dff 80%,transparent);
  box-shadow:0 0 22px rgba(38,157,255,.9),0 0 54px rgba(38,157,255,.45);
}
.resource-library-head{
  position:relative;
  margin-bottom:50px !important;
  padding:12px 20px 42px;
}
.resource-library-head .eyebrow{
  color:#71c8ff !important;
  letter-spacing:.24em;
  text-shadow:0 0 18px rgba(64,177,255,.55);
}
.resource-library-head h2{
  margin:0 !important;
  color:#f4f9ff !important;
  font-size:clamp(38px,4.2vw,66px) !important;
  line-height:1.12 !important;
  font-weight:950 !important;
  letter-spacing:-1px !important;
  text-shadow:
    0 2px 0 rgba(255,255,255,.2),
    0 8px 26px rgba(0,0,0,.38),
    0 0 30px rgba(57,157,255,.28);
}
.resource-library-head p{display:none !important;}

.resource-library-grid{
  gap:34px !important;
}
.resource-card{
  border:1px solid rgba(119,190,255,.20) !important;
  background:linear-gradient(135deg,rgba(13,39,75,.78),rgba(7,26,54,.70)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 18px 44px rgba(0,5,20,.25) !important;
  backdrop-filter:blur(16px);
}
.resource-card:hover,.resource-card:focus-visible{
  border-color:rgba(74,181,255,.58) !important;
  background:linear-gradient(135deg,rgba(18,57,105,.94),rgba(8,31,66,.9)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 22px 48px rgba(0,12,35,.42),
    0 0 28px rgba(43,157,255,.14) !important;
}
.resource-card.is-active{
  border-color:rgba(75,190,255,.72) !important;
  background:linear-gradient(135deg,rgba(21,69,124,.96),rgba(8,38,80,.94)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 24px 54px rgba(0,9,30,.48),
    0 0 34px rgba(42,166,255,.18) !important;
}
.resource-icon{
  background:linear-gradient(135deg,#1b78ff,#36d5ff) !important;
  box-shadow:0 10px 28px rgba(24,145,255,.34),inset 0 1px 0 rgba(255,255,255,.30) !important;
}
.resource-card-copy strong{
  color:#f5f9ff !important;
  font-weight:900 !important;
  text-shadow:0 2px 12px rgba(0,0,0,.32);
}
.resource-card-copy small{
  color:#b7cce3 !important;
  font-weight:600;
}
.resource-arrow{
  color:#65d8ff !important;
  text-shadow:0 0 16px rgba(71,201,255,.8);
}
.resource-card::after{
  background:linear-gradient(180deg,#36d7ff,#287cff) !important;
}

.resource-library-visual{
  border:1px solid rgba(91,179,255,.32) !important;
  background:#071b35 !important;
  box-shadow:
    0 34px 80px rgba(0,6,24,.56),
    0 0 42px rgba(38,142,255,.13),
    inset 0 1px 0 rgba(255,255,255,.08) !important;
}
.resource-window-bar{
  background:linear-gradient(180deg,rgba(14,42,76,.98),rgba(7,28,57,.98)) !important;
  border-bottom:1px solid rgba(106,185,255,.20) !important;
}
.resource-window-bar b{
  color:#d8eaff !important;
}
.resource-window-bar i{
  color:#9dcfff !important;
  background:rgba(26,103,176,.24) !important;
  border-color:rgba(94,182,255,.24) !important;
}
.resource-visual-shade{
  background:
    radial-gradient(circle at 72% 24%,rgba(36,151,255,.18),transparent 34%),
    linear-gradient(90deg,rgba(2,14,35,.98) 0%,rgba(5,25,51,.95) 42%,rgba(7,31,61,.70) 67%,rgba(5,24,48,.34) 100%) !important;
}
.resource-visual-copy{
  background:linear-gradient(150deg,rgba(4,20,43,.92),rgba(6,34,67,.76)) !important;
  border:1px solid rgba(125,207,255,.32) !important;
  box-shadow:
    0 22px 52px rgba(0,4,18,.50),
    inset 0 1px 0 rgba(255,255,255,.10),
    0 0 32px rgba(36,153,255,.10) !important;
}
.resource-kicker{
  color:#bfeaff !important;
  background:rgba(34,139,220,.22) !important;
  border-color:rgba(117,207,255,.38) !important;
}
.resource-visual-copy h3{
  color:#ffffff !important;
  font-size:clamp(30px,2.7vw,46px) !important;
  font-weight:950 !important;
  line-height:1.16 !important;
  letter-spacing:.01em !important;
  text-shadow:
    0 3px 16px rgba(0,0,0,.72),
    0 0 22px rgba(75,183,255,.26) !important;
  -webkit-text-stroke:.25px rgba(255,255,255,.35);
}
.resource-visual-copy p{
  color:#e8f4ff !important;
  font-weight:650 !important;
  text-shadow:0 2px 12px rgba(0,0,0,.68) !important;
}
.resource-tags span{
  color:#eff9ff !important;
  background:rgba(31,132,211,.24) !important;
  border-color:rgba(125,211,255,.32) !important;
}
.resource-progress span.is-active{
  background:#49ceff !important;
  box-shadow:0 0 18px rgba(64,207,255,.85) !important;
}

@media(max-width:720px){
  .resource-library-section{padding:72px 0 36px;}
  .resource-library-head{padding-bottom:30px;}
  .resource-library-head h2{font-size:clamp(32px,9vw,46px) !important;}
  .resource-library-section::after{top:184px;}
  .resource-visual-copy h3{font-size:30px !important;}
}


/* =========================================================
   2026-07-11 二次升级：背景科技感增强版
   - 强化资源中心背景层次
   - 增加深空感、冷光束、动态扫描与数字网格
   - 提升展示面板的高级感与科技氛围
   ========================================================= */

@keyframes techPulseGlow {
  0%,100% { opacity:.55; transform:scale(1) translateY(0); }
  50% { opacity:.92; transform:scale(1.06) translateY(-10px); }
}
@keyframes techGridDrift {
  0% { background-position:0 0, 0 0, 0 0; }
  100% { background-position:80px 60px, 60px 80px, 0 0; }
}
@keyframes scanLineFloat {
  0% { transform:translateX(-12%) translateY(0); opacity:.28; }
  50% { transform:translateX(3%) translateY(-8px); opacity:.65; }
  100% { transform:translateX(12%) translateY(0); opacity:.34; }
}
@keyframes hologramSweep {
  0% { transform:translateX(-45%) skewX(-20deg); opacity:0; }
  15% { opacity:.38; }
  50% { opacity:.62; }
  100% { transform:translateX(165%) skewX(-20deg); opacity:0; }
}
@keyframes orbitGlow {
  0% { transform:rotate(0deg); }
  100% { transform:rotate(360deg); }
}

.resource-library-section{
  position:relative;
  background:
    radial-gradient(circle at 50% 12%, rgba(127,206,255,.22), transparent 18%),
    radial-gradient(circle at 18% 22%, rgba(53,133,255,.18), transparent 28%),
    radial-gradient(circle at 82% 24%, rgba(0,214,255,.16), transparent 24%),
    radial-gradient(circle at 50% 86%, rgba(18,88,214,.24), transparent 30%),
    linear-gradient(180deg, #020b1d 0%, #06162f 34%, #071d3b 66%, #030d1e 100%) !important;
  overflow:hidden;
}
.resource-library-section::before{
  content:"";
  position:absolute;
  inset:-8% -4%;
  z-index:-3;
  pointer-events:none;
  background:
    linear-gradient(rgba(90,173,255,.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(90,173,255,.06) 1px, transparent 1px),
    radial-gradient(circle at 50% 24%, rgba(100,200,255,.12), transparent 36%);
  background-size:44px 44px, 44px 44px, auto;
  animation: techGridDrift 18s linear infinite;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,.98), rgba(0,0,0,.9) 70%, transparent 100%);
  -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,.98), rgba(0,0,0,.9) 70%, transparent 100%);
}
.resource-library-section::after{
  content:"";
  position:absolute;
  left:8%;
  right:8%;
  bottom:12%;
  height:320px;
  z-index:-2;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 58%, rgba(62,163,255,.26), transparent 32%),
    radial-gradient(circle at 50% 80%, rgba(80,219,255,.16), transparent 42%);
  filter:blur(28px);
  animation: techPulseGlow 8s ease-in-out infinite;
}

.resource-library-shell{
  position:relative;
  z-index:1;
}
.resource-library-shell::before{
  content:"";
  position:absolute;
  inset:105px -30px 20px;
  z-index:-1;
  border-radius:36px;
  pointer-events:none;
  background:
    linear-gradient(90deg, transparent, rgba(64,183,255,.14), transparent),
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,0));
  box-shadow:
    inset 0 0 0 1px rgba(113,196,255,.08),
    0 0 80px rgba(22,92,200,.12);
}
.resource-library-shell::after{
  content:"";
  position:absolute;
  width:560px;
  height:560px;
  right:-140px;
  top:120px;
  z-index:-2;
  pointer-events:none;
  border-radius:50%;
  background:
    radial-gradient(circle at 50% 50%, rgba(82,194,255,.16), transparent 38%),
    radial-gradient(circle at 50% 50%, rgba(8,66,170,.18), transparent 58%);
  filter:blur(8px);
  animation: orbitGlow 28s linear infinite;
}

.resource-library-grid{
  position:relative;
}
.resource-library-grid::before{
  content:"";
  position:absolute;
  left:32%;
  right:0;
  top:24px;
  bottom:18px;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(115deg, transparent 0%, rgba(105,203,255,.12) 44%, rgba(176,233,255,.22) 50%, rgba(105,203,255,.08) 56%, transparent 72%);
  filter:blur(2px);
  animation: scanLineFloat 7s ease-in-out infinite;
}
.resource-library-list,
.resource-library-visual{
  position:relative;
  z-index:1;
}

.resource-library-visual{
  overflow:hidden;
  border:1px solid rgba(111,198,255,.34) !important;
  background:
    linear-gradient(180deg, rgba(9,30,60,.94), rgba(4,17,38,.96)) !important;
  box-shadow:
    0 34px 82px rgba(0,8,30,.62),
    0 0 42px rgba(31,143,255,.16),
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 0 0 1px rgba(71,166,255,.08) !important;
}
.resource-library-visual::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 84%, rgba(95,200,255,.16), transparent 26%),
    linear-gradient(120deg, transparent 0%, rgba(76,192,255,.08) 40%, transparent 64%),
    linear-gradient(rgba(134,201,255,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(134,201,255,.045) 1px, transparent 1px);
  background-size:auto, auto, 28px 28px, 28px 28px;
  mix-blend-mode:screen;
}
.resource-library-visual::after{
  content:"";
  position:absolute;
  top:-30%;
  left:-30%;
  width:48%;
  height:160%;
  pointer-events:none;
  background:linear-gradient(90deg, transparent, rgba(152,230,255,.12), rgba(255,255,255,.2), rgba(152,230,255,.12), transparent);
  transform:skewX(-20deg);
  animation:hologramSweep 10s linear infinite;
  filter:blur(2px);
}

.resource-window-bar{
  backdrop-filter:blur(12px);
  background:
    linear-gradient(180deg, rgba(15,45,82,.96), rgba(8,29,56,.98)) !important;
}
.resource-window-bar::after{
  content:"";
  position:absolute;
  left:18px;
  right:18px;
  bottom:0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(122,211,255,.9), transparent);
  box-shadow:0 0 18px rgba(56,191,255,.45);
}

.resource-visual-stage{
  position:relative;
  isolation:isolate;
  background:
    radial-gradient(circle at 50% 74%, rgba(59,155,255,.24), transparent 32%),
    linear-gradient(180deg, rgba(5,18,39,.18), rgba(4,16,34,.5));
}
.resource-visual-stage::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(90deg, transparent 0%, rgba(98,200,255,.06) 46%, rgba(177,232,255,.18) 50%, rgba(98,200,255,.06) 54%, transparent 100%),
    linear-gradient(rgba(90,180,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(90,180,255,.035) 1px, transparent 1px);
  background-size:auto, 36px 36px, 36px 36px;
  mix-blend-mode:screen;
}
.resource-visual-stage::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:120px;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 100%, rgba(110,212,255,.35), transparent 54%),
    linear-gradient(180deg, transparent, rgba(7,19,42,.72));
}

#resourceVisualImage{
  position:relative;
  z-index:0;
  filter:saturate(1.12) brightness(.96) contrast(1.06);
  transform:scale(1.02);
}
.resource-visual-shade{
  z-index:1;
  background:
    radial-gradient(circle at 78% 18%, rgba(57,175,255,.22), transparent 26%),
    linear-gradient(90deg, rgba(2,10,26,.96) 0%, rgba(3,18,42,.88) 32%, rgba(5,26,52,.52) 62%, rgba(4,21,42,.14) 100%) !important;
}
.resource-visual-copy{
  z-index:2;
  background:
    linear-gradient(145deg, rgba(5,24,49,.90), rgba(6,35,69,.72)) !important;
  border:1px solid rgba(129,214,255,.36) !important;
  box-shadow:
    0 28px 60px rgba(0,7,22,.52),
    inset 0 1px 0 rgba(255,255,255,.11),
    0 0 24px rgba(45,166,255,.12) !important;
  backdrop-filter:blur(14px);
}
.resource-visual-copy::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:
    linear-gradient(180deg, rgba(255,255,255,.08), transparent 22%),
    linear-gradient(115deg, transparent 0%, rgba(108,208,255,.07) 45%, transparent 70%);
}
.resource-kicker{
  box-shadow:0 0 18px rgba(61,192,255,.16);
}
.resource-visual-copy h3{
  color:#ffffff !important;
  text-shadow:
    0 4px 18px rgba(0,0,0,.76),
    0 0 24px rgba(64,185,255,.22) !important;
}
.resource-progress{
  z-index:2;
}
.resource-progress span{
  background:rgba(160,214,255,.28) !important;
}
.resource-progress span.is-active{
  background:linear-gradient(90deg, #63d9ff, #d9f8ff) !important;
  box-shadow:0 0 18px rgba(88,214,255,.9) !important;
}

@media (max-width: 980px){
  .resource-library-shell::after{
    width:360px;
    height:360px;
    right:-80px;
    top:220px;
  }
}


/* =========================================================
   2026-07-11 三次升级：资源中心科技白背景
   - 深蓝背景切换为白色 / 冰蓝科技风
   - 保留数字网格、玻璃拟态、扫描光与高级层次
   - 增强浅色背景下的文字与卡片对比度
   ========================================================= */

.resource-library-section{
  color:#0b2342;
  background:
    radial-gradient(circle at 50% 4%, rgba(86,180,255,.20), transparent 24%),
    radial-gradient(circle at 10% 38%, rgba(70,132,255,.10), transparent 28%),
    radial-gradient(circle at 88% 30%, rgba(67,218,255,.12), transparent 24%),
    radial-gradient(circle at 50% 90%, rgba(98,166,255,.10), transparent 30%),
    linear-gradient(180deg,#f8fbff 0%,#edf6ff 42%,#f7fbff 100%) !important;
}
.resource-library-section::before{
  background:
    linear-gradient(rgba(46,126,210,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(46,126,210,.055) 1px, transparent 1px),
    radial-gradient(circle at 50% 22%, rgba(48,151,255,.10), transparent 34%) !important;
  background-size:44px 44px,44px 44px,auto !important;
  opacity:.95;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.95),rgba(0,0,0,.72) 76%,transparent 100%);
  -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.95),rgba(0,0,0,.72) 76%,transparent 100%);
}
.resource-library-section::after{
  background:
    radial-gradient(circle at 50% 58%,rgba(50,145,255,.18),transparent 32%),
    radial-gradient(circle at 50% 82%,rgba(91,210,255,.12),transparent 44%) !important;
  filter:blur(34px);
}

.resource-library-shell::before{
  background:
    linear-gradient(90deg,transparent,rgba(55,151,255,.10),transparent),
    linear-gradient(180deg,rgba(255,255,255,.78),rgba(255,255,255,.28)) !important;
  border:1px solid rgba(77,153,226,.12);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    0 30px 90px rgba(54,107,168,.10) !important;
}
.resource-library-shell::after{
  background:
    radial-gradient(circle at 50% 50%,rgba(73,181,255,.12),transparent 38%),
    radial-gradient(circle at 50% 50%,rgba(57,116,225,.08),transparent 58%) !important;
}

.resource-library-head .eyebrow{
  color:#3386d8 !important;
  text-shadow:none !important;
}
.resource-library-head h2{
  color:#102d52 !important;
  background:linear-gradient(180deg,#173d6f 0%,#0a2445 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  text-shadow:0 10px 26px rgba(28,75,128,.12) !important;
}

.resource-library-grid::before{
  background:
    linear-gradient(115deg,transparent 0%,rgba(52,153,255,.08) 44%,rgba(128,211,255,.18) 50%,rgba(52,153,255,.06) 56%,transparent 72%) !important;
}

.resource-card{
  border:1px solid rgba(71,137,207,.18) !important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.92),rgba(237,246,255,.86)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    0 16px 38px rgba(38,91,148,.10) !important;
  backdrop-filter:blur(18px);
}
.resource-card:hover,
.resource-card:focus-visible{
  border-color:rgba(38,145,236,.38) !important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.98),rgba(228,242,255,.96)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,1),
    0 22px 44px rgba(40,104,172,.16),
    0 0 24px rgba(61,169,255,.10) !important;
}
.resource-card.is-active{
  border-color:rgba(31,142,237,.50) !important;
  background:
    linear-gradient(145deg,#ffffff 0%,#eaf5ff 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,1),
    0 24px 50px rgba(45,108,176,.18),
    0 0 28px rgba(53,163,255,.12) !important;
}
.resource-card::after{
  background:linear-gradient(180deg,#25baff,#2e79ff) !important;
}
.resource-card-copy strong{
  color:#153459 !important;
  text-shadow:none !important;
}
.resource-card-copy small{
  color:#5f7896 !important;
}
.resource-arrow{
  color:#228edc !important;
  text-shadow:0 0 14px rgba(47,164,240,.28) !important;
}
.resource-icon{
  color:#ffffff !important;
  background:linear-gradient(135deg,#2f81ff,#3fd4ff) !important;
  box-shadow:
    0 10px 24px rgba(45,136,232,.24),
    inset 0 1px 0 rgba(255,255,255,.35) !important;
}

.resource-library-visual{
  border:1px solid rgba(72,142,210,.24) !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.96),rgba(232,243,254,.96)) !important;
  box-shadow:
    0 34px 82px rgba(41,90,143,.18),
    0 0 42px rgba(40,151,255,.08),
    inset 0 1px 0 rgba(255,255,255,.95),
    inset 0 0 0 1px rgba(79,154,220,.06) !important;
}
.resource-library-visual::before{
  background:
    radial-gradient(circle at 50% 84%,rgba(73,175,255,.12),transparent 26%),
    linear-gradient(120deg,transparent 0%,rgba(65,175,255,.06) 40%,transparent 64%),
    linear-gradient(rgba(62,135,204,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(62,135,204,.035) 1px,transparent 1px) !important;
  background-size:auto,auto,28px 28px,28px 28px !important;
}
.resource-library-visual::after{
  background:
    linear-gradient(90deg,transparent,rgba(84,190,255,.08),rgba(255,255,255,.55),rgba(84,190,255,.08),transparent) !important;
}

.resource-window-bar{
  background:
    linear-gradient(180deg,rgba(249,252,255,.98),rgba(231,242,253,.98)) !important;
  border-bottom:1px solid rgba(69,139,202,.16) !important;
}
.resource-window-bar b{
  color:#294967 !important;
}
.resource-window-bar i{
  color:#3976a9 !important;
  background:rgba(224,241,255,.88) !important;
  border-color:rgba(70,145,206,.20) !important;
}
.resource-window-bar::after{
  background:linear-gradient(90deg,transparent,rgba(59,169,240,.52),transparent) !important;
  box-shadow:0 0 14px rgba(56,175,242,.22) !important;
}

.resource-visual-stage{
  background:
    radial-gradient(circle at 50% 74%,rgba(69,164,255,.12),transparent 32%),
    linear-gradient(180deg,rgba(255,255,255,.16),rgba(226,240,253,.36)) !important;
}
.resource-visual-stage::before{
  background:
    linear-gradient(90deg,transparent 0%,rgba(68,170,245,.04) 46%,rgba(151,222,255,.14) 50%,rgba(68,170,245,.04) 54%,transparent 100%),
    linear-gradient(rgba(58,132,201,.026) 1px,transparent 1px),
    linear-gradient(90deg,rgba(58,132,201,.026) 1px,transparent 1px) !important;
  background-size:auto,36px 36px,36px 36px !important;
}
.resource-visual-stage::after{
  background:
    radial-gradient(circle at 50% 100%,rgba(89,194,255,.20),transparent 54%),
    linear-gradient(180deg,transparent,rgba(223,239,252,.52)) !important;
}

#resourceVisualImage{
  filter:saturate(.95) brightness(1.06) contrast(.96) !important;
}
.resource-visual-shade{
  background:
    radial-gradient(circle at 78% 18%,rgba(75,178,255,.12),transparent 26%),
    linear-gradient(90deg,rgba(240,248,255,.98) 0%,rgba(234,246,255,.92) 32%,rgba(224,240,253,.58) 62%,rgba(233,244,252,.12) 100%) !important;
}

.resource-visual-copy{
  background:
    linear-gradient(145deg,rgba(255,255,255,.90),rgba(230,243,255,.80)) !important;
  border:1px solid rgba(70,145,210,.24) !important;
  box-shadow:
    0 28px 60px rgba(55,98,146,.16),
    inset 0 1px 0 rgba(255,255,255,.96),
    0 0 22px rgba(50,160,242,.08) !important;
}
.resource-visual-copy::before{
  background:
    linear-gradient(180deg,rgba(255,255,255,.72),transparent 22%),
    linear-gradient(115deg,transparent 0%,rgba(75,181,245,.05) 45%,transparent 70%) !important;
}
.resource-kicker{
  color:#236ea6 !important;
  background:rgba(222,241,255,.90) !important;
  border-color:rgba(74,158,215,.24) !important;
  box-shadow:0 0 16px rgba(53,163,235,.08) !important;
}
.resource-visual-copy h3{
  color:#133357 !important;
  -webkit-text-fill-color:#133357 !important;
  text-shadow:0 8px 22px rgba(45,85,130,.10) !important;
  -webkit-text-stroke:0 !important;
}
.resource-visual-copy p{
  color:#4d6784 !important;
  text-shadow:none !important;
}
.resource-tags span{
  color:#285e88 !important;
  background:rgba(230,245,255,.92) !important;
  border-color:rgba(73,152,211,.22) !important;
}
.resource-progress span{
  background:rgba(75,135,188,.20) !important;
}
.resource-progress span.is-active{
  background:linear-gradient(90deg,#33a8ef,#76ddff) !important;
  box-shadow:0 0 16px rgba(58,177,241,.42) !important;
}


/* ===== 2026-07 导航升级：服务 / 应用案例 / 论坛 / 联系方式 ===== */
.site-header .container.nav{
  max-width:1380px;
  gap:20px;
}
.site-header .nav-links{
  gap:clamp(16px,1.65vw,32px);
  font-size:15px;
}
.site-header .header-brand{
  flex:0 0 auto;
}
.site-header .header-actions{
  flex:0 0 auto;
}
.forum-section{
  padding:84px 0;
  background:linear-gradient(135deg,#f7faff 0%,#edf4fc 100%);
}
.forum-shell{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:36px;
  padding:42px 48px;
  border:1px solid rgba(73,125,199,.16);
  border-radius:24px;
  background:rgba(255,255,255,.86);
  box-shadow:0 20px 55px rgba(38,78,135,.10);
}
.forum-shell h2{
  margin:8px 0 12px;
}
.forum-shell p{
  max-width:760px;
  margin:0;
  color:#5f6f84;
  line-height:1.8;
}
.forum-contact-button{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:12px;
  padding:15px 22px;
  border-radius:12px;
  color:#fff !important;
  font-weight:700;
  background:linear-gradient(135deg,#1e67c6,#2498dc);
  box-shadow:0 12px 28px rgba(30,103,198,.22);
}
.forum-contact-button:hover{
  transform:translateY(-2px);
}
@media (max-width:1200px){
  .site-header .nav-links{
    gap:14px;
    font-size:14px;
  }
  .site-header .header-actions .phone{
    display:none;
  }
}
@media (max-width:1024px){
  .forum-shell{
    align-items:flex-start;
    flex-direction:column;
    padding:34px 28px;
  }
}

/* 公司技能扩展：保持原有圆点标签风格，仅增加实际产品能力 */
@media (max-width:640px){
  .globe{min-height:520px}
  .pin{font-size:12px;gap:6px}
  .pin::before{width:11px;height:11px;box-shadow:0 0 0 6px rgba(9,105,255,.12),0 0 14px rgba(9,105,255,.24)}
  .p1{left:45%;top:13%}
  .p2{left:10%;top:27%}
  .p3{left:57%;top:30%}
  .p4{left:18%;top:43%}
  .p5{left:49%;top:50%}
  .p6{left:8%;top:59%}
  .p7{left:40%;top:68%}
  .p8{left:61%;top:18%}
  .p9{left:16%;top:15%}
  .p10{left:53%;top:79%}
}


/* 主视觉标题居中与冗余小字精简 */
.toolbox-main{
  text-align:center;
}
.toolbox-title-wrap{
  max-width:1180px;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  align-items:center;
}
.toolbox-title-wrap .toolbox-heading{
  width:100%;
  text-align:center;
}
.toolbox-subtitle{
  max-width:1120px;
  margin:0 auto 24px;
  text-align:center;
}
.toolbox-cta-row{
  justify-content:center;
}
.toolbox-feature-cards{
  text-align:left;
  margin-top:34px;
}


/* 下载安装流程扩展为四步 */
.install-steps.install-steps-four{
  grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr) 54px minmax(0,1fr) 54px minmax(0,1fr);
  gap:14px;
}
.install-steps-four .install-step h3{
  font-size:20px;
}
.install-steps-four .install-step p{
  max-width:250px;
}
@media (max-width:1100px){
  .install-steps.install-steps-four{
    grid-template-columns:1fr 44px 1fr;
  }
  .install-steps-four .step-arrow:nth-of-type(4){
    display:none;
  }
  .install-steps-four .install-step:nth-of-type(3),
  .install-steps-four .install-step:nth-of-type(4){
    margin-top:28px;
  }
}
@media (max-width:760px){
  .install-steps.install-steps-four{
    grid-template-columns:1fr;
  }
  .install-steps-four .step-arrow{
    display:none;
  }
  .install-steps-four .install-step{
    margin-top:0 !important;
  }
}


/* 论坛后端直连与官方图标 */
.forum-copy{
  display:flex;
  align-items:center;
  gap:20px;
}
.forum-backend-icon{
  width:68px;
  height:68px;
  flex:0 0 68px;
  object-fit:contain;
  border-radius:16px;
  background:#fff;
  padding:8px;
  box-shadow:0 12px 28px rgba(31,91,167,.16);
}
.forum-contact-button img{
  width:26px;
  height:26px;
  object-fit:contain;
  border-radius:6px;
  background:#fff;
  padding:2px;
}
@media (max-width:640px){
  .forum-copy{
    align-items:flex-start;
  }
  .forum-backend-icon{
    width:54px;
    height:54px;
    flex-basis:54px;
  }
}

/* 2026-07-23 CAD 功能图最终修正：完整显示、介绍区始终保留 */
.feature-showcase .feature-visual>img{
  object-fit:contain !important;
  object-position:center center !important;
  background:#eef2f7 !important;
}
.feature-showcase .feature-copy{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
}
@media (min-width:641px) and (max-width:980px){
  .feature-showcase .feature-stage{
    grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr) !important;
    gap:24px !important;
    align-items:center !important;
  }
  .feature-showcase .feature-visual{min-height:500px !important;}
  .feature-showcase .feature-visual>img{height:458px !important;}
  .feature-showcase .feature-copy{text-align:left !important;padding:12px 0 !important;}
  .feature-showcase .feature-tags{justify-content:flex-start !important;}
  .feature-showcase .feature-copy p{margin-left:0 !important;margin-right:0 !important;}
}

/* 首页背景衔接 + 5秒自动滑动 */
.hero-home-carousel{position:relative;isolation:isolate;overflow:hidden;padding-bottom:72px;margin-bottom:-72px}
.hero-home-carousel::after{display:none !important;}
.hero-bottom-blend{display:none !important;}
.home-carousel-track{position:relative;z-index:1;width:100%;min-height:inherit}
.home-carousel-slide{position:absolute;inset:0;display:flex;align-items:stretch;opacity:0;visibility:hidden;transform:translate3d(8%,0,0);transition:opacity .75s ease,transform 1s cubic-bezier(.22,.61,.36,1),visibility .75s;pointer-events:none}
.home-carousel-slide.is-active{position:relative;opacity:1;visibility:visible;transform:translate3d(0,0,0);pointer-events:auto}
.home-carousel-slide.is-leaving{transform:translate3d(-8%,0,0)}
.home-carousel-slide .toolbox-hero-shell{width:100%}
.home-carousel-dots{position:absolute;z-index:5;left:50%;bottom:84px;display:flex;gap:8px;transform:translateX(-50%);pointer-events:none}
.home-carousel-dots span{width:28px;height:3px;border-radius:99px;background:rgba(255,255,255,.45);transition:width .3s ease,background .3s ease}
.home-carousel-dots span.is-active{width:52px;background:#fff}
@media(max-width:760px){.hero-home-carousel{padding-bottom:48px;margin-bottom:-48px}.hero-home-carousel::after{height:135px}.hero-bottom-blend{height:66px}.home-carousel-dots{bottom:55px}}
@media(prefers-reduced-motion:reduce){.home-carousel-slide{transition:opacity .2s ease;transform:none}}


/* === 首页背景清晰优化版 START === */
.hero-home-carousel{
  position:relative;
  overflow:hidden;
  padding-bottom:72px;
  background:
    radial-gradient(circle at 16% 18%, rgba(46,145,255,.30) 0, rgba(46,145,255,0) 35%),
    radial-gradient(circle at 82% 22%, rgba(35,214,190,.17) 0, rgba(35,214,190,0) 31%),
    linear-gradient(135deg, #061a3a 0%, #0a2f5b 45%, #0b5274 73%, #eef6fb 100%);
}
.hero-home-carousel .hero-gradient-video{
  opacity:.16;
  filter:saturate(.9) contrast(1.08) brightness(.9);
  mix-blend-mode:screen;
}
.hero-home-carousel::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(3,17,39,.76) 0%, rgba(5,29,58,.46) 48%, rgba(6,56,80,.16) 78%, transparent 100%),
    linear-gradient(180deg, rgba(3,17,39,.16) 0%, rgba(3,17,39,.04) 56%, rgba(240,247,251,.92) 100%);
}
.hero-home-carousel::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.14;
  background-image:
    linear-gradient(rgba(255,255,255,.12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.12) 1px, transparent 1px);
  background-size:54px 54px;
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.68) 48%,transparent 94%);
  mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.68) 48%,transparent 94%);
}
.hero-home-carousel .toolbox-backdrop-card{
  background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(248,252,255,.94));
  border:1px solid rgba(255,255,255,.76);
  box-shadow:0 28px 70px rgba(3,24,52,.22),0 8px 24px rgba(3,24,52,.10),inset 0 1px 0 rgba(255,255,255,.92);
  backdrop-filter:blur(16px);
}
.hero-home-carousel .toolbox-feature-card{
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(245,250,254,.96));
  border-color:rgba(68,122,171,.18);
  box-shadow:0 14px 32px rgba(20,70,115,.10);
}
.hero-home-carousel .toolbox-title-wrap .toolbox-heading{
  color:#08294e;
  text-shadow:none;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.hero-home-carousel .toolbox-subtitle,
.hero-home-carousel .toolbox-feature-card li,
.hero-home-carousel .toolbox-brand-text span{
  color:#36556f;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.hero-home-carousel .toolbox-feature-card h3,
.hero-home-carousel .toolbox-brand-text strong{color:#0b355f;}
.hero-home-carousel .home-carousel-dots{bottom:34px;}
.hero-home-carousel .home-carousel-dots button{background:rgba(16,72,112,.24);}
.hero-home-carousel .home-carousel-dots button.is-active{background:#1676bd;}
.hero-home-carousel .home-carousel-arrow{
  background:rgba(7,36,70,.32);
  border-color:rgba(255,255,255,.36);
  box-shadow:0 8px 24px rgba(0,24,52,.16);
}
.hero-home-carousel .home-carousel-arrow:hover,
.hero-home-carousel .home-carousel-arrow:focus-visible{background:rgba(8,54,96,.58);}
@media (max-width:760px){
  .hero-home-carousel{
    padding-bottom:50px;
    background:
      radial-gradient(circle at 20% 12%,rgba(55,151,255,.24),transparent 32%),
      linear-gradient(155deg,#061a3a 0%,#0a365f 56%,#edf6fb 100%);
  }
  .hero-home-carousel::before{
    background:linear-gradient(180deg,rgba(3,17,39,.34) 0%,rgba(4,31,59,.12) 55%,rgba(240,247,251,.92) 100%);
  }
  .hero-home-carousel .home-carousel-dots{bottom:20px;}
}
/* === 首页背景清晰优化版 END === */


/* 上市公司官网级增强：沿用原 UI 设计语言，不改变原组件结构 */
.enterprise-grade{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,#f8fbff 0%,#ffffff 100%);
}
.enterprise-grade::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 15% 10%,rgba(33,128,255,.09),transparent 34%),
    radial-gradient(circle at 85% 85%,rgba(0,183,195,.08),transparent 32%);
}
.enterprise-grade .container{position:relative;z-index:1}
.enterprise-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:20px;
  margin-top:34px;
}
.enterprise-card{
  min-height:236px;
  padding:28px 24px;
  border:1px solid rgba(20,61,110,.12);
  border-radius:18px;
  background:rgba(255,255,255,.88);
  box-shadow:0 14px 40px rgba(18,53,94,.08);
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.enterprise-card:hover{
  transform:translateY(-4px);
  border-color:rgba(23,112,221,.28);
  box-shadow:0 20px 48px rgba(18,53,94,.13);
}
.enterprise-card>strong{
  display:block;
  margin-bottom:24px;
  color:#1976d2;
  font-size:14px;
  letter-spacing:.16em;
}
.enterprise-card h3{
  margin:0 0 14px;
  color:#0b2545;
  font-size:20px;
}
.enterprise-card p{
  margin:0;
  color:#5b6f86;
  line-height:1.85;
}
img{max-width:100%;height:auto}
button,a{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:3px solid rgba(25,118,210,.45);outline-offset:3px}
@media(max-width:1080px){.enterprise-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
  .enterprise-grid{grid-template-columns:1fr}
  .enterprise-card{min-height:auto}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}


/* =========================================================
   2026-07-28 页面布局细化：保持原 UI 语言，仅优化交互与排版
   ========================================================= */

/* 首页主视觉左右切换 */
.hero-home-carousel .home-carousel-arrow{
  position:absolute;
  z-index:8;
  top:50%;
  width:52px;
  height:76px;
  margin-top:-38px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.42);
  border-radius:14px;
  color:#fff;
  background:rgba(8,31,60,.42);
  box-shadow:0 12px 32px rgba(0,18,42,.22), inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  cursor:pointer;
  transition:transform .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.hero-home-carousel .home-carousel-arrow span{
  display:block;
  margin-top:-4px;
  font-family:Arial, sans-serif;
  font-size:48px;
  font-weight:300;
  line-height:1;
}
.hero-home-carousel .home-carousel-arrow-prev{left:18px;}
.hero-home-carousel .home-carousel-arrow-next{right:18px;}
.hero-home-carousel .home-carousel-arrow:hover,
.hero-home-carousel .home-carousel-arrow:focus-visible{
  transform:translateY(-2px);
  background:rgba(15,76,126,.68);
  border-color:rgba(255,255,255,.72);
  box-shadow:0 16px 38px rgba(0,18,42,.3), 0 0 0 4px rgba(70,170,255,.12);
  outline:none;
}
.home-carousel-slide.is-leaving-reverse{transform:translate3d(8%,0,0);}
.hero-home-carousel:focus-visible{outline:none;}

/* 产品详情页：字体层级、留白和对齐 */
.product-page-body{
  background:#f2f6fc;
  color:#17345a;
}
.product-page-header{
  min-height:78px;
  padding:0 clamp(24px,4vw,56px);
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.product-page-header a{
  font-size:16px;
  line-height:1;
  letter-spacing:.1px;
}
.product-page-hero{
  padding:88px 42px 82px !important;
}
.product-page-shell{
  max-width:1280px;
  gap:34px;
}
.product-page-icon{
  width:112px !important;
  height:112px !important;
  flex:0 0 112px;
  border-radius:28px !important;
  box-shadow:0 22px 48px rgba(0,30,72,.28) !important;
}
.product-page-icon img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:inherit;
}
.product-page-kicker{
  width:max-content;
  margin:0 0 16px !important;
  padding:9px 18px !important;
  border-radius:999px !important;
  font-size:16px !important;
  font-weight:800 !important;
  letter-spacing:.15px;
}
.product-page-shell h1{
  margin:0 0 13px !important;
  font-size:clamp(52px,5vw,76px) !important;
  line-height:1.03 !important;
  letter-spacing:-2.5px !important;
  font-weight:900 !important;
}
.product-page-subtitle{
  max-width:760px;
  margin:0 !important;
  font-size:clamp(19px,1.55vw,24px) !important;
  line-height:1.65 !important;
  font-weight:650 !important;
  letter-spacing:.05px;
  color:rgba(255,255,255,.88) !important;
}
.product-page-content{
  max-width:1280px;
  margin:-38px auto 0 !important;
  grid-template-columns:minmax(0,1.55fr) minmax(330px,.72fr) !important;
  gap:24px !important;
  padding:0 42px !important;
  align-items:stretch;
}
.product-page-main-card,
.product-page-side-card{
  min-height:100%;
  border-radius:26px !important;
}
.product-page-main-card{
  padding:42px 44px !important;
}
.product-page-side-card{
  padding:42px 38px !important;
}
.product-page-main-card h2,
.product-page-side-card h2{
  position:relative;
  margin:0 0 18px !important;
  padding-bottom:13px;
  font-size:28px !important;
  line-height:1.25;
}
.product-page-main-card h2::after,
.product-page-side-card h2::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:38px;
  height:3px;
  border-radius:99px;
  background:linear-gradient(90deg,#1676df,#35c9df);
}
.product-page-main-card h2:not(:first-child){
  margin-top:36px !important;
}
.product-page-main-card p{
  max-width:820px;
  margin:0 !important;
  font-size:18px !important;
  line-height:1.95 !important;
  letter-spacing:.05px;
}
.product-page-side-card ul{
  margin:2px 0 0 !important;
  padding:0 !important;
  list-style:none;
}
.product-page-side-card li{
  position:relative;
  margin:0 !important;
  padding:13px 0 13px 24px;
  border-bottom:1px solid rgba(40,92,150,.09);
  font-size:16px !important;
  line-height:1.65 !important;
}
.product-page-side-card li:last-child{border-bottom:0;}
.product-page-side-card li::before{
  content:"";
  position:absolute;
  left:2px;
  top:23px;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#176fcb;
  box-shadow:0 0 0 5px rgba(23,111,203,.09);
}
.product-page-related{
  max-width:1196px !important;
  margin:26px auto 72px !important;
}

/* 首页底部：不换视觉体系，压缩空洞感并增强信息层级 */
.footer-cta-panel{
  min-height:430px !important;
  padding:70px 24px 62px !important;
}
.footer-cta-content{
  min-height:298px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:38px;
  text-align:center;
}
.footer-cta-content h2{
  max-width:1320px;
  margin:0 !important;
  font-size:clamp(38px,4vw,64px) !important;
  line-height:1.22 !important;
  letter-spacing:-1.5px;
  text-wrap:balance;
}
.footer-buy-button{
  min-width:320px;
  min-height:88px;
  padding:0 34px !important;
  border-radius:16px !important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  font-size:22px !important;
  font-weight:800;
}
.footer-buy-icon,
.footer-buy-arrow{
  flex:0 0 auto;
  opacity:.92;
}
.footer-legal{
  min-height:54px;
  padding:8px 20px;
}
.footer-legal-inner{
  min-height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:8px 12px;
  text-align:center;
  line-height:1.45;
}
.footer-legal-inner i{
  width:1px;
  height:14px;
  margin:0 1px !important;
  flex:0 0 1px;
}

@media (max-width:900px){
  .hero-home-carousel .home-carousel-arrow{
    width:44px;
    height:62px;
    margin-top:-31px;
    border-radius:12px;
  }
  .hero-home-carousel .home-carousel-arrow span{font-size:40px;}
  .hero-home-carousel .home-carousel-arrow-prev{left:10px;}
  .hero-home-carousel .home-carousel-arrow-next{right:10px;}

  .product-page-shell{
    flex-direction:row !important;
    align-items:center !important;
  }
  .product-page-content{
    grid-template-columns:1fr !important;
    padding:0 22px !important;
  }
  .product-page-main-card,
  .product-page-side-card{
    padding:30px !important;
  }
  .product-page-related{
    margin:24px 22px 60px !important;
  }
  .footer-cta-panel{min-height:360px !important;}
  .footer-cta-content{min-height:250px;gap:30px;}
}
@media (max-width:620px){
  .hero-home-carousel .home-carousel-arrow{
    top:auto;
    bottom:22px;
    width:42px;
    height:42px;
    margin:0;
    border-radius:50%;
  }
  .hero-home-carousel .home-carousel-arrow span{
    margin-top:-3px;
    font-size:34px;
  }
  .hero-home-carousel .home-carousel-arrow-prev{left:20px;}
  .hero-home-carousel .home-carousel-arrow-next{right:20px;}
  .hero-home-carousel .home-carousel-dots{bottom:39px !important;}

  .product-page-header{min-height:66px;padding:0 18px;}
  .product-page-header a{font-size:14px;}
  .product-page-hero{padding:58px 20px 68px !important;}
  .product-page-shell{
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:22px;
  }
  .product-page-icon{
    width:86px !important;
    height:86px !important;
    flex-basis:86px;
    border-radius:22px !important;
  }
  .product-page-kicker{font-size:14px !important;margin-bottom:12px !important;}
  .product-page-shell h1{
    font-size:46px !important;
    letter-spacing:-1.8px !important;
  }
  .product-page-subtitle{font-size:17px !important;line-height:1.7 !important;}
  .product-page-content{margin:-28px auto 0 !important;}
  .product-page-main-card,
  .product-page-side-card{padding:25px 22px !important;border-radius:22px !important;}
  .product-page-main-card h2,
  .product-page-side-card h2{font-size:23px !important;}
  .product-page-main-card p{font-size:16px !important;line-height:1.85 !important;}
  .product-page-related{padding:24px 20px !important;}

  .footer-cta-panel{min-height:330px !important;padding:56px 18px 48px !important;}
  .footer-cta-content{min-height:220px;gap:28px;}
  .footer-cta-content h2{font-size:34px !important;line-height:1.3 !important;}
  .footer-buy-button{
    min-width:250px;
    min-height:70px;
    font-size:19px !important;
  }
  .footer-legal{min-height:46px;padding:10px 16px;}
  .footer-legal-inner{min-height:30px;gap:6px 10px;font-size:12.5px;line-height:1.4;}
  .footer-legal-inner i{display:none;}
}

/* SEO heading-level normalization: preserve former H2 visual treatment. */
h3.former-h2 {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

/* 2026-07-31：图一主标题改为与其他首页一致的黄色 */
.home-carousel-slide:first-child .toolbox-title-wrap h1{
  color:#ffb56d !important;
}


/* 2026-07-31：首页图一到图五标题升级为黑体并整体放大，联动优化对应 UI 层级 */
.enterprise-grade .section-head .former-h2,
.advantage-section .former-h2,
.resource-library-head .former-h2,
.install-guide #installGuideTitle,
.footer-cta-content .former-h2{
  font-family:"SimHei","Microsoft YaHei","PingFang SC","Heiti SC",Arial,sans-serif !important;
  font-size:clamp(34px,4.2vw,52px) !important;
  font-weight:700 !important;
  letter-spacing:0 !important;
  line-height:1.32 !important;
}

.enterprise-grade .section-head,
.advantage-section .metrics > .reveal:first-child,
.resource-library-head,
.install-guide-inner,
.footer-cta-content{
  text-align:center;
}

.enterprise-grade .section-head .former-h2,
.advantage-section .former-h2,
.resource-library-head .former-h2,
.install-guide #installGuideTitle{
  color:#12294a !important;
  margin:0 auto 18px !important;
  max-width:980px;
}

.enterprise-grade .section-head p,
.advantage-section .metrics > .reveal:first-child > p,
.resource-library-head + .resource-library-grid,
.install-guide .install-guide-inner > p{
  max-width:980px;
}

.enterprise-grade .section-head p,
.resource-library-section .section-head p,
.resource-library-head p,
.install-guide .section-desc{
  font-size:18px !important;
  line-height:1.8 !important;
}

.enterprise-grade .section-head .eyebrow,
.advantage-section .eyebrow,
.resource-library-head .eyebrow,
.footer-cta-content .eyebrow,
.install-guide .eyebrow{
  font-family:"SimHei","Microsoft YaHei","PingFang SC","Heiti SC",Arial,sans-serif !important;
  font-weight:700 !important;
  letter-spacing:3px !important;
}

.enterprise-grade{
  padding-top:108px !important;
  padding-bottom:98px !important;
}

.enterprise-grade .section-head{
  margin-bottom:58px !important;
}

.advantage-section{
  padding-top:104px !important;
  padding-bottom:92px !important;
}

.advantage-section .former-h2{
  margin-bottom:28px !important;
}

.resource-library-section{
  padding-top:100px !important;
}

.resource-library-head{
  margin-bottom:42px !important;
}

.install-guide{
  padding-top:92px !important;
  padding-bottom:92px !important;
}

.install-guide #installGuideTitle{
  margin-bottom:40px !important;
}

.footer-cta-panel{
  min-height:340px !important;
  padding-top:72px !important;
  padding-bottom:72px !important;
}

.footer-cta-content .former-h2{
  display:inline-block;
  width:auto;
  max-width:none;
  margin:0 auto 10px !important;
  padding:0 24px;
  box-sizing:border-box;
  color:#ffffff !important;
  text-align:center !important;
  white-space:nowrap;
  text-shadow:0 10px 28px rgba(0,0,0,.24);
}

.footer-cta-content .former-h2 .title-nowrap{
  white-space:nowrap;
  color:inherit !important;
}

@media (max-width:1200px){
  .footer-cta-content .former-h2{
    display:block;
    width:min(100%, 1240px);
    max-width:1240px;
    padding:0 24px;
    white-space:normal;
    text-wrap:balance;
  }
}

@media (max-width:900px){
  .footer-cta-content .former-h2{
    width:100%;
    max-width:100%;
    padding:0 18px;
    text-align:center !important;
    white-space:normal;
    text-wrap:balance;
  }
}

@media (max-width:620px){
  .footer-cta-content .former-h2{
    padding:0 14px;
    text-align:center !important;
  }
}

@media (max-width: 900px){
  .enterprise-grade .section-head .former-h2,
  .advantage-section .former-h2,
  .resource-library-head .former-h2,
  .install-guide #installGuideTitle,
  .footer-cta-content .former-h2{
    font-size:clamp(28px,7.2vw,40px) !important;
    line-height:1.36 !important;
  }

  .enterprise-grade,
  .advantage-section,
  .resource-library-section,
  .install-guide{
    padding-top:74px !important;
    padding-bottom:74px !important;
  }

  .resource-library-head,
  .enterprise-grade .section-head{
    margin-bottom:30px !important;
  }

  .install-guide #installGuideTitle{
    margin-bottom:30px !important;
  }

  .footer-cta-panel{
    min-height:300px !important;
    padding-top:56px !important;
    padding-bottom:56px !important;
  }
}


/* 资源库模块视觉微调：缩小左右文字，右侧内容居中 */
.resource-card-copy strong{
  font-size:22px !important;
  line-height:1.35 !important;
}

.resource-card-copy small{
  font-size:14px !important;
  line-height:1.55 !important;
}

.resource-visual-copy{
  text-align:center !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  width:min(82%,520px) !important;
}

.resource-visual-copy h3{
  font-size:34px !important;
  line-height:1.25 !important;
}

.resource-visual-copy p{
  font-size:16px !important;
  line-height:1.7 !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.resource-tags{
  justify-content:center !important;
}


/* 资源库模块微调：右侧展示区向右移动，拉开与左侧卡片的距离 */
@media (min-width: 1025px){
  .resource-library-grid{
    gap: 46px !important;
  }

  .resource-library-visual{
    transform: translateX(34px) translateZ(0) !important;
  }
}

@media (min-width: 1025px) and (max-width: 1366px){
  .resource-library-visual{
    transform: translateX(24px) translateZ(0) !important;
  }
}


/* 资源库模块微调：明显右移版，并修正右侧展示出框问题 */
@media (min-width: 1025px){
  .resource-library-grid{
    grid-template-columns: minmax(300px, .68fr) minmax(0, 1.32fr) !important;
    gap: 58px !important;
    align-items: center !important;
  }

  .resource-library-visual{
    transform: none !important;
    margin-left: 40px !important;
    width: calc(100% - 40px) !important;
    max-width: 680px !important;
    justify-self: start !important;
  }

  .resource-visual-stage{
    min-height: 400px !important;
  }
}

@media (min-width: 1025px) and (max-width: 1366px){
  .resource-library-grid{
    gap: 52px !important;
  }

  .resource-library-visual{
    margin-left: 30px !important;
    width: calc(100% - 30px) !important;
    max-width: 640px !important;
  }

  .resource-visual-stage{
    min-height: 390px !important;
  }
}


/* 最终调整：资源展示稳妥右移 */
@media (min-width:1025px){
  .resource-library-grid{
    gap:52px !important;
  }
  .resource-library-visual{
    transform:translateX(20px) translateZ(0) !important;
    max-width:690px !important;
  }
}
@media (min-width:1025px) and (max-width:1366px){
  .resource-library-visual{
    transform:translateX(12px) translateZ(0) !important;
  }
}


/* 二次微调：右侧再往右一点，左侧列表整体上提一点；保持桌面端稳妥不出框 */
@media (min-width: 1025px){
  .resource-library-grid{
    gap: 56px !important;
    align-items: start !important;
  }

  .resource-library-list{
    margin-top: -18px !important;
    align-self: start !important;
  }

  .resource-library-visual{
    transform: translateX(30px) translateZ(0) !important;
    max-width: 675px !important;
    width: 100% !important;
    justify-self: start !important;
  }
}

@media (min-width: 1025px) and (max-width: 1366px){
  .resource-library-grid{
    gap: 54px !important;
  }

  .resource-library-list{
    margin-top: -14px !important;
  }

  .resource-library-visual{
    transform: translateX(20px) translateZ(0) !important;
    max-width: 660px !important;
  }
}


/* 客服群二维码固定悬浮：不参与正文布局，页面滚动时保持视口位置不变 */
.customer-service-qr-fixed{
  position:fixed;
  right:0;
  top:50%;
  transform:translateY(-50%) translateX(100%);
  z-index:9998;
  width:218px;
  pointer-events:auto;
  transition:transform .35s ease;
}
.customer-service-qr-fixed:hover{
  transform:translateY(-50%) translateX(0);
}
.customer-service-qr-tab{
  position:absolute;
  left:-44px;
  top:50%;
  transform:translateY(-50%);
  width:44px;
  height:96px;
  border-radius:16px 0 0 16px;
  background:#0969ff;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  writing-mode:vertical-rl;
  letter-spacing:2px;
  font-weight:800;
  font-size:14px;
  box-shadow:0 12px 30px rgba(9,105,255,.28);
}
.customer-service-qr-card{
  display:block;
  opacity:0;
  visibility:hidden;
  margin:0;
  padding:0;
  background:transparent;
  border:0;
  box-shadow:none;
  transition:opacity .25s ease, visibility .25s ease;
}
.customer-service-qr-fixed:hover .customer-service-qr-card{
  opacity:1;
  visibility:visible;
  background:#fff;
  padding:14px;
  border-radius:16px;
  box-shadow:0 18px 45px rgba(24,63,110,.18);
}
.customer-service-qr-title{
  margin:0 0 3px;
  color:#17365d;
  font-size:16px;
  line-height:1.4;
  font-weight:800;
}
.customer-service-qr-subtitle{
  margin:0 0 10px;
  color:#71839a;
  font-size:12px;
  line-height:1.4;
}
.customer-service-qr-image{
  display:block;
  width:100%;
  height:auto;
  max-height:286px;
  object-fit:contain;
  border-radius:10px;
  background:#fff;
}

/* 中等屏幕缩小，仍保持固定 */
@media (max-width:1280px){
  .customer-service-qr-fixed{
    right:14px;
    width:184px;
  }
  .customer-service-qr-card{
    padding:10px 10px 12px;
    border-radius:14px;
  }
  .customer-service-qr-title{
    font-size:14px;
  }
  .customer-service-qr-subtitle{
    font-size:11px;
    margin-bottom:8px;
  }
}

/* 手机端避免遮住正文：固定在右下角并适当缩小 */
@media (max-width:760px){
  .customer-service-qr-fixed{
    top:auto;
    right:10px;
    bottom:14px;
    transform:none;
    width:132px;
  }
  .customer-service-qr-card{
    padding:8px;
    border-radius:12px;
  }
  .customer-service-qr-title{
    font-size:12px;
  }
  .customer-service-qr-subtitle{
    display:none;
  }
  .customer-service-qr-image{
    border-radius:8px;
  }
}


/* 2026-09-06：客服群移到底部“在线下载”旁边，常显、正常参与页面布局 */
.footer-action-row{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:52px;
  width:100%;
  max-width:980px;
  margin:0 auto;
}

.footer-customer-service{
  position:relative;
  flex:0 0 150px;
  width:150px;
  margin-left:32px;
  display:block;
  z-index:3;
}

.footer-customer-service-tab{
  position:absolute;
  left:-34px;
  top:50%;
  transform:translateY(-50%);
  width:34px;
  height:74px;
  border-radius:13px 0 0 13px;
  background:#0969ff;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  writing-mode:vertical-rl;
  letter-spacing:2px;
  font-weight:800;
  font-size:12px;
  box-shadow:0 12px 30px rgba(9,105,255,.28);
}

.footer-customer-service-card{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:154px;
  padding:4px;
  background:#fff;
  border-radius:16px;
  box-shadow:0 18px 45px rgba(0,0,0,.24);
  text-align:left;
}

.footer-customer-service-title{
  margin:0 0 3px;
  color:#17365d;
  font-size:16px;
  line-height:1.4;
  font-weight:800;
}

.footer-customer-service-subtitle{
  margin:0 0 10px;
  color:#71839a;
  font-size:12px;
  line-height:1.4;
}

.footer-customer-service-qr-frame{
  position:relative;
  width:min(92%, 138px);
  aspect-ratio:1 / 1;
  overflow:hidden;
  border-radius:10px;
  background:#fff;
}

.footer-customer-service-image{
  display:block;
  width:100%;
  height:100%;
  max-height:none;
  object-fit:contain;
  border-radius:10px;
  background:#fff;
}

/* 后端若仍返回原微信竖版群二维码海报，只裁出二维码区域；未来上传方形二维码则原样显示 */
.footer-customer-service-image.qr-source-portrait{
  position:absolute;
  width:143.64%;
  height:auto;
  max-height:none;
  left:-22.79%;
  top:-66.55%;
  border-radius:0;
  object-fit:initial;
}

/* 给常显二维码留足纵向空间，不再使用 fixed / hover / opacity 隐藏 */
.footer-cta-panel{
  min-height:520px !important;
}

.footer-cta-content{
  gap:26px !important;
}

@media (max-width:900px){
  .footer-action-row{
    gap:28px;
  }

  .footer-customer-service{
    flex-basis:142px;
    width:142px;
    margin-left:26px;
  }

  .footer-customer-service-tab{
    left:-32px;
    width:32px;
    height:68px;
    font-size:11px;
  }

  .footer-customer-service-card{
    min-height:146px;
    padding:4px;
    border-radius:14px;
  }

  .footer-customer-service-qr-frame{
    width:min(90%, 128px);
  }

  .footer-customer-service-title{
    font-size:14px;
  }

  .footer-customer-service-subtitle{
    font-size:11px;
    margin-bottom:8px;
  }
}

@media (max-width:620px){
  .footer-cta-panel{
    min-height:auto !important;
  }

  .footer-action-row{
    flex-direction:column;
    gap:24px;
  }

  .footer-customer-service{
    flex:0 0 auto;
    width:128px;
    margin-left:22px;
  }

  .footer-customer-service-tab{
    left:-30px;
    width:30px;
    height:62px;
    border-radius:12px 0 0 12px;
    font-size:10px;
  }

  .footer-customer-service-card{
    min-height:132px;
    padding:4px;
  }

  .footer-customer-service-qr-frame{
    width:min(88%, 112px);
  }

  .footer-customer-service-title{
    font-size:13px;
  }

  .footer-customer-service-subtitle{
    font-size:10px;
  }
}