/* 样板 E：首页首屏宝蓝渐变 + ∞ 粒子光带（未上线） */
.hero-royal{background:
  radial-gradient(ellipse 60% 45% at 50% 78%,rgba(56,120,255,.55) 0%,rgba(56,120,255,0) 70%),
  linear-gradient(180deg,#071A6E 0%,#0A2AA6 45%,#0E3FD6 80%,#1450EE 100%);color:#fff;position:relative;overflow:hidden}
.hero-royal .hero-fx{position:absolute;inset:0;z-index:0;pointer-events:none}
.hero-royal > .wrap,.hero-royal svg.line{position:relative;z-index:1}
.hero-royal svg.line{position:absolute}
.hero-royal .nav{border-bottom-color:rgba(255,255,255,.14)}
.hero-royal .nav .brand .tag,.hero-royal .nav .menu a{color:#D5DEFF}
.hero-royal .sub{color:#C9D5FF}
.hero-royal .eyebrow{color:#9FB2F5 !important}
.hero-royal h1 em{color:#9FD0FF}
.hero-royal .st .node{background:#0B2FB4}
.hero-royal .st .rl,.hero-royal .st .txt small{color:#AFC0F5}
.hero-royal .meta{color:#8FA4E8}
.hero-royal .btn.p{background:#fff;color:#0B2FB4}
.hero-royal .btn.p:hover{background:#E6ECFF}
.hero-royal .btn.s{border-color:rgba(255,255,255,.55);color:#fff}
@media (max-width:760px){
  .hero-royal .nav .menu a{color:var(--ink)}
  .hero-royal .nav .menu a.cta{color:#fff}
  .hero-royal .hero-body{padding-bottom:120px}
}
.hero-royal .hero-body{padding-bottom:190px}
@media (max-width:760px){.hero-royal .hero-body{padding-bottom:130px !important}}
.hero-royal h1 em{color:#A9C8FF}
.hero-royal .meta{display:none}
.hero-royal h1 em{color:#7FB2FF}

/* ===== 10-09 v2：宝蓝与浅色的统一（仅样板页 body.royal-page） ===== */
.royal-page{--r1:#0A2AA6;--r2:#1450EE;--r3:#3B5BFF;--r4:#DCE5FF;--r5:#F1F4FF}
/* 1. 首屏底部过渡：宝蓝 → 淡蓝，接到下一块 */
.royal-page .hero-royal:after{content:"";position:absolute;left:0;right:0;bottom:0;height:90px;background:linear-gradient(180deg,rgba(20,80,238,0) 0%,rgba(150,180,255,.55) 70%,var(--r4) 100%);pointer-events:none;z-index:0}
.royal-page main > section:first-child{background:linear-gradient(180deg,var(--r4) 0%,var(--r5) 140px,var(--paper) 320px) !important;border-top:0}
.royal-page main > section:first-child:before{display:none}
/* 2. 中间浅色区：宝蓝色阶点缀 */
.royal-page main .eyebrow{color:var(--r1) !important}
.royal-page .stats,.royal-page .cap,.royal-page .about{border-top-color:var(--r1) !important}
.royal-page .cards{border-top:2px solid var(--r2)}
.royal-page .lead{color:#4A5576}
.royal-page h2{color:#0B1A4D}
/* 3. 首尾呼应：04 下一步 改为宝蓝 */
.royal-page .cta-m{background:
  radial-gradient(ellipse 50% 70% at 80% 60%,rgba(120,170,255,.45) 0%,rgba(120,170,255,0) 70%),
  linear-gradient(160deg,var(--r1) 0%,var(--r2) 70%,#2A63FF 100%) !important;color:#fff;border-top:0}
.royal-page .cta-m .eyebrow{color:#B9C8FF !important}
.royal-page .cta-m h2{color:#fff}
.royal-page .cta-m p{color:#DCE4FF}
.royal-page .cta-m .btn.p{background:#fff;color:var(--r1)}
.royal-page .cta-m .scan{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.25)}
.royal-page .cta-m .scan .grid i{background:rgba(255,255,255,.14)}
@keyframes litR{0%{background:rgba(255,255,255,.14)}4%,70%{background:#fff}85%,100%{background:rgba(255,255,255,.14)}}
.royal-page .cta-m .scan .grid i.k{animation-name:litR}
.royal-page .cta-m .scan .beam{background:#fff;box-shadow:0 0 12px 3px rgba(255,255,255,.5)}
.royal-page .cta-m .scan .sl{color:#DCE4FF}
.royal-page .cta-m .scan .sl span:nth-child(even){color:#8FA4E8}
.royal-page .cta-m .scan .sk{color:#B9C8FF}
.royal-page .cta-m .scan .sk i{background:#fff}
/* 页脚上方细线用宝蓝 */
.royal-page .site-foot{border-top:3px solid var(--r2)}
@media (max-width:760px){
  .hero-royal .nav .menu a,.hero-royal .nav .menu a:hover{color:var(--ink)}
  .hero-royal .nav .menu a.on{color:var(--volt)}
  .hero-royal .nav .menu a.cta{color:#fff}
}
/* 10-09 手机首屏：三层业务"技术栈"（替代路线），电脑版不变 */
@media (max-width:760px){
  .hero-royal .route,.hero-royal svg.line{display:none !important}
  .hero-royal h1 em{border-bottom:2px solid #7FB2FF;padding-bottom:2px}
  .hero-biz{display:block;margin-top:26px}
  .hb-stack{width:100%;height:auto;display:block;overflow:visible;font-family:var(--sans)}
  .hb-stack .n{font-family:var(--mono);font-size:10px}
  .hb-stack .t{font-size:14px;font-weight:500;fill:#fff;letter-spacing:.02em}
  .hb-stack .r{font-size:10.5px;fill:#C9D5FF}
  .hb-stack .t2{font-size:11px;fill:#DCE4FF;letter-spacing:.06em}
  .hb-stack .rn{fill:#fff;opacity:0;animation:rain 2.2s linear infinite}
  @keyframes rain{0%{transform:translateY(26px);opacity:0}20%{opacity:.9}100%{transform:translateY(46px);opacity:0}}
  .hb-stack .pulse{fill:#fff;filter:drop-shadow(0 0 6px #9FD0FF);animation:drop 3.2s cubic-bezier(.5,0,.5,1) infinite}
  @keyframes drop{0%{transform:translateY(0);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:translateY(190px);opacity:0}}
  .hb-os{font-size:10.5px;color:#9FB2F5;margin-top:4px;text-align:right}
}
@media (prefers-reduced-motion:reduce){.hb-stack .rn,.hb-stack .pulse{animation:none}}
/* 10-09 首页去掉莫比乌斯光带（移到联系页），首屏收回底部留白 */
.hero-royal .hero-body{padding-bottom:84px}
@media (max-width:760px){.hero-royal .hero-body{padding-bottom:40px !important}}
/* 10-09 首页电脑版：错峰电路层（替代竖排路线） */
.hero-stack{display:none}
@media (min-width:761px){
  .hero-royal .route,.hero-royal svg.line{display:none !important}
  .hero-royal h1 em{border-bottom:2px solid #7FB2FF;padding-bottom:4px}
  .hero-stack{display:block;align-self:center;margin-top:10px}
  .hero-stack svg{width:100%;height:auto;display:block;overflow:visible;font-family:var(--sans)}
  .hero-stack .n{font-family:var(--mono);font-size:11px}
  .hero-stack .t{font-size:17px;font-weight:500;fill:#fff;letter-spacing:.02em}
  .hero-stack .r{font-size:12px;fill:#C9D5FF}
  .hero-stack .t2{font-size:13px;fill:#DCE4FF;letter-spacing:.08em}
  .hero-stack .via circle{fill:#fff;opacity:.7}
  .hero-stack .rn{fill:#fff;opacity:0;animation:rainD 2.2s linear infinite}
  @keyframes rainD{0%{transform:translateY(28px);opacity:0}20%{opacity:.9}100%{transform:translateY(66px);opacity:0}}
  .hero-stack .pulse{fill:#fff;filter:drop-shadow(0 0 7px #9FD0FF)}
  .hero-royal .hero-body{padding-top:72px;padding-bottom:72px}
}
@media (prefers-reduced-motion:reduce){.hero-stack .rn{animation:none}}
@media (min-width:761px){
  .hero-royal.home-hero{min-height:0}
  .hero-royal .hero-body{grid-template-columns:520px 1fr;padding-top:64px;padding-bottom:56px}
  .hero-stack{margin:0 -40px 0 -20px}
  .hero-stack svg{width:calc(100% + 60px)}
}
@media (min-width:761px){.hero-stack{margin:0 0 0 -30px}.hero-stack svg{width:calc(100% + 24px)}}