:root{
      --bg-page: #F5F8FC;
      --bg-alt: #EEF4FB;
      --bg-card: #FFFFFF;
      --text-main: #142033;
      --text-sub: #5B6B7F;
      --line: rgba(20,40,80,.10);
      --brand: #2B7FFF;
      --brand-2: #00A8D8;
      --navy-950: #F5F8FC;
      --navy-900: #EEF4FB;
      --navy-800: #FFFFFF;
      --navy-700: #E8F0FA;
      --electric-blue: #2B7FFF;
      --electric-cyan: #00A8D8;
      --accent-gold: #F59E0B;
      --band-light: #FFFFFF;
      --band-light-2: #F8FAFC;
      --ink: #142033;
      --ink-muted: #5B6B7F;
      --ink-soft: #7A8A9E;
    }*{ box-sizing: border-box; }html{ scroll-behavior: smooth; }:root{
      --font-size-min: 14px;
      --font-size-base: 16px;
    }    html{
      overflow-x: hidden;
      max-width: 100%;
    }
    body{
      background-color: var(--bg-page);
      color: var(--text-main);
      font-family: "Space Grotesk", "Noto Sans SC", sans-serif;
      overflow-x: hidden;
      max-width: 100%;
      font-size: var(--font-size-base);
      line-height: 1.6;
    }/* ── 1920-friendly width ── */
    .max-w-7xl{ max-width: 1700px !important; }/* ── Scrollbar ── */
    ::-webkit-scrollbar{ width: 5px; }::-webkit-scrollbar-track{ background: var(--navy-900); }::-webkit-scrollbar-thumb{ background: var(--electric-blue); border-radius: 3px; }/* ── Grid Background ── */
    .grid-bg{
      background-image:
        linear-gradient(rgba(70,150,255,0.08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(70,150,255,0.08) 1px, transparent 1px);
      background-size: 50px 50px;
    }/* ── Glow effects ── */
    .glow-blue{ box-shadow: 0 0 20px rgba(29,111,235,0.25), 0 0 40px rgba(29,111,235,0.15); }.glow-cyan{ box-shadow: 0 0 15px rgba(0,200,255,0.2); }.text-glow{ text-shadow: 0 0 15px rgba(29,111,235,0.6); }.text-glow-cyan{ text-shadow: 0 0 10px rgba(0,200,255,0.4); }/* ── Gradient text ── */
    .grad-text{
      background: linear-gradient(135deg, #1D6FEB 0%, #00A8D8 55%, #2B7FFF 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }.grad-text-gold{
      background: linear-gradient(135deg, #F59E0B 0%, #FCD34D 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }/* ── Glass card ── */
    .glass{
      background: rgba(24,46,74,0.4);
      border: 1px solid rgba(43,127,255,0.1);
      backdrop-filter: blur(14px);
    }.glass-light{
      background: rgba(30,58,95,0.3);
      border: 1px solid rgba(0,212,255,0.1);
      backdrop-filter: blur(8px);
    }.glass-hover{
      transition: all 0.3s ease;
    }.glass-hover:hover{
      background: rgba(30,58,95,0.6);
      border-color: rgba(0,212,255,0.25);
      transform: translateY(-4px);
      box-shadow: 0 10px 20px rgba(10,26,48,0.3);
    }/* ════════════════════════════════════════
       NAVIGATION  frosted glass + shrink
       ════════════════════════════════════════ */

    /* CSS custom properties drive every dimension so all elements
       animate in perfect sync with a single transition declaration. */
    nav{
      position: fixed;
      top: 0; left: 0; right: 0;
      z-index: 100;
      transition:
        background     0.45s cubic-bezier(0.4,0,0.2,1),
        border-color   0.45s cubic-bezier(0.4,0,0.2,1),
        box-shadow     0.45s cubic-bezier(0.4,0,0.2,1),
        backdrop-filter 0.45s cubic-bezier(0.4,0,0.2,1);

      /* ── default (top of page) subtle frosted glass ── */
      background: rgba(22, 48, 74, 0.55);
      backdrop-filter: blur(0px) saturate(1);
      -webkit-backdrop-filter: blur(0px) saturate(1);
      border-bottom: 1px solid rgba(43,127,255,0.0);
      box-shadow: none;
    }/* 页面滚动进度条：浅青，与导航 Tab 品牌蓝区分 */
    #scroll-progress{
      position: absolute;
      left: 0;
      bottom: 0;
      height: 2px;
      width: 0%;
      z-index: 110;
      pointer-events: none;
      background: linear-gradient(90deg, #7DD3FC 0%, #38BDF8 50%, #0EA5E9 100%);
      box-shadow: none;
      opacity: .85;
      transition: width 0.08s linear;
    }/* Scrolled state: deep frosted glass + visible border + shadow */
    nav.scrolled{
      background: rgba(22, 48, 74, 0.82);
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
      border-bottom-color: rgba(43,127,255,0.28);
      box-shadow:
        0 1px 0 rgba(43,127,255,0.12),
        0 8px 32px rgba(4,12,28,0.45),
        0 0 60px rgba(43,127,255,0.05);
    }/* Inner flex row height transitions via padding */
    #nav-inner{
      display: flex;
      align-items: center;
      justify-content: space-between;
      /* Tall state: 80px = py-5 top + py-5 bottom + content */
      padding-top: 18px;
      padding-bottom: 18px;
      transition: padding 0.45s cubic-bezier(0.4,0,0.2,1);
    }nav.scrolled #nav-inner{
      /* Compact state: 64px */
      padding-top: 10px;
      padding-bottom: 10px;
    }/* Logo */
    #nav-logo-img{
      height: 36px; width: auto;
      transition: height 0.45s cubic-bezier(0.4,0,0.2,1);
    }nav.scrolled #nav-logo-img{
      height: 28px;
    }#nav-logo-text{
      font-weight: 700; color: #142033;
      font-size: 20px;
      white-space: nowrap;
      transition: font-size 0.45s cubic-bezier(0.4,0,0.2,1);
    }nav.scrolled #nav-logo-text{ font-size: 17px; }/* Nav links */
    .nav-link{
      position: relative;
      color: #142033;
      transition: color 0.2s, font-size 0.45s cubic-bezier(0.4,0,0.2,1);
      
      font-weight: 500;
      letter-spacing: 0.01em;
      white-space: nowrap;
    }nav.scrolled .nav-link,
    #main-nav.scrolled .nav-link{  color: #142033; }.nav-link::after{
      content: '';
      position: absolute;
      bottom: -5px; left: 0;
      width: 0; height: 3px;
      background: #2B7FFF;
      transition: width 0.3s ease;
      border-radius: 2px;
    }.nav-link:hover{ color: #2B7FFF; }.nav-link:hover::after{ width: 100%; }.nav-link.active{ color: #2B7FFF; font-weight: 700; }.nav-link.active::after{ width: 100%; }.text-slate-300{ color: #3D4F66 !important; }.text-slate-400{ color: #5B6B7F !important; }.text-slate-500{ color: #5B6B7F !important; }.text-slate-600{ color: #7A8A9E !important; }.border-blue-900\/30{ border-color: rgba(20,40,80,0.12) !important; }.border-blue-900\/20{ border-color: rgba(20,40,80,0.10) !important; }/* Phone number */
    #nav-phone{
       font-weight: 500; color: #142033;
      white-space: nowrap;
      transition: font-size 0.45s cubic-bezier(0.4,0,0.2,1), opacity 0.45s ease;
    }nav.scrolled #nav-phone,
    #main-nav.scrolled #nav-phone{  opacity: 0.75; }/* CTA button in nav */
    #nav-cta{
      transition:
        padding   0.45s cubic-bezier(0.4,0,0.2,1),
        font-size 0.45s cubic-bezier(0.4,0,0.2,1);
      padding: 10px 26px;
      font-size: 16px;
    }nav.scrolled #nav-cta,
    #main-nav.scrolled #nav-cta{
      padding: 8px 22px;
      font-size: 15px;
    }/* ── Buttons ── */
    .btn-primary{
      background: linear-gradient(135deg, #1D6FEB, #0EA5E9);
      border: none;
      color: white;
      padding: 12px 28px;
      border-radius: 6px;
      font-weight: 600;
      
      cursor: pointer;
      transition: all 0.3s ease;
      position: relative;
      overflow: hidden;
    }.btn-primary::before{
      content: '';
      position: absolute;
      top: 0; left: -100%;
      width: 100%; height: 100%;
      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
      transition: left 0.4s ease;
    }.btn-primary:hover::before{ left: 100%; }.btn-primary:hover{
      box-shadow: 0 0 15px rgba(29,111,235,0.4);
      transform: translateY(-2px);
    }.btn-outline{
      background: transparent;
      border: 1px solid rgba(0,212,255,0.3);
      color: #00D4FF;
      padding: 11px 26px;
      border-radius: 6px;
      font-weight: 500;
      
      cursor: pointer;
      transition: all 0.3s ease;
    }.btn-outline:hover{
      background: rgba(0,212,255,0.1);
      border-color: #00D4FF;
      box-shadow: 0 0 15px rgba(0,212,255,0.2);
    }.btn-gold{
      background: linear-gradient(135deg, #F59E0B, #D97706);
      border: none;
      color: white;
      padding: 13px 30px;
      border-radius: 6px;
      font-weight: 600;
      font-size: 16px;
      cursor: pointer;
      transition: all 0.3s ease;
    }.btn-gold:hover{
      box-shadow: 0 0 20px rgba(245,158,11,0.5);
      transform: translateY(-2px);
    }/* ── Section titles ── */
    .section-tag{
      display: inline-block;
      background: rgba(43,127,255,0.08);
      border: 1px solid rgba(43,127,255,0.22);
      color: #1D5FD0;
      
      padding: 5px 16px;
      border-radius: 20px;
      margin-bottom: 14px;
      letter-spacing: 2px;
    }.section-title{
      
      font-weight: 700;
      color: #142033;
      line-height: 1.2;
    }.section-sub{
      color: #5B6B7F;
      
      margin-top: 12px;
    }/* ── Hero ── */
    .hero-section{
      min-height: 100vh;
      min-height: 100svh;
      display: flex;
      flex-direction: column;
      justify-content: stretch;
      position: relative;
      overflow: hidden;
      padding-top: 88px;
      padding-bottom: clamp(32px, 5vh, 64px);
      box-sizing: border-box;
      background: var(--navy-950);
    }.hero-section > .max-w-7xl{
      flex: 1 1 auto;
      display: flex;
      flex-direction: column;
      justify-content: center;
      width: 100%;
    }.hero-home-grid{
      flex: 1 1 auto;
      width: 100%;
      min-height: 0;
      display: grid;
      grid-template-columns: 0.98fr 1.02fr;
      gap: clamp(28px, 3.2vw, 52px);
      align-items: center;
    }.hero-content-left{
      display: flex;
      flex-direction: column;
      justify-content: center;
      gap: clamp(18px, 2.8vh, 36px);
      padding: clamp(12px, 2.5vh, 36px) 0;
    }.hero-content-left .section-tag,
    .hero-content-left h1,
    .hero-content-left p{ margin: 0 !important; }.hero-content-left .section-tag{
      align-self: flex-start;
      width: fit-content;
      max-width: 100%;
      white-space: nowrap;
      letter-spacing: .04em;
    }.hero-content-left h1{
      
      line-height: 1.16;
    }.hero-content-left p{line-height: 1.8;}@media (max-width: 1024px){
      .hero-home-grid {
        grid-template-columns: 1fr;
        min-height: 0;
        gap: 36px;
      }
    }/* Particle canvas fills the hero and sits behind all content */
    #hero-canvas{
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      z-index: 0;
      display: block;
    }/* Everything inside hero must sit above the canvas */
    .hero-section > *:not(#hero-canvas){
      position: relative;
      z-index: 1;
    }/* Subtle vignette to deepen edges */
    .hero-section::after{ display: none !important; content: none !important; }.hero-orb{
      position: absolute;
      border-radius: 50%;
      filter: blur(80px);
      pointer-events: none;
    }/* 首屏右侧：一体式平台图，柔边融入背景 */
    .digital-scene{
      position: relative;
      width: 100%;
      min-height: clamp(460px, 58vh, 600px);
      display: grid;
      place-items: center;
      overflow: visible;
    }.digital-scene::before{
      content: '';
      position: absolute;
      inset: 8% 0% 4%;
      border-radius: 50%;
      background:
        radial-gradient(ellipse at 50% 40%, rgba(0,212,255,.28), rgba(43,127,255,.1) 42%, transparent 70%),
        radial-gradient(ellipse at 50% 78%, rgba(0,120,220,.18), transparent 55%);
      filter: blur(14px);
      pointer-events: none;
      z-index: 0;
    }.digital-scene::after{
      display: none;
    }.digital-screen{
      position: relative;
      z-index: 3;
      width: min(76%, 460px);
      padding: 18px;
      border-radius: 18px;
      transform: rotateY(-10deg) rotateX(3deg);
      background: linear-gradient(150deg, rgba(20,65,120,.82), rgba(6,24,54,.94));
      border: 1px solid rgba(73,190,255,.55);
      box-shadow: 0 30px 70px rgba(0,9,35,.58), inset 0 0 32px rgba(0,153,255,.12), 0 0 42px rgba(0,140,255,.2);
      animation: digital-float 5s ease-in-out infinite;
    }@keyframes digital-float{
      0%,100% { transform: rotateY(-10deg) rotateX(3deg) translateY(0); }
      50% { transform: rotateY(-10deg) rotateX(3deg) translateY(-7px); }
    }@keyframes img-float{
      0%,100% { transform: translateY(0); }
      50% { transform: translateY(-12px); }
    }.digital-head{
      display: flex;
      align-items: center;
      gap: 10px;
      padding-bottom: 13px;
      margin-bottom: 13px;
      border-bottom: 1px solid rgba(77,193,255,.22);
    }.digital-mark{
      width: 28px; height: 28px; border-radius: 9px;
      background: linear-gradient(135deg,#2B7FFF,#00D4FF);
      box-shadow: 0 0 16px rgba(0,212,255,.45);
    }.digital-head b{ color:#fff;font-size:17px;font-weight:700;letter-spacing:.04em; }.digital-grid{ display:grid;grid-template-columns:1.25fr .75fr;gap:12px; }.digital-chart,
    .digital-ai,
    .digital-tools,
    .digital-donut{
      border-radius: 12px;
      background: rgba(3,18,43,.62);
      border: 1px solid rgba(77,193,255,.2);
    }.digital-chart{
      height: 142px;padding:17px 14px 12px;
      display:flex;align-items:flex-end;gap:7px;
    }.digital-chart i{
      flex:1;border-radius:4px 4px 1px 1px;
      background:linear-gradient(180deg,#5ff5ff,#1888ff 58%,rgba(24,136,255,.35));
      box-shadow:0 0 10px rgba(0,201,255,.26);
    }.digital-chart i:nth-child(1){height:34%}.digital-chart i:nth-child(2){height:52%}.digital-chart i:nth-child(3){height:43%}.digital-chart i:nth-child(4){height:70%}.digital-chart i:nth-child(5){height:58%}.digital-chart i:nth-child(6){height:86%}.digital-chart i:nth-child(7){height:64%}.digital-chart i:nth-child(8){height:78%}.digital-ai{ position:relative;height:142px;display:grid;place-items:center;overflow:hidden; }.digital-ai i{ position:absolute;border-radius:50%;border:1px solid rgba(70,207,255,.4); }.digital-ai i:nth-child(1){width:104px;height:104px}.digital-ai i:nth-child(2){width:74px;height:74px;border-color:rgba(43,127,255,.62)}.digital-ai i:nth-child(3){width:48px;height:48px;border-style:dashed;animation:digital-spin 7s linear infinite}@keyframes digital-spin{to{transform:rotate(360deg)}}.digital-ai b{
      position:relative;z-index:1;width:48px;height:48px;border-radius:50%;
      display:grid;place-items:center;color:#fff;font-size:14px;
      background:radial-gradient(circle at 35% 30%,#8cf3ff,#297bff 58%,#09224a);
      box-shadow:0 0 25px rgba(0,212,255,.65);
    }.digital-tools{ margin-top:12px;padding:10px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px; }.digital-tools span{ height:56px;border-radius:9px;display:grid;place-items:center;color:#7dd3fc;background:rgba(16,51,91,.72);border:1px solid rgba(77,193,255,.17); }.digital-tools svg{ width:17px;height:17px; }.digital-donut{ margin-top:12px;display:grid;place-items:center; }.digital-donut i{
      width:72px;height:72px;border-radius:50%;position:relative;
      background:conic-gradient(#00d4ff 0 26%,#2b7fff 26% 50%,#a78bfa 50% 70%,#f59e0b 70% 86%,#34d399 86%);
    }.digital-donut i::after{ content:'';position:absolute;inset:16px;border-radius:50%;background:#071a39; }.digital-base{
      position:absolute;z-index:2;left:50%;bottom:7%;width:72%;height:52px;transform:translateX(-50%);
      border-radius:50%;
      background:radial-gradient(ellipse,rgba(0,212,255,.42),rgba(43,127,255,.12) 46%,transparent 72%);
      border:1px solid rgba(0,212,255,.18);
      box-shadow:0 0 34px rgba(0,153,255,.25);
    }.digital-node{
      position:absolute;z-index:4;display:flex;align-items:center;gap:8px;
      padding:10px 13px;border-radius:12px;color:#fff;text-decoration:none;font-size:13px;font-weight:600;
      background:rgba(11,38,76,.82);border:1px solid rgba(73,190,255,.38);
      box-shadow:0 10px 25px rgba(0,13,40,.35);
      backdrop-filter:blur(9px);
      animation:node-float 4.6s ease-in-out infinite;
    }.digital-node span{ width:30px;height:30px;border-radius:9px;display:grid;place-items:center;color:#7dd3fc;background:rgba(0,212,255,.12);border:1px solid rgba(0,212,255,.24); }.digital-node svg{ width:15px;height:15px; }.digital-node.n1{left:0;top:22%}.digital-node.n2{left:1%;bottom:22%;animation-delay:.8s}.digital-node.n3{right:0;top:19%;animation-delay:.4s}.digital-node.n4{right:1%;bottom:20%;animation-delay:1.1s}@keyframes node-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}.digital-lines{ position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none; }.digital-lines path{ fill:none;stroke:rgba(48,197,255,.45);stroke-width:1.3;stroke-linecap:round;filter:drop-shadow(0 0 4px rgba(0,212,255,.45)); }@media(max-width:1200px){
      .digital-screen{width:min(82%,420px)}
      .digital-node.n1,.digital-node.n3{display:none}
    }.digital-ref-image{
      position: relative;
      z-index: 2;
      display: block;
      width: 100%;
      max-width: 580px;
      height: auto;
      max-height: clamp(500px, 58vh, 640px);
      object-fit: contain;
      margin-left: auto;
      margin-right: auto;
      transform: none;
      filter: drop-shadow(0 18px 36px rgba(0,20,50,.35)) drop-shadow(0 0 22px rgba(0,180,255,.16));
      mix-blend-mode: normal;
      -webkit-mask-image: radial-gradient(ellipse 95% 90% at 50% 48%, #000 62%, rgba(0,0,0,.75) 80%, transparent 100%);
      mask-image: radial-gradient(ellipse 95% 90% at 50% 48%, #000 62%, rgba(0,0,0,.75) 80%, transparent 100%);
      opacity: 1;
      animation: img-float 6.5s ease-in-out infinite;
    }@keyframes img-float-3d{
      0%,100% { transform: translateY(0); }
      50% { transform: translateY(-8px); }
    }/* ── Stats strip ── */
    .stat-divider{
      background: linear-gradient(90deg, transparent, rgba(29,111,235,0.3), transparent);
      height: 1px;
    }/* ── Service cards ── */
    .service-card{
      background: linear-gradient(135deg, rgba(24,46,74,0.6) 0%, rgba(30,58,95,0.5) 100%);
      border: 1px solid rgba(43,127,255,0.15);
      border-radius: 14px;
      padding: 32px;
      transition: all 0.35s ease;
      cursor: pointer;
      position: relative;
      overflow: hidden;
    }.service-card::before{
      content: '';
      position: absolute;
      top: 0; left: 0; right: 0;
      height: 2px;
      background: linear-gradient(90deg, transparent, var(--electric-blue), transparent);
      opacity: 0;
      transition: opacity 0.3s;
    }.service-card:hover::before{ opacity: 1; }.service-card:hover{
      border-color: rgba(43,127,255,0.35);
      transform: translateY(-4px);
      box-shadow: 0 10px 30px rgba(8,20,42,0.4), 0 0 20px rgba(43,127,255,0.1);
    }.service-icon{
      width: 50px; height: 50px;
      border-radius: 10px;
      display: flex; align-items: center; justify-content: center;
      margin-bottom: 16px;
      background: linear-gradient(135deg, rgba(29,111,235,0.2), rgba(0,200,255,0.1));
      border: 1px solid rgba(29,111,235,0.3);
    }/* ── AI ability section ── */
    .ai-ability-bg{
      background: linear-gradient(180deg, var(--navy-950) 0%, #EEF4FB 50%, var(--navy-950) 100%);
      position: relative;
    }.ai-ability-bg::before{
      content: '';
      position: absolute;
      top: 50%; left: 50%;
      transform: translate(-50%, -50%);
      width: 600px; height: 300px;
      background: radial-gradient(ellipse, rgba(29,111,235,0.12) 0%, transparent 70%);
      pointer-events: none;
    }.ability-card{
      background: rgba(24,46,74,0.5);
      border: 1px solid rgba(43,127,255,0.15);
      border-radius: 14px;
      padding: 28px;
      text-align: center;
      transition: all 0.3s ease;
      position: relative;
      overflow: hidden;
    }.ability-card::after{
      content: '';
      position: absolute;
      bottom: 0; left: 0; right: 0;
      height: 2px;
      background: linear-gradient(90deg, transparent, var(--electric-cyan), transparent);
      opacity: 0;
      transition: opacity 0.3s;
    }.ability-card:hover::after{ opacity: 1; }.ability-card:hover{
      border-color: rgba(0,200,255,0.3);
      box-shadow: 0 8px 20px rgba(29,111,235,0.1);
      transform: translateY(-4px);
    }/* AI 场景：四卡同屏，一眼看*/
    .ai-scene-grid{
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 24px;
    }.ai-scene-card{
      background: #FFFFFF;
      backdrop-filter: none;
      -webkit-backdrop-filter: none;
      border: 1px solid rgba(20, 40, 80, 0.10);
      box-shadow: 0 8px 28px rgba(20, 40, 80, 0.06);
      border-radius: 20px;
      padding: 32px 28px;
      transition: all 0.4s ease;
      height: 100%;
      position: relative;
      overflow: hidden;
      color: #142033;
    }.ai-scene-card::before{
      content: '';
      position: absolute;
      top: 0; left: 0; right: 0; height: 150px;
      background: linear-gradient(180deg, rgba(43,127,255,0.06) 0%, transparent 100%);
      pointer-events: none;
    }.ai-scene-card:hover{
      background: #F8FBFF;
      border-color: rgba(43, 127, 255, 0.28);
      transform: translateY(-8px);
      box-shadow: 0 14px 32px rgba(20, 40, 80, 0.10);
    }.ai-scene-head{
      display: flex;
      align-items: center;
      gap: 16px;
      margin-bottom: 20px;
    }.ai-scene-ico{
      width: 56px; height: 56px;
      border-radius: 16px;
      display: flex; align-items: center; justify-content: center;
      border: 1px solid rgba(43,127,255,.22) !important;
      background: linear-gradient(145deg, rgba(43,127,255,.12), rgba(0,168,216,.08)) !important;
      flex-shrink: 0;
      box-shadow: none !important;
    }.ai-scene-ico i,
    .ai-scene-ico svg{
      width: 28px; height: 28px;
      color: #1D6FEB !important;
      stroke: #1D6FEB !important;
    }.ai-scene-no{
      font-family: "Space Grotesk", sans-serif;
      font-size: 18px;
      color: #2B7FFF;
      letter-spacing: 2px;
      margin-bottom: 4px;
      font-weight: 600;
    }.ai-scene-card h3{color: #142033;
      font-weight: 700;
      line-height: 1.3;
      margin: 0;}.ai-scene-card > p{color: #5B6B7F;
      line-height: 1.7;
      margin: 0 0 24px;
      min-height: 54px;}.ai-scene-card ul{
      list-style: none;
      margin: 0;
      padding: 0;
      display: flex;
      flex-direction: column;
      gap: 12px;
    }.ai-scene-card li{
      position: relative;
      padding: 12px 14px 12px 36px;
      border-radius: 10px;
      background: #F5F8FC;
      border: 1px solid rgba(20,40,80,.08);
      color: #5B6B7F;
      font-size: 16px;
      transition: all 0.3s ease;
    }.ai-scene-card li:hover{
      background: rgba(43,127,255,0.10) !important;
      border-color: rgba(43,127,255,0.28) !important;
      color: #142033 !important;
    }.ai-scene-card li::before{
      content: '';
      position: absolute;
      left: 16px;
      top: 50%;
      width: 6px;
      height: 6px;
      border-radius: 50%;
      transform: translateY(-50%);
      background: #2B7FFF;
      box-shadow: none;
      transition: all 0.3s ease;
    }.ai-scene-card li:hover::before{
      transform: translateY(-50%) scale(1.35);
      background: #1D6FEB;
      box-shadow: none;
    }@media (max-width: 1100px){
      .ai-scene-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    }@media (max-width: 640px){
      .ai-scene-grid { grid-template-columns: 1fr; }
    }/* ── Cases ── */
    .case-card{
      position: relative;
      border-radius: 10px;
      overflow: hidden;
      cursor: pointer;
      border: 1px solid rgba(43,127,255,0.1);
      background: rgba(11,26,46,0.4);
      transition: all 0.3s ease;
    }.case-card img{
      width: 100%; aspect-ratio: 4/3;
      object-fit: cover;
      transition: transform 0.4s ease;
      display: block;
    }.case-card:hover{
      border-color: rgba(43,127,255,0.25);
      transform: translateY(-4px);
      box-shadow: 0 8px 20px rgba(4,12,28,0.2);
    }.case-card:hover img{ transform: scale(1.05); }.case-overlay{
      position: absolute;
      bottom: 0; left: 0; right: 0;
      background: linear-gradient(0deg, rgba(2,11,24,0.95) 0%, transparent 100%);
      padding: 20px 16px 16px;
      transform: translateY(20px);
      opacity: 0;
      transition: all 0.3s ease;
    }.case-card:hover .case-overlay{ transform: translateY(0); opacity: 1; }/* ── Tab buttons ── */
    .tab-btn{
      padding: 9px 22px;
      border-radius: 20px;
      font-size: 16px;
      cursor: pointer;
      transition: all 0.2s ease;
      color: rgba(255,255,255,0.85);
      border: 1px solid transparent;
    }.tab-btn.active, .tab-btn:hover{
      color: #00C8FF;
      border-color: rgba(0,200,255,0.3);
      background: rgba(0,200,255,0.08);
    }/* ── Process 大气时间── */
    .process-stage-board{
      position: relative;
      border-radius: 0;
      padding: 8px 0 0;
      background: transparent;
      border: none;
      box-shadow: none;
      overflow: visible;
    }.process-stage-board::before{ display: none; content: none; }.process-timeline{
      position: relative;
      z-index: 1;
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      column-gap: 20px;
      row-gap: 52px;
    }.process-step{
      position: relative;
      z-index: 1;
      text-align: center;
      padding: 8px 8px 4px;
    }.process-step::after{
      content: '';
      position: absolute;
      top: 40px;
      left: 50%;
      width: calc(100% + 20px);
      height: 2px;
      background: linear-gradient(90deg, rgba(43,127,255,0.08) 0%, rgba(43,127,255,0.35) 50%, rgba(43,127,255,0.08) 100%);
      z-index: 0;
    }.process-step::before{
      content: '';
      position: absolute;
      top: 40px;
      left: 50%;
      width: calc(100% + 20px);
      height: 2px;
      background: linear-gradient(90deg, transparent 0%, transparent 40%, rgba(43,127,255,0.85) 50%, transparent 60%, transparent 100%);
      background-size: 200% 100%;
      animation: processLineFlow 2.5s linear infinite;
      z-index: 0;
    }@keyframes processLineFlow{
      0% { background-position: 150% 0; }
      100% { background-position: -50% 0; }
    }.process-step:nth-child(4n)::after,
    .process-step:nth-child(4n)::before{
      display: none;
    }@media (max-width: 900px){
      .process-step::after,
      .process-step::before {
        display: none !important;
      }
    }.process-dot{
      width: 80px;
      height: 80px;
      margin: 0 auto 18px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      z-index: 1;
      background: linear-gradient(160deg, #EAF3FF, #FFFFFF);
      border: 1.5px solid rgba(43,127,255,.28);
      box-shadow: 0 0 0 8px #F5F8FC, 0 8px 20px rgba(43,127,255,.10);
      color: #1D6FEB;
      transition: .3s;
    }.process-step:hover .process-dot{
      transform: translateY(-3px);
      border-color: rgba(43,127,255,.55);
      color: #1D6FEB;
      box-shadow: 0 0 0 8px #EEF4FB, 0 12px 24px rgba(43,127,255,.16);
    }.process-step .num{
      font-family: "Space Grotesk", sans-serif;
      font-size: 15px;
      font-weight: 700;
      letter-spacing: 2px;
      color: #2B7FFF;
      margin-bottom: 8px;
    }.process-step h3{color: #142033;
      font-weight: 700;
      margin: 0 0 8px;
      letter-spacing: .5px;}.process-step p{color: #5B6B7F;
      line-height: 1.65;
      margin: 0 auto;
      max-width: 200px;}/* 流程下方关键词：开放标签，无底板框 */
    .process-geo{
      position:relative;z-index:1;
      margin-top:40px;padding-top:0;
      border-top:none;
      display:flex;flex-wrap:wrap;justify-content:center;gap:10px 12px;
    }.process-geo span{
      font-size:14px;font-weight:650;line-height:1.2;
      color:#1D5FD0;letter-spacing:.02em;
      display:inline-flex;align-items:center;gap:8px;
      white-space:nowrap;
      padding:8px 14px;
      border-radius:999px;
      background:rgba(43,127,255,.08);
      border:1px solid rgba(43,127,255,.16);
    }.process-geo span::before{
      content:'';width:6px;height:6px;border-radius:50%;
      background:currentColor;box-shadow:none;opacity:.9;
    }.process-geo span:nth-child(1),
    .process-geo span:nth-child(2),
    .process-geo span:nth-child(3),
    .process-geo span:nth-child(4),
    .process-geo span:nth-child(5){color:#1D5FD0;}@media (max-width: 900px){
      .process-stage-board { padding: 0; }
      .process-timeline {
        grid-template-columns: 1fr;
        column-gap: 0;
        row-gap: 0;
      }
      .process-step {
        text-align: left;
        display: grid;
        grid-template-columns: 64px 1fr;
        column-gap: 14px;
        padding: 0 0 26px;
        border-left: 2px solid rgba(43,127,255,.22);
        margin-left: 30px;
      }
      .process-dot {
        width: 56px;
        height: 56px;
        margin: 0 0 0 -30px;
        grid-row: 1 / span 3;
        box-shadow: 0 0 0 6px #F5F8FC, 0 6px 14px rgba(43,127,255,.12);
      }
      .process-step .num,
      .process-step h3,
      .process-step p { grid-column: 2; max-width: none; }
      .process-step h3 {}
      .process-geo{justify-content:flex-start;gap:8px 10px;}
    }/* ── News cards ── */
    .news-card{
      background: rgba(24,46,74,0.4);
      border: 1px solid rgba(43,127,255,0.1);
      border-radius: 12px;
      overflow: hidden;
      transition: all 0.3s ease;
      cursor: pointer;
    }.news-card:hover{
      border-color: rgba(43,127,255,0.25);
      transform: translateY(-4px);
      box-shadow: 0 10px 25px rgba(10,26,48,0.25);
    }/* ── FAQ and article list ── */
    .faq-item{
      background: rgba(24,46,74,0.4);
      border: 1px solid rgba(43,127,255,0.1);
      border-radius: 12px;
      overflow: hidden;
      transition: all 0.25s ease;
    }.faq-item:hover{
      border-color: rgba(0,200,255,0.25);
      background: rgba(30,58,95,0.5);
    }.faq-question{
      padding: 20px 22px 8px;
      color: rgba(255,255,255,0.85);
      font-weight: 700;
      display: flex;
      align-items: center;
      gap: 16px;
    }.faq-question::before{
      content: '';
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: #00C8FF;
      box-shadow: 0 0 12px rgba(0,200,255,0.8);
      flex: 0 0 auto;
    }.faq-item p{padding: 0 22px 20px 46px;
      color: rgba(255,255,255,0.75);
      line-height: 1.8;}.article-list-card{
      background: rgba(24,46,74,0.4);
      border: 1px solid rgba(43,127,255,0.1);
      border-radius: 12px;
      padding: 18px;
      transition: all 0.25s ease;
    }.article-list-card:hover{
      transform: translateX(4px);
      border-color: rgba(43,127,255,0.25);
      background: rgba(30,58,95,0.5);
    }.article-list-card > div{
      min-width: 0;
    }.article-list-card h4{
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      line-height: 1.5;
    }.article-list-card p{
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      min-height: 44px;
      max-height: 44px;
      line-height: 22px;
    }.article-more-link{
      color: #00C8FF;
      background: rgba(0,200,255,0.08);
      border: 1px solid rgba(0,200,255,0.18);
      transition: all 0.2s ease;
    }.article-more-link:hover{
      color: rgba(255,255,255,0.85);
      border-color: rgba(0,200,255,0.45);
      background: rgba(0,200,255,0.16);
    }.faq-equal-col{
      display: flex;
      flex-direction: column;
      height: 100%;
    }.faq-equal-list{
      display: flex;
      flex-direction: column;
      gap: 14px;
      flex: 1;
    }.faq-equal-list .article-list-card,
    .faq-equal-list .faq-item{
      flex: 1;
    }.faq-equal-list .article-list-card{
      align-items: center;
    }.faq-equal-list .article-list-card img{
      width: 128px;
      height: 92px;
    }@media (max-width: 640px){
      .article-list-card { flex-direction: column; }
      .article-list-card img { width: 100%; height: 150px; }
      .faq-item p { padding-left: 22px; }
    }/* ── Partners：三排滚动 ── */
    #partners{ padding-top: 96px !important; padding-bottom: 96px !important; }#partners .sec-head{ margin-bottom: 40px !important; }.partner-marquee{
      border-radius: 0;
      background: transparent;
      border: none;
      box-shadow: none;
      padding: 12px 0 8px;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      gap: 36px;
    }.partner-row{
      overflow: hidden;
      width: 100%;
      mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);
      -webkit-mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);
    }.partner-row-track{
      display: flex;
      width: max-content;
      align-items: center;
      gap: 56px;
      animation: partnerScroll 55s linear infinite;
    }.partner-row.reverse .partner-row-track{
      animation-name: partnerScrollReverse;
      animation-duration: 65s;
    }.partner-row.slow .partner-row-track{
      animation-duration: 72s;
    }.partner-marquee:hover .partner-row-track{
      animation-play-state: paused;
    }.partner-logo-card{
      flex: 0 0 auto;
      width: auto;
      min-width: 0;
      min-height: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0;
      background: transparent;
      border: none;
      box-shadow: none;
      outline: none;
      user-select: none;
      opacity: .86;
      transition: opacity .3s ease, transform .3s ease;
    }.partner-logo-card:hover{
      opacity: 1;
      transform: translateY(-3px);
    }.partner-logo-card > span{ display: none !important; }.partner-mark{
      width: 56px;
      height: 56px;
      border-radius: 14px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-family: "Space Grotesk", sans-serif;
      font-weight: 700;
      font-size: 18px;
      color: #FFFFFF;
      background: linear-gradient(135deg, #2B7FFF, #00A8D8);
      border: none;
    }.partner-logo{
      width: auto !important;
      height: 52px !important;
      max-width: none !important;
      object-fit: contain;
      object-position: center;
      display: block;
      border: none !important;
      outline: none !important;
      box-shadow: none !important;
      background: transparent !important;
      border-radius: 0 !important;
      padding: 0;
      filter: none;
    }.partner-logo-card:hover .partner-logo{ filter: none; }.partner-logo-card > span:not(.partner-badge){
      color: #142033 !important;
      font-weight: 700;
    }.partner-badge{
      font-size: 14px;
      color: #1D5FD0;
      background: rgba(43,127,255,.08);
      border: 1px solid rgba(43,127,255,.18);
      border-radius: 999px;
      padding: 3px 9px;
    }.partner-hint{
      text-align: center;
      margin-top: 14px;
      font-size: 16px;
      color: #5B6B7F;
    }@keyframes partnerScroll{
      from { transform: translateX(0); }
      to { transform: translateX(-50%); }
    }@keyframes partnerScrollReverse{
      from { transform: translateX(-50%); }
      to { transform: translateX(0); }
    }@media (prefers-reduced-motion: reduce){
      .partner-row-track { animation: none; }
    }@media (max-width: 900px){
      .partner-marquee { gap: 28px; }
      .partner-row-track { gap: 40px; }
      .partner-logo-card { width: auto; min-height: 0; padding: 0; }
      .partner-logo { width: auto !important; height: 44px !important; }
    }@media (max-width: 640px){
      #partners { padding-top: 72px !important; padding-bottom: 72px !important; }
      .partner-marquee { gap: 22px; padding-top: 8px; }
      .partner-row-track { gap: 28px; }
      .partner-logo-card { width: auto; min-height: 0; padding: 0; }
      .partner-logo { width: auto !important; height: 38px !important; }
    }/* ── Agent menu item ── */
    .agent-menu-item{
      background: rgba(24,46,74,0.4);
      border: 1px solid rgba(43,127,255,0.1);
      border-radius: 14px;
      padding: 18px 22px;
      cursor: pointer;
      transition: all 0.3s ease;
      position: relative;
      overflow: hidden;
    }.agent-menu-item::before{
      content: '';
      position: absolute;
      left: 0; top: 0; bottom: 0;
      width: 3px;
      background: linear-gradient(180deg, #2B7FFF, #00D4FF);
      opacity: 0;
      transition: opacity 0.3s;
    }.agent-menu-item:hover{ border-color: rgba(43,127,255,0.25); background: rgba(24,46,74,0.6); }.agent-menu-item.active{
      background: rgba(30,58,95,0.7);
      border-color: rgba(43,127,255,0.3);
      box-shadow: 0 8px 24px rgba(10,26,48,0.2);
    }.agent-menu-item.active::before{ opacity: 1; }/* ── Agent image transition ── */
    .agent-img{
      position: absolute;
      inset: 0;
      transition: opacity 0.6s ease;
      opacity: 0;
    }.agent-img.visible{ opacity: 1; }/* ── Digital solution tabs ── */
    .solution-tabs{
      display: inline-flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 6px;
      padding: 6px;
      border-radius: 12px;
      background: rgba(6,16,32,0.55);
      border: 1px solid rgba(43,127,255,0.22);
    }.solution-tab{
      min-width: 96px;
      padding: 9px 16px;
      border-radius: 8px;
      color: rgba(255,255,255,0.85);
      font-size: 16px;
      line-height: 1;
      border: 1px solid transparent;
      background: transparent;
      transition: all 0.25s ease;
      cursor: pointer;
    }.solution-tab:hover{
      color: #00D4FF;
      border-color: rgba(0,212,255,0.22);
    }.solution-tab.active{
      color: rgba(255,255,255,0.85);
      background: linear-gradient(135deg,#1D6FEB,#00A8FF);
      border-color: rgba(0,212,255,0.45);
      box-shadow: 0 10px 24px rgba(29,111,235,0.25);
    }.solution-shell{
      background: #FFFFFF;
      border: 1px solid rgba(20,40,80,.10);
      border-radius: 18px;
      box-shadow: 0 8px 28px rgba(20,40,80,.06);
      overflow: hidden;
    }.solution-aside{
      background: #F8FBFF !important;
      border-right: none !important;
    }.solution-aside #solution-title{ color: #142033 !important; }.solution-aside .ai-dev-tag{
      background: rgba(43,127,255,.10) !important;
      border: 1px solid rgba(43,127,255,.22) !important;
      color: #1D5FD0 !important;
    }.solution-cta{
      color: #FFFFFF !important;
      background: linear-gradient(135deg,#2B7FFF,#00A8D8) !important;
      box-shadow: 0 10px 24px rgba(43,127,255,.22) !important;
      text-decoration: none;
    }.solution-cta:hover{ transform: translateY(-2px); }.solution-bullet{
      display: flex;
      align-items: flex-start;
      gap: 10px;
      color: #5B6B7F;
      font-size: 16px;
      line-height: 1.8;
    }.solution-bullet::before{
      content: '';
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: #2B7FFF;
      box-shadow: none;
      flex: 0 0 auto;
      margin-top: 11px;
    }.solution-module{
      min-height: 92px;
      padding: 18px 16px;
      border-radius: 12px;
      background: #FFFFFF;
      border: 1px solid rgba(20,40,80,.10);
      box-shadow: 0 4px 14px rgba(20,40,80,.04);
      transition: all 0.25s ease;
    }.solution-module:hover{
      transform: translateY(-3px);
      border-color: rgba(43,127,255,.28);
      background: #F8FBFF;
    }.solution-module-icon{
      width: 42px;
      height: 42px;
      border-radius: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 12px;
      background: rgba(43,127,255,0.08);
      border: 1px solid rgba(43,127,255,0.18);
    }.solution-module h4{ color: #142033 !important; }.solution-module p{ color: #5B6B7F !important; }@media (max-width: 640px){
      .solution-tabs { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); width: 100%; }
      .solution-tab { width: 100%; min-width: 0; }
      .solution-shell { border-radius: 12px; }
    }/* ── partner-item kept for backward compat ── */
    .partner-item{
      filter: grayscale(1) brightness(0.6);
      transition: all 0.3s;
    }.partner-item:hover{
      filter: grayscale(0) brightness(1);
    }/* ── Tech stack ── */
    .tech-badge{
      background: rgba(14,32,64,0.82);
      border: 1px solid rgba(43,127,255,0.22);
      border-radius: 10px;
      padding: 14px 24px;
      font-family: "Space Grotesk", monospace;
      font-size: 16px;
      color: #A0B4CC;
      transition: all 0.3s;
      white-space: nowrap;
    }.tech-badge:hover{
      color: #00D4FF;
      border-color: rgba(0,212,255,0.45);
      box-shadow: 0 0 15px rgba(0,212,255,0.15);
    }/* ── AI section special ── */
    .ai-section-dark{
      background: linear-gradient(135deg, #F5F8FC 0%, #EEF4FB 40%, #F3F7FC 100%);
      position: relative;
      overflow: hidden;
    }.ai-section-dark::before{
      content: '';
      position: absolute;
      top: -100px; right: -100px;
      width: 500px; height: 500px;
      background: radial-gradient(circle, rgba(29,111,235,0.08) 0%, transparent 70%);
      pointer-events: none;
    }.ai-section-dark::after{
      content: '';
      position: absolute;
      bottom: -50px; left: -50px;
      width: 300px; height: 300px;
      background: radial-gradient(circle, rgba(0,200,255,0.06) 0%, transparent 70%);
      pointer-events: none;
    }/* ── Footer：品牌深蓝 ── */
    footer{
      background: transparent;
      border-top: none;
    }/* ── Animations ── */
    @keyframes fadeInUp{
      from { opacity: 0; transform: translateY(30px); }
      to { opacity: 1; transform: translateY(0); }
    }@keyframes float{
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(-15px); }
    }@keyframes pulse-ring{
      0% { transform: scale(1); opacity: 0.5; }
      100% { transform: scale(1.6); opacity: 0; }
    }@keyframes scroll-x{
      from { transform: translateX(0); }
      to { transform: translateX(-50%); }
    }@keyframes scanline{
      0% { top: 0%; }
      100% { top: 100%; }
    }@keyframes blink{
      0%, 100% { opacity: 1; }
      50% { opacity: 0; }
    }.animate-fade-up{
      animation: fadeInUp 0.8s ease forwards;
    }.animate-float{ animation: float 4s ease-in-out infinite; }.delay-100{ animation-delay: 0.1s; }.delay-200{ animation-delay: 0.2s; }.delay-300{ animation-delay: 0.3s; }.delay-400{ animation-delay: 0.4s; }.scroll-track{
      display: flex;
      animation: scroll-x 30s linear infinite;
    }.scroll-track:hover{ animation-play-state: paused; }/* ── AI Development card special ── */
    .ai-dev-card{
      background: linear-gradient(135deg, rgba(24,46,74,0.94) 0%, rgba(18,35,56,0.9) 100%);
      border: 1px solid rgba(43,127,255,0.30);
      border-radius: 18px;
      overflow: hidden;
      position: relative;
      transition: all 0.4s ease;
    }.ai-dev-card::before{
      content: '';
      position: absolute;
      inset: 0;
      background: linear-gradient(135deg, rgba(29,111,235,0.05) 0%, transparent 60%);
      pointer-events: none;
    }.ai-dev-card:hover{
      border-color: rgba(0,200,255,0.5);
      box-shadow: 0 25px 60px rgba(4,15,30,0.8), 0 0 40px rgba(29,111,235,0.2);
      transform: translateY(-8px);
    }.ai-dev-tag{
      display: inline-block;
      background: linear-gradient(135deg, rgba(29,111,235,0.3), rgba(0,200,255,0.2));
      border: 1px solid rgba(0,200,255,0.3);
      color: #00C8FF;
      font-size: 16px;
      padding: 3px 10px;
      border-radius: 20px;
      letter-spacing: 1px;
    }.ai-node-bg{
      background: radial-gradient(circle at 70% 30%, rgba(0,200,255,0.12) 0%, transparent 60%),
                  radial-gradient(circle at 20% 80%, rgba(29,111,235,0.1) 0%, transparent 50%);
    }/* ── Checklist items ── */
    .check-item{
      display: flex; align-items: flex-start; gap: 10px;
      padding: 6px 0;
    }.check-icon{
      width: 18px; height: 18px; flex-shrink: 0;
      background: rgba(0,200,255,0.15);
      border: 1px solid rgba(0,200,255,0.3);
      border-radius: 50%;
      display: flex; align-items: center; justify-content: center;
      margin-top: 2px;
    }/* floating side bar */
    .floating-bar{
      position: fixed;
      right: 0; top: 50%;
      transform: translateY(-50%);
      z-index: 90;
      display: flex; flex-direction: column;
    }.floating-btn{
      position: relative;
      background: rgba(29,111,235,0.9);
      color: white;
      padding: 11px 9px;
      font-size: 16px;
      line-height: 1.4;
      writing-mode: vertical-rl;
      text-orientation: mixed;
      cursor: pointer;
      transition: all 0.2s;
      border-bottom: 1px solid rgba(255,255,255,0.1);
      border: none;
      font-family: inherit;
    }.floating-btn:hover{ background: rgba(0,200,255,0.9); }.floating-btn:first-child{ border-radius: 6px 0 0 0; }.floating-btn:last-child{ border-radius: 0 0 0 6px; border-bottom: none; }.floating-tip{
      position: absolute;
      right: calc(100% + 12px);
      top: 50%;
      transform: translateY(-50%);
      writing-mode: horizontal-tb;
      text-orientation: mixed;
      background: #FFFFFF;
      border: 1px solid rgba(20,40,80,.14);
      color: #142033;
      padding: 12px 14px;
      border-radius: 10px;
      font-size: 16px;
      font-weight: 700;
      line-height: 1.5;
      white-space: nowrap;
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      transition: .2s;
      box-shadow: 0 12px 28px rgba(20,40,80,.16);
    }.floating-tip-qr{
      white-space:normal;
      padding:14px;
      background:#FFFFFF!important;
      border-color:rgba(20,40,80,.12)!important;
      color:#142033!important;
      display:flex;
      flex-direction:column;
      align-items:center;
      gap:10px;
      box-shadow:0 12px 28px rgba(20,40,80,.16)!important;
    }.floating-tip-qr img{
      width:168px;height:168px;object-fit:cover;border-radius:10px;display:block;
    }.floating-tip-qr em{
      font-style:normal;font-size:14px;color:#5B6B7F;line-height:1.3;
    }.floating-btn:hover .floating-tip,
    .floating-btn:focus .floating-tip{ opacity: 1; visibility: visible; }.mobile-consult-bar{
      display: none;
      position: fixed;
      left: 0; right: 0; bottom: 0;
      z-index: 95;
      background: rgba(11,26,46,.96);
      border-top: 1px solid rgba(43,127,255,.28);
      padding: 10px 12px calc(10px + env(safe-area-inset-bottom));
      gap: 8px;
    }.mobile-consult-bar button{
      flex: 1;
      border: none;
      border-radius: 8px;
      padding: 12px 8px;
      font-size: 16px;
      font-weight: 600;
      cursor: pointer;
      color: rgba(255,255,255,0.85);
      background: linear-gradient(135deg,#2B7FFF,#00C8FF);
      font-family: inherit;
    }.mobile-consult-bar a{
      flex: 1;
      text-align: center;
      text-decoration: none;
      border-radius: 8px;
      padding: 12px 8px;
      font-size: 16px;
      font-weight: 600;
      color: rgba(255,255,255,0.85);
      background: rgba(43,127,255,.25);
      border: 1px solid rgba(43,127,255,.35);
    }@media (max-width: 1023px){
      .mobile-consult-bar { display: flex; }
      body { padding-bottom: 64px; }
    }.lead-modal{
      position: fixed; inset: 0; z-index: 200;
      background: rgba(15,40,80,.48);
      display: none; align-items: center; justify-content: center;
      padding: 20px;
    }.lead-modal.open{ display: flex; }.lead-modal-panel{
      width: min(480px, 100%);
      background: #FFFFFF;
      border: 1px solid rgba(20,40,80,.10);
      border-radius: 16px;
      padding: 28px 24px;
      box-shadow: 0 24px 56px rgba(20,40,80,.18);
    }.lead-modal-panel label{
      display: block; color: #5B6B7F; font-size: 16px; margin-bottom: 6px;
    }.lead-modal-panel input,
    .lead-modal-panel select{
      width: 100%;
      margin-bottom: 14px;
      padding: 11px 12px;
      border-radius: 8px;
      border: 1px solid rgba(20,40,80,.14);
      background: #F5F8FC;
      color: #142033;
      font-size: 16px;
      font-family: inherit;
    }.lead-modal-actions{ display: flex; gap: 10px; margin-top: 8px; }.lead-modal-actions button{ flex: 1; padding: 12px; border-radius: 8px; border: none; cursor: pointer; font-size: 16px; font-weight: 600; font-family: inherit; }#lead-cancel{background:#FFFFFF;color:#475569;border:1px solid rgba(20,40,80,.18);}.lead-modal-actions button[type="submit"]{background:linear-gradient(135deg,#2B7FFF,#00A8D8);color:#FFFFFF;}.svc-tag{
      display: inline-block;
      font-size: 16px;
      padding: 3px 8px;
      border-radius: 999px;
      margin-right: 6px;
      margin-bottom: 6px;
      background: rgba(43,127,255,.12);
      border: 1px solid rgba(43,127,255,.25);
      color: #9ec5ff;
    }/* ── 首页加载动画 ── */
    #page-loader{
      position: fixed;
      inset: 0;
      z-index: 9999;
      display: flex;
      align-items: center;
      justify-content: center;
      background: radial-gradient(ellipse at 50% 35%, #FFFFFF 0%, #F5F8FC 55%, #EEF4FB 100%);
      transition: opacity .55s ease, visibility .55s ease;
    }#page-loader.is-done{
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
    }.loader-inner{
      text-align: center;
      position: relative;
    }.loader-ring{
      width: 88px;
      height: 88px;
      margin: 0 auto 22px;
      position: relative;
    }.loader-ring::before,
    .loader-ring::after{
      content: '';
      position: absolute;
      inset: 0;
      border-radius: 50%;
      border: 2px solid transparent;
    }.loader-ring::before{
      border-top-color: #00D4FF;
      border-right-color: rgba(43,127,255,.45);
      animation: loaderSpin 1s linear infinite;
    }.loader-ring::after{
      inset: 10px;
      border-bottom-color: #2B7FFF;
      border-left-color: rgba(0,212,255,.3);
      animation: loaderSpin 1.4s linear infinite reverse;
    }.loader-core{
      position: absolute;
      left: 50%;
      top: 50%;
      width: 42px;
      height: 42px;
      transform: translate(-50%, -50%);
      display: flex;
      align-items: center;
      justify-content: center;
      animation: loaderPulse 1.6s ease-in-out infinite;
    }.loader-core img{
      width: 100%;
      height: 100%;
      object-fit: contain;
    }.loader-brand{
      color: rgba(255,255,255,0.85);
      font-size: 20px;
      font-weight: 700;
      letter-spacing: .5px;
      margin-bottom: 8px;
    }.loader-tip{
      color: #94a3b8;
      font-size: 16px;
      margin-bottom: 18px;
    }.loader-bar{
      width: 160px;
      height: 3px;
      margin: 0 auto;
      border-radius: 999px;
      background: rgba(43,127,255,.18);
      overflow: hidden;
    }.loader-bar > i{
      display: block;
      height: 100%;
      width: 40%;
      border-radius: inherit;
      background: linear-gradient(90deg, #2B7FFF, #00D4FF);
      animation: loaderBar 1.1s ease-in-out infinite;
    }@keyframes loaderSpin{ to { transform: rotate(360deg); } }@keyframes loaderPulse{
      0%, 100% { transform: translate(-50%, -50%) scale(1); box-shadow: 0 0 18px rgba(43,127,255,.35); }
      50% { transform: translate(-50%, -50%) scale(1.06); box-shadow: 0 0 28px rgba(0,212,255,.55); }
    }@keyframes loaderBar{
      0% { transform: translateX(-120%); }
      100% { transform: translateX(320%); }
    }@media (prefers-reduced-motion: reduce){
      .loader-ring::before,
      .loader-ring::after,
      .loader-core,
      .loader-bar > i { animation: none; }
    }.svc-grid-3x2,
    .svc-bento{
      display: grid;
      gap: 18px;
    }.svc-bento{
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }.svc-bento .service-card{
      display: flex;
      height: 100%;
    }.svc-bento .service-card:nth-child(1){ grid-column: span 6; }.svc-bento .service-card:nth-child(2),
    .svc-bento .service-card:nth-child(3){ grid-column: span 3; }.svc-bento .service-card:nth-child(4),
    .svc-bento .service-card:nth-child(5),
    .svc-bento .service-card:nth-child(6){ grid-column: span 4; }@media (max-width: 1024px){
      .svc-bento .service-card:nth-child(n) { grid-column: span 6; }
    }@media (max-width: 640px){
      .svc-bento .service-card:nth-child(n) { grid-column: span 12; }
    }.kb-layout{
      display: grid;
      grid-template-columns: 180px minmax(0, 1fr);
      gap: 28px;
      align-items: start;
    }.kb-main{ min-width: 0; width: 100%; }.kb-nav{
      display: flex;
      flex-direction: column;
      gap: 6px;
      position: sticky;
      top: 96px;
    }.kb-chip{
      display: block;
      width: 100%;
      text-align: left;
      padding: 12px 16px;
      border: none;
      border-left: 3px solid transparent;
      border-radius: 10px;
      color: #5B6B7F;
      font-size: 16px;
      font-weight: 600;
      cursor: pointer;
      background: transparent;
      transition: .2s;
    }.kb-chip:hover{
      color: #142033;
      background: rgba(43,127,255,.06);
    }.kb-chip.active{
      color: #1D5FD0;
      border-left-color: #2B7FFF;
      background: rgba(43,127,255,.10);
    }.kb-list{
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 18px;
      background: transparent;
      border: none;
      border-radius: 0;
      box-shadow: none;
      overflow: visible;
      padding: 0;
    }.kb-item{
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 0;
      padding: 22px 22px 18px;
      text-decoration: none;
      transition: .25s;
      background: #FFFFFF !important;
      border: 1px solid rgba(20,40,80,.08) !important;
      box-shadow: 0 8px 24px rgba(20,40,80,.05) !important;
      border-radius: 16px !important;
      min-height: 180px;
    }.kb-item.is-hidden,
    .kb-card.is-hidden{
      display: none !important;
    }.kb-item:last-child,
    .kb-item.is-last{ border-bottom: 1px solid rgba(20,40,80,.08) !important; }.kb-item:hover{
      background: #FFFFFF !important;
      border-color: rgba(43,127,255,.22) !important;
      box-shadow: 0 14px 32px rgba(20,40,80,.09) !important;
      transform: translateY(-3px);
    }.kb-item .kb-no{ display: none !important; }.kb-item .kb-body{ min-width: 0; width: 100%; order: 2; flex: 1 1 auto; }.kb-item .kb-cat{
      order: 1;
      display: inline-flex;
      align-items: center;
      font-size: 12px;
      font-weight: 700;
      letter-spacing: .02em;
      color: #1D5FD0 !important;
      margin: 0 0 12px;
      padding: 4px 10px;
      white-space: nowrap;
      border-radius: 999px;
      background: rgba(43,127,255,.08);
      border: 1px solid rgba(43,127,255,.18);
    }.kb-item h3{color: #142033;
      font-weight: 800;
      line-height: 1.45;
      margin: 0 0 8px;}.kb-item p{color: #5B6B7F;
      line-height: 1.65;
      margin: 0;
      max-width: none;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;}.kb-item .kb-go{
      order: 3;
      display:inline-flex;
      align-items:center;
      gap:6px;
      margin-top: 14px;
      color: #2B7FFF;
      font-size: 14px;
      font-weight: 600;
      white-space: nowrap;
      transition: .2s;
    }.kb-item .kb-go::after{
      content:'';
      width:7px;height:7px;
      border-right:2px solid currentColor;
      border-top:2px solid currentColor;
      transform:rotate(45deg) translateY(1px);
      flex:0 0 auto;
      transition:transform .2s;
    }.kb-item:hover .kb-go{ color: #1D6FEB; transform: translateX(3px); }.kb-item:hover .kb-go::after{ transform:rotate(45deg) translate(1px,-1px); }@media (max-width: 1200px){
      .kb-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    }@media (max-width: 1024px){
      .kb-layout { grid-template-columns: 160px minmax(0, 1fr); gap: 20px; }
    }@media (max-width: 900px){
      .kb-layout { grid-template-columns: 1fr; gap: 20px; }
      .kb-nav {
        position: static;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 8px;
      }
      .kb-chip {
        width: auto;
        border-left: none;
        border-bottom: 2px solid transparent;
        padding: 8px 12px;
        border-radius: 999px;
        background: #FFFFFF;
        border: 1px solid rgba(20,40,80,.10);
      }
      .kb-chip.active {
        border-left-color: transparent;
        border-bottom-color: transparent;
        border-color: rgba(43,127,255,.35);
        color: #1D5FD0;
        background: rgba(43,127,255,.10);
      }
      .kb-list { grid-template-columns: 1fr; gap: 12px; }
      .kb-item {
        min-height: 0;
        padding: 18px 18px 16px;
      }
      .kb-item h3 {}
      .kb-item p {}
    }.kb-pager{
      display: none;
      align-items: center;
      justify-content: flex-end;
      gap: 8px;
      margin-top: 22px;
      flex-wrap: wrap;
    }.kb-pager.is-visible{ display: flex; }.kb-pager-btn{
      min-width: 36px;
      height: 36px;
      padding: 0 12px;
      border-radius: 8px;
      border: 1px solid rgba(20,40,80,.12);
      background: #FFFFFF;
      color: #142033;
      font-size: 16px;
      font-weight: 600;
      cursor: pointer;
      transition: .2s;
    }.kb-pager-btn:hover:not(:disabled){
      color: #1D5FD0;
      border-color: rgba(43,127,255,.35);
      background: rgba(43,127,255,.08);
    }.kb-pager-btn.active{
      color: #FFFFFF;
      background: #2B7FFF;
      border-color: #2B7FFF;
    }.kb-pager-btn:disabled{
      opacity: .35;
      cursor: not-allowed;
    }.kb-pager-info{
      margin-right: auto;
      font-size: 16px;
      color: #5B6B7F;
    }#kb-pager-pages{
      display: inline-flex;
      gap: 8px;
      flex-wrap: wrap;
    }.kb-main{ min-width: 0; }.case-meta{ font-size: 16px; color: #5B6B7F; margin-bottom: 6px; }.case-meta strong{ color: #1D6FEB; font-weight: 600; }/* ── mobile menu ── */
    #mobile-menu{
      display: none;
      position: absolute;
      top: 100%; left: 0; right: 0;
      background: rgba(2,11,24,0.98);
      border-bottom: 1px solid rgba(29,111,235,0.2);
      padding: 12px 0;
    }#mobile-menu a{
      display: block;
      padding: 10px 24px;
      color: rgba(255,255,255,0.85);
      font-size: 16px;
    }#mobile-menu a:hover{ color: #00C8FF; background: rgba(29,111,235,0.1); }/* ── Global text-size for 1920px large, grand, authoritative ──
       text-xs  16px（不低于最小字号）
       text-sm  17px
       text-base20px
       text-lg  22px
       text-xl  24px
       text-2xl 28px
       text-3xl 36px
       text-4xl 46px
       text-5xl 58px
       text-6xl 72px
    */
    .text-xs{ font-size: 16px !important; }.text-sm{ font-size: 17px !important; }.text-base{ font-size: 20px !important; }.text-lg{ font-size: 22px !important; }.text-xl{ font-size: 24px !important; }.text-2xl{ font-size: 28px !important; }.text-3xl{ font-size: 36px !important; }.text-4xl{ font-size: 46px !important; }.text-5xl{ font-size: 58px !important; }.text-6xl{ font-size: 72px !important; }/* ════════════════════════════════════════
       明暗交替：浅色带 / 深色带
       ════════════════════════════════════════ */
    /* ════════════ AMBIENT BACKGROUND & GLASSMORPHISM (方案一) ════════════ */
    /* 全局环境光背景 */
    .ambient-bg{ display: none !important; }/* 柔和的光晕 */
    .ambient-orb{
      position: absolute;
      border-radius: 50%;
      filter: blur(100px);
      opacity: 0.4;
      animation: float-orb 25s infinite ease-in-out alternate;
    }.orb-1{ width: 70vw; height: 70vw; background: rgba(29, 111, 235, 0.12); top: -20%; left: -10%; }.orb-2{ width: 60vw; height: 60vw; background: rgba(0, 212, 255, 0.08); top: 30%; right: -15%; animation-delay: -7s; }.orb-3{ width: 80vw; height: 80vw; background: rgba(139, 92, 246, 0.06); bottom: -30%; left: 10%; animation-delay: -14s; }/* 细微的噪点纹理，增加质感，避免纯色带晕影的廉价感 */
    .ambient-noise{
      position: absolute;
      inset: 0;
      background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.04'/%3E%3C/svg%3E");
      mix-blend-mode: overlay;
      pointer-events: none;
    }@keyframes float-orb{
      0% { transform: translate(0, 0) scale(1); }
      100% { transform: translate(8%, 8%) scale(1.15); }
    }/* 统一移除之前硬切的背景色 */
    body, html{ background-color: #F5F8FC !important; color: #142033 !important; }.band-dark, .band-light, .band-light-2{
      background: transparent !important;
      border: none !important;
      color: #142033 !important;
    }/* 针对需要毛玻璃质感的卡片进行统一覆盖 */
    .stat-card, 
    .service-card, 
    .solution-shell, 
    .ai-dev-card, 
    .case-card, 
    .ai-scene-card,
    .glass,
    .glass-light{
      background: #FFFFFF !important;
      backdrop-filter: none !important;
      -webkit-backdrop-filter: none !important;
      border: 1px solid rgba(20, 40, 80, 0.10) !important;
      box-shadow: 0 8px 28px rgba(20, 40, 80, 0.06) !important;
      transition: all 0.3s ease;
      color: #142033 !important;
    }.service-card:hover, 
    .ai-dev-card:hover, 
    .case-card:hover,
    .ai-scene-card:hover{
      background: #F8FBFF !important;
      border-color: rgba(43, 127, 255, 0.28) !important;
      box-shadow: 0 14px 32px rgba(20, 40, 80, 0.10) !important;
      transform: translateY(-4px);
    }/* 明亮清晰文字 */
    .section-title{ color: #142033 !important; }.section-title .grad-text,
    .section-title .grad-text-gold,
    .hero-section .grad-text{
      background: linear-gradient(135deg, #1D6FEB 0%, #00A8D8 55%, #2B7FFF 100%);
      -webkit-background-clip: text; background-clip: text;
      -webkit-text-fill-color: transparent !important;
      color: transparent !important;
    }.section-sub{ color: #5B6B7F !important; }.service-card h3, .case-card h3, .kb-item h3, .ai-dev-card h3, .ai-scene-card h3{ color: #142033 !important; }.service-card p, .case-card .case-meta, .kb-item p, .ai-dev-card p, .ai-scene-card p, .ai-scene-card li{ color: #5B6B7F !important; }.ai-scene-card li{ background: #F5F8FC !important; border: 1px solid rgba(20,40,80,.06) !important; }.solution-tabs{ background: #FFFFFF !important; backdrop-filter: none; border: 1px solid rgba(20,40,80,.10); }.solution-tab{ color: #5B6B7F !important; }.solution-tab.active{ background: rgba(43,127,255,.10) !important; color: #142033 !important; border-color: rgba(43,127,255,.28) !important; }.solution-module{ background: #F8FBFF !important; border: 1px solid rgba(20,40,80,.08) !important; }.solution-module:hover{ background: #EEF4FB !important; border-color: rgba(43,127,255,.25) !important; }.solution-module h4{ color: #142033 !important; }.solution-module p{ color: #5B6B7F !important; }.process-dot{ background: linear-gradient(160deg,#EAF3FF,#fff) !important; border-color: rgba(43,127,255,.35) !important; box-shadow: 0 0 0 8px #F5F8FC !important; color: #1D6FEB !important; }.process-step:hover .process-dot{ border-color: #2B7FFF !important; box-shadow: 0 0 0 8px #F5F8FC, 0 8px 18px rgba(43,127,255,.15) !important; color: #1D6FEB !important; }.process-step h3{ color: #142033 !important; }.process-step p{ color: #5B6B7F !important; }.partner-logo-card > span:not(.partner-badge){ color: #142033 !important; }.partner-badge{ background: rgba(43,127,255,.08) !important; color: #1D5FD0 !important; border: 1px solid rgba(43,127,255,.18) !important; }/* ── 明亮主题覆盖 ── */
    .section-title{ color: #142033 !important; }.section-sub{ color: #5B6B7F !important; }.hero-section, .hero-section .text-white, .hero-content-left h1, .hero-content-left p{ color: #142033 !important; }.hero-section .grad-text, .section-title .grad-text{
      background: linear-gradient(135deg, #1D6FEB 0%, #00A8D8 55%, #2B7FFF 100%);
      -webkit-background-clip: text; background-clip: text;
      -webkit-text-fill-color: transparent !important; color: transparent !important;
    }.section-tag{
      background: rgba(43,127,255,.08) !important;
      border-color: rgba(43,127,255,.22) !important;
      color: #1D5FD0 !important;
    }.glass, .glass-light{
      background: #FFFFFF !important;
      border-color: rgba(20,40,80,.10) !important;
      backdrop-filter: none !important;
      -webkit-backdrop-filter: none !important;
    }.service-card, .ai-dev-card, .case-card, .ai-scene-card{
      background: #fff !important;
      border: 1px solid rgba(20,40,80,.10) !important;
      box-shadow: 0 8px 28px rgba(20,40,80,.06) !important;
      color: #142033 !important;
    }.service-card h3, .ai-dev-card h3, .case-card h3, .kb-item h3, .ai-scene-card h3,
    #why-haomao .ai-dev-card h3{ color: #142033 !important; }.service-card p, .ai-dev-card p, .kb-item p, .ai-scene-card p,
    #why-haomao .ai-dev-card p{ color: #5B6B7F !important; }.service-card:hover, .ai-scene-card:hover{
      background: #F8FBFF !important;
      border-color: rgba(43,127,255,.28) !important;
      box-shadow: 0 16px 36px rgba(20,40,80,.10) !important;
    }.why-geo span{ color: #1D5FD0 !important; }.process-stage-board{
      background: transparent !important;
      border: none !important;
      box-shadow: none !important;
    }.process-step h3{ color: #142033 !important; }.process-step p{ color: #5B6B7F !important; }.process-dot{
      background: linear-gradient(160deg, #EAF3FF, #F5F8FC) !important;
      border-color: rgba(43,127,255,.35) !important;
      color: #1D6FEB !important;
      box-shadow: 0 0 0 8px #F5F8FC !important;
    }.process-geo span{ color: #1D5FD0 !important; }.solution-shell, .solution-tabs{
      background: #fff !important;
      border: 1px solid rgba(20,40,80,.10) !important;
    }.solution-tab{ color: #5B6B7F !important; }.solution-tab.active{ background: rgba(43,127,255,.1) !important; color: #142033 !important; border-color: rgba(43,127,255,.3) !important; }.solution-module{ background: #F8FBFF !important; border: 1px solid rgba(20,40,80,.08) !important; }.solution-module h4{ color: #142033 !important; }.solution-module p{ color: #5B6B7F !important; }.tab-btn{ color: #5B6B7F !important; }.tab-btn.active, .tab-btn:hover{ color: #00A8D8 !important; border-color: rgba(0,168,216,.35); background: rgba(0,168,216,.08);     }footer, footer.py-12{
      background: transparent !important;
      color: rgba(255,255,255,.88) !important;
      border-top: none !important;
    }footer .text-white, footer h3, footer p{ color: #FFFFFF !important; }footer a{ color: rgba(255,255,255,.72) !important; }footer a:hover{ color: #7DD3FC !important; }footer .text-slate-400,
    footer .text-slate-500,
    footer .text-slate-600{ color: rgba(255,255,255,.68) !important; }footer .border-blue-900\/20,
    footer .border-b{ border-color: rgba(255,255,255,.14) !important; }.grid-bg{
      background-image:
        linear-gradient(rgba(43,127,255,0.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(43,127,255,0.06) 1px, transparent 1px) !important;
    }.digital-ref-image{
      mix-blend-mode: normal !important;
      filter: drop-shadow(0 18px 36px rgba(0,20,50,.35)) drop-shadow(0 0 22px rgba(0,180,255,.16)) !important;
      opacity: 1 !important;
      -webkit-mask-image: radial-gradient(ellipse 95% 90% at 50% 48%, #000 62%, rgba(0,0,0,.75) 80%, transparent 100%) !important;
      mask-image: radial-gradient(ellipse 95% 90% at 50% 48%, #000 62%, rgba(0,0,0,.75) 80%, transparent 100%) !important;
      animation: img-float 6.5s ease-in-out infinite !important;
    }#process .process-stage-board{background:transparent!important;border:none!important;box-shadow:none!important;}/* 明亮主题文字覆盖 */
    .text-white{ color: #142033 !important; }.btn-primary, .btn-gold, a.btn-primary, button.btn-primary,
    .cta-ban .text-white, .cta-banner .text-white, .ctab-ban .text-white,
    .cta-float .text-white, .cta-ban h2, .cta-banner h2,
    .cta-ban h2, .cta-banner h2, .ctab-ban h2{ color: #fff !important; }.cta-ban .cta-sub, .cta-banner .cta-sub, .cta-float .cta-sub,
    .cta-ban .cta-phone, .cta-banner .cta-phone{ color: rgba(255,255,255,.9) !important; }.partner-logo-card > span:not(.partner-badge){ color: #142033 !important; }.partner-badge{
      background: rgba(43,127,255,.08) !important;
      color: #1D5FD0 !important;
      border: 1px solid rgba(43,127,255,.18) !important;
    }.svc-tag{ color: #1D5FD0 !important; background: rgba(43,127,255,.08) !important; }.svc-more,
    #services .service-card > a.svc-more{
      color: #2B7FFF !important;
    }.svc-more:hover{ color: #1D6FEB !important; }.case-card h3, .kb-item h3{ color: #142033 !important; }.case-card .case-meta, .kb-item p{ color: #5B6B7F !important; }#cases .case-card .flex.items-center.gap-1{
      color: #67E8F9 !important;
      font-size: 16px;
    }#cases .case-card .flex.items-center.gap-1 i,
    #cases .case-card .flex.items-center.gap-1 svg{
      color: #67E8F9 !important;
      stroke: #67E8F9 !important;
    }#lead-title{ color: #142033 !important; }.process-dot{ color: #1D6FEB !important; box-shadow: 0 0 0 8px #F5F8FC !important; }/* MODULE-RHYTHM：各模块底色明显区分 */
    /* 首屏：稍深科技风（保留左文右图，避免雾面） */
    #hero.hero-section{
      background:
        linear-gradient(90deg, rgba(5,14,36,.28) 0%, rgba(5,14,36,.08) 32%, transparent 52%),
        url('../images/home_hero_bg.png?v=2') right center / cover no-repeat #071428 !important;
      color:#EAF4FF!important;
    }#hero #hero-canvas{opacity:.55;mix-blend-mode:screen;}#hero .hero-content-left h1,
    #hero .hero-content-left h1.text-white{
      color:#F4F8FF!important;
      -webkit-text-fill-color:#F4F8FF!important;
    }#hero .hero-content-left .grad-text{
      background:linear-gradient(120deg,#67E8F9,#38BDF8 45%,#2B7FFF)!important;
      -webkit-background-clip:text!important;background-clip:text!important;
      -webkit-text-fill-color:transparent!important;
      color:transparent!important;
    }#hero .hero-content-left p{
      color:#FFFFFF!important;
    }#hero .section-tag{
      background:rgba(0,200,255,.10)!important;
      border:1px solid rgba(0,200,255,.32)!important;
      color:#7DD3FC!important;
    }#hero .hero-chips{
      display:grid!important;
      grid-template-columns:repeat(3,minmax(0,1fr))!important;
      gap:10px!important;
      max-width:540px!important;
      width:100%!important;
      align-items:stretch!important;
    }#hero .hero-chip,
    #hero .hero-chip:nth-child(n){
      display:flex!important;
      align-items:center!important;
      justify-content:center!important;
      width:100%!important;
      min-height:44px!important;
      height:44px!important;
      padding:0 10px!important;
      box-sizing:border-box!important;
      text-align:center!important;
      white-space:nowrap!important;
      line-height:1.2!important;
      font-size:14px!important;
      background:rgba(8,28,52,.72)!important;
      border:1px solid rgba(0,200,255,.24)!important;
      color:#C8DDF5!important;
      border-radius:6px!important;
      box-shadow:none!important;
    }#hero .stat-card,
    #hero .stat-card:hover{
      background:linear-gradient(180deg,rgba(12,32,56,.88),rgba(8,22,40,.92))!important;
      border:1px solid rgba(0,200,255,.18)!important;
      box-shadow:0 10px 28px rgba(0,0,0,.22)!important;
      color:#EAF4FF!important;
      backdrop-filter:blur(8px);
    }#hero .stat-number{color:#F4F8FF!important;}#hero .stat-number .unit{color:#67E8F9!important;}#hero .stat-title{color:rgba(167,199,231,.82)!important;}#hero .stat-icon{
      background:rgba(0,200,255,.10)!important;
      border:1px solid rgba(0,200,255,.28)!important;
      color:var(--stat-color,#67E8F9)!important;
    }#hero .stat-icon i,
    #hero .stat-icon svg{color:inherit!important;stroke:currentColor!important;}#hero .digital-ref-image{
      mix-blend-mode:normal!important;
      filter:drop-shadow(0 18px 36px rgba(0,20,50,.35)) drop-shadow(0 0 22px rgba(0,180,255,.16))!important;
      opacity:1!important;
      -webkit-mask-image:radial-gradient(ellipse 95% 90% at 50% 48%,#000 62%,rgba(0,0,0,.75) 80%,transparent 100%)!important;
      mask-image:radial-gradient(ellipse 95% 90% at 50% 48%,#000 62%,rgba(0,0,0,.75) 80%,transparent 100%)!important;
      animation:img-float 6.5s ease-in-out infinite!important;
    }#hero .digital-scene::before{
      background:radial-gradient(ellipse at 50% 40%,rgba(0,212,255,.28),rgba(43,127,255,.1) 42%,transparent 70%),radial-gradient(ellipse at 50% 78%,rgba(0,120,220,.18),transparent 55%)!important;
    }#hero .digital-scene::after{
      display:none!important;
    }/* 服务：图一 Bento 布局（首卡加宽 + 文左图右） */
    #services{
      background:
        radial-gradient(ellipse 50% 40% at 8% 0%,rgba(43,127,255,.06),transparent 55%),
        linear-gradient(180deg,#F5F8FC 0%,#FFFFFF 48%,#FFFFFF 100%)!important;
    }#services .svc-head{
      margin-bottom:36px!important;
      text-align:center!important;
    }#services .svc-head-copy{
      max-width:920px;
      margin:0 auto!important;
      text-align:center!important;
    }#services .svc-head .section-title{
      margin:0!important;
      text-align:center!important;
      
      font-weight:800!important;
      color:#142033!important;
      letter-spacing:.01em!important;
    }#services .svc-head .section-title .grad-text{
      background:linear-gradient(135deg,#1D6FEB 0%,#00A8D8 55%,#2B7FFF 100%)!important;
      -webkit-background-clip:text!important;
      background-clip:text!important;
      -webkit-text-fill-color:transparent!important;
      color:transparent!important;
    }#services .svc-head .section-sub{
      margin:12px auto 0!important;
      text-align:center!important;
      
      line-height:1.7!important;
      color:#6B7C90!important;
      max-width:42em;
    }#services .svc-bento{
      gap:18px!important;
      align-items:stretch!important;
    }#services .service-card,
    #services .service-card.svc-featured{
      position:relative!important;
      min-height:220px!important;
      height:auto!important;
      padding:0!important;
      background:#FFFFFF!important;
      border:1px solid rgba(20,40,80,.06)!important;
      border-radius:18px!important;
      box-shadow:0 10px 30px rgba(20,40,80,.05)!important;
      backdrop-filter:none!important;
      overflow:hidden!important;
      display:flex!important;
      flex-direction:row!important;
      align-items:stretch!important;
      color:#142033!important;
      transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease!important;
    }#services .service-card::before,
    #services .service-card::after{display:none!important;content:none!important;}#services .service-card:hover{
      transform:translateY(-4px)!important;
      box-shadow:0 18px 40px rgba(20,40,80,.1)!important;
      border-color:rgba(43,127,255,.16)!important;
      background:#FFFFFF!important;
    }#services .svc-body{
      position:relative!important;
      z-index:2!important;
      flex:1 1 52%!important;
      min-width:0!important;
      display:flex!important;
      flex-direction:column!important;
      padding:26px 22px 24px!important;
    }#services .svc-featured .svc-body{padding:32px 28px 28px!important;flex-basis:48%!important;}#services .svc-visual{
      position:relative!important;
      flex:1 1 42%!important;
      min-width:120px!important;
      min-height:100%!important;
      background:
        linear-gradient(90deg,#FFFFFF 0%,rgba(255,255,255,.88) 12%,rgba(255,255,255,.25) 34%,transparent 52%),
        var(--svc-img) center right / contain no-repeat,
        #FFFFFF!important;
      background-origin:padding-box!important;
      mask-image:none;
      -webkit-mask-image:none;
    }#services .svc-featured .svc-visual{
      flex-basis:52%!important;
      background:
        linear-gradient(90deg,#FFFFFF 0%,rgba(255,255,255,.9) 16%,rgba(255,255,255,.2) 40%,transparent 58%),
        var(--svc-img) right center / contain no-repeat,
        #FFFFFF!important;
      background-size:auto, min(92%,420px) auto, auto!important;
    }#services .service-card:not(.svc-featured) .svc-visual{
      background-size:auto, min(100%,220px) auto, auto!important;
    }#services .service-card .service-icon{display:none!important;}#services .service-card h3{margin:0 0 10px!important;
      font-weight:700!important;
      color:#15233A!important;
      line-height:1.35!important;
      letter-spacing:0;}#services .svc-featured h3{}#services .service-card p{margin:0 0 14px!important;
      line-height:1.75!important;
      color:#5B6B7F!important;
      max-width:28em;
      flex:1 1 auto;}#services .service-card .svc-meta{
      margin:0 0 16px!important;
      font-size:13px!important;
      font-weight:400!important;
      color:#8A97A8!important;
      letter-spacing:.02em;
      line-height:1.6;
      white-space:nowrap!important;
      overflow:hidden;
      text-overflow:clip;
    }#services .service-card:not(.svc-featured) .svc-meta{
      font-size:12.5px!important;
      letter-spacing:0!important;
    }#services .service-card:not(.svc-featured) .svc-body{
      flex:1 1 58%!important;
      padding:24px 18px 22px!important;
    }#services .service-card:not(.svc-featured) .svc-visual{
      flex:0 1 38%!important;
      min-width:96px!important;
    }#services .service-card .svc-meta span + span::before{
      content:' · ';
      color:rgba(138,151,168,.6);
    }#services .service-card .svc-tag{display:none!important;}#services .service-card a.svc-more{
      margin-top:auto!important;
      padding:0!important;
      font-size:14px!important;
      font-weight:600!important;
      color:#2B7FFF!important;
      width:fit-content;
      text-decoration:none!important;
      display:inline-flex!important;
      align-items:center!important;
      gap:4px!important;
    }#services .service-card a.svc-more:hover{color:#1D6FEB!important;}@media (max-width:900px){
      #services .service-card,
      #services .service-card.svc-featured{
        flex-direction:column!important;
        min-height:0!important;
      }
      #services .svc-body,
      #services .svc-featured .svc-body{padding:22px 20px 20px!important;}
      #services .svc-visual,
      #services .svc-featured .svc-visual{
        flex:0 0 140px!important;
        min-height:140px!important;
        order:-1!important;
        background:
          linear-gradient(180deg,transparent 55%,#FFFFFF 100%),
          var(--svc-img) center / contain no-repeat,
          #FFFFFF!important;
        background-size:auto, min(70%,280px) auto, auto!important;
        mask-image:none;
        -webkit-mask-image:none;
      }
    }@media (max-width:640px){
      #services .svc-head{margin-bottom:28px!important;}
      #services .svc-bento{gap:14px!important;}
    }/* 解决方案：AI 段改深蓝科技底，与服务白底拉开 */
    #ai-scenes.ai-ability-bg,
    .ai-ability-bg{
      background:#071526 !important;
    }.ai-ability-bg::before{display:none!important;}/* AI 服务：与页面冷白同色，滚动时与导航顺接 */
    #ai-service{
      position:relative;
      background:#F5F8FC !important;
    }#ai-service::before{content:none!important;display:none!important;}#ai-service > *{position:relative;z-index:1;}/* 为什么选择：横向节点 + 深蓝科技底 */
    #why-haomao{
      position:relative;
      overflow:hidden;
      background:#071526!important;
      color:#E8F1FF!important;
      padding-top:120px!important;padding-bottom:120px!important;
    }#why-haomao::before{
      content:'';position:absolute;inset:0;pointer-events:none;z-index:0;
      background:
        radial-gradient(ellipse 60% 50% at 50% -5%,rgba(0,200,255,.18),transparent 58%),
        radial-gradient(ellipse 45% 40% at 90% 90%,rgba(43,127,255,.14),transparent 55%),
        linear-gradient(180deg,#0A1B33 0%,#071526 55%,#050F1C 100%);
    }#why-haomao::after{
      content:'';position:absolute;inset:0;pointer-events:none;z-index:0;
      background-image:
        linear-gradient(rgba(0,200,255,.05) 1px,transparent 1px),
        linear-gradient(90deg,rgba(0,200,255,.05) 1px,transparent 1px);
      background-size:48px 48px;
      mask-image:radial-gradient(ellipse 90% 75% at 50% 40%,#000 12%,transparent 80%);
      -webkit-mask-image:radial-gradient(ellipse 90% 75% at 50% 40%,#000 12%,transparent 80%);
      opacity:.7;
    }#why-haomao > *{position:relative;z-index:1;}#why-haomao .grid-bg{opacity:.18!important;}#why-haomao .sec-head{margin-bottom:64px!important;}#why-haomao .section-title{
      
      font-weight:800!important;
      color:#F4F8FF!important;
      letter-spacing:.02em;
    }#why-haomao .section-title .grad-text,
    #why-haomao .grad-text{
      background:linear-gradient(135deg,#67E8F9,#38BDF8,#2B7FFF)!important;
      -webkit-background-clip:text!important;background-clip:text!important;
      -webkit-text-fill-color:transparent!important;
    }#why-haomao .section-sub{
      
      margin-top:16px!important;
      color:rgba(186,208,235,.9)!important;
      line-height:1.7!important;
    }#why-haomao .why-cards{
      display:grid!important;
      grid-template-columns:repeat(4,minmax(0,1fr))!important;
      gap:28px!important;
      background:transparent!important;
      border:none!important;
      box-shadow:none!important;
      margin:0!important;
      padding:0!important;
    }#why-haomao .ai-dev-card,
    #why-haomao .ai-dev-card:hover{
      --why-accent:#1D6FEB;
      --why-ease:cubic-bezier(.22,.61,.36,1);
      position:relative!important;
      overflow:hidden!important;
      display:flex!important;
      flex-direction:column!important;
      align-items:flex-start!important;
      gap:0!important;
      height:100%!important;
      min-height:280px!important;
      margin:0!important;
      padding:36px 28px 32px!important;
      text-align:left!important;
      border:1px solid rgba(56,189,248,.16)!important;
      border-radius:22px!important;
      background:
        radial-gradient(ellipse at 20% 0%,rgba(56,189,248,.14),transparent 55%),
        linear-gradient(160deg,#0C2240 0%,#08182C 100%)!important;
      backdrop-filter:none!important;
      -webkit-backdrop-filter:none!important;
      box-shadow:0 16px 40px rgba(0,0,0,.28)!important;
      transform:none!important;
      cursor:default;
      transition:transform .4s var(--why-ease),border-color .4s var(--why-ease),box-shadow .4s var(--why-ease);
    }#why-haomao .ai-dev-card::before,
    #why-haomao .ai-dev-card::after{display:none!important;content:none!important;}#why-haomao .ai-dev-card:nth-child(2){
      --why-accent:#0891B2;
      background:
        radial-gradient(ellipse at 20% 0%,rgba(8,145,178,.16),transparent 55%),
        linear-gradient(160deg,#082430 0%,#06141F 100%)!important;
      border-color:rgba(8,145,178,.22)!important;
    }#why-haomao .ai-dev-card:nth-child(3){
      --why-accent:#1D5FD0;
      background:
        radial-gradient(ellipse at 20% 0%,rgba(43,127,255,.16),transparent 55%),
        linear-gradient(160deg,#0B1C3A 0%,#070F20 100%)!important;
      border-color:rgba(43,127,255,.22)!important;
    }#why-haomao .ai-dev-card:nth-child(4){
      --why-accent:#0284C7;
      background:
        radial-gradient(ellipse at 20% 0%,rgba(34,211,238,.14),transparent 55%),
        linear-gradient(160deg,#08202E 0%,#050E18 100%)!important;
      border-color:rgba(34,211,238,.2)!important;
    }#why-haomao .ai-dev-card:hover{
      transform:translateY(-6px)!important;
      box-shadow:0 22px 48px rgba(0,0,0,.34)!important;
    }#why-haomao .why-ico{
      flex:0 0 auto;
      width:72px;height:72px;border-radius:18px;
      display:flex;align-items:center;justify-content:center;
      margin-bottom:22px;
      background:rgba(8,28,52,.6)!important;
      border:1.5px solid rgba(103,232,249,.32)!important;
      box-shadow:
        0 0 0 1px rgba(0,200,255,.08),
        0 12px 28px rgba(0,200,255,.16)!important;
      transition:
        transform .4s var(--why-ease),
        border-color .4s var(--why-ease),
        box-shadow .4s var(--why-ease);
    }#why-haomao .ai-dev-card:nth-child(2) .why-ico{
      border-color:rgba(56,189,248,.38)!important;
      box-shadow:0 0 0 1px rgba(56,189,248,.08),0 12px 28px rgba(56,189,248,.16)!important;
    }#why-haomao .ai-dev-card:nth-child(3) .why-ico{
      border-color:rgba(43,127,255,.4)!important;
      box-shadow:0 0 0 1px rgba(43,127,255,.08),0 12px 28px rgba(43,127,255,.16)!important;
    }#why-haomao .ai-dev-card:nth-child(4) .why-ico{
      border-color:rgba(34,211,238,.38)!important;
      box-shadow:0 0 0 1px rgba(34,211,238,.08),0 12px 28px rgba(34,211,238,.16)!important;
    }#why-haomao .why-ico i,
    #why-haomao .why-ico svg{
      width:32px!important;height:32px!important;
      color:#67E8F9!important;
      stroke:#67E8F9!important;
    }#why-haomao .ai-dev-card:nth-child(2) .why-ico i,
    #why-haomao .ai-dev-card:nth-child(2) .why-ico svg{color:#38BDF8!important;stroke:#38BDF8!important;}#why-haomao .ai-dev-card:nth-child(3) .why-ico i,
    #why-haomao .ai-dev-card:nth-child(3) .why-ico svg{color:#60A5FA!important;stroke:#60A5FA!important;}#why-haomao .ai-dev-card:nth-child(4) .why-ico i,
    #why-haomao .ai-dev-card:nth-child(4) .why-ico svg{color:#22D3EE!important;stroke:#22D3EE!important;}#why-haomao .ai-dev-card:hover .why-ico{
      transform:translateY(-3px) scale(1.03);
      border-color:rgba(103,232,249,.55)!important;
      box-shadow:
        0 0 0 1px rgba(0,200,255,.14),
        0 16px 36px rgba(0,200,255,.26)!important;
    }#why-haomao .why-body{min-width:0;flex:1;padding-top:0;width:100%;}#why-haomao .why-no{display:none!important;}#why-haomao .ai-dev-card h3{font-weight:800!important;
      margin:0 0 14px!important;
      color:#F4F8FF!important;
      line-height:1.3!important;
      letter-spacing:.02em;}#why-haomao .ai-dev-card .why-body p,
    #why-haomao .ai-dev-card > p{line-height:1.75!important;
      color:rgba(186,208,235,.9)!important;margin:0!important;
      max-width:18em;}#why-haomao > .max-w-7xl{
      max-width:none!important;
      width:min(1600px,96vw)!important;
      padding-left:clamp(12px,1.5vw,24px)!important;
      padding-right:clamp(12px,1.5vw,24px)!important;
    }#why-haomao .why-highlights{
      margin-top:56px;
      width:100%;
      display:grid!important;
      grid-template-columns:repeat(5,minmax(0,1fr))!important;
      gap:14px 20px!important;
      align-items:center;
      justify-content:stretch;
    }#why-haomao .why-highlights span{
      display:flex!important;
      align-items:center!important;
      justify-content:center!important;
      gap:12px!important;
      min-height:0!important;
      padding:8px 4px!important;
      font-size:20px!important;
      font-weight:700!important;
      color:rgba(232,241,255,.96)!important;
      letter-spacing:.02em;
      border-radius:0!important;
      background:transparent!important;
      border:none!important;
      box-shadow:none!important;
      box-sizing:border-box!important;
      white-space:nowrap!important;
    }#why-haomao .why-highlights span i,
    #why-haomao .why-highlights span svg{
      width:26px!important;height:26px!important;
      color:#67E8F9!important;
      stroke:#67E8F9!important;
      flex:0 0 auto;
    }@media(max-width:1100px){
      #why-haomao .why-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important;}
      #why-haomao .ai-dev-card{min-height:240px!important;}
      #why-haomao .why-highlights{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
      #why-haomao .why-highlights span{font-size:17px!important;min-height:0!important;}
    }@media(max-width:900px){
      #why-haomao{padding-top:80px!important;padding-bottom:80px!important;}
      #why-haomao .sec-head{margin-bottom:44px!important;}
      #why-haomao .why-cards{grid-template-columns:1fr!important;gap:18px!important;}
      #why-haomao .ai-dev-card{min-height:0!important;padding:28px 24px!important;}
      #why-haomao .ai-dev-card h3{}
      #why-haomao .why-highlights{margin-top:36px;grid-template-columns:1fr 1fr!important;gap:14px 16px!important;}
      #why-haomao .why-highlights span{font-size:16px!important;white-space:normal!important;min-height:0!important;padding:6px 2px!important;}
    }/* 流程：开放式时间线，无底板框 */
    #process{
      background:
        radial-gradient(ellipse at 50% 0%, rgba(43,127,255,.08), transparent 55%),
        linear-gradient(180deg, #F5F8FC 0%, #EEF4FB 100%) !important;
    }#process .process-stage-board{
      background:transparent!important;
      border:none!important;
      border-radius:0!important;
      padding:8px 0 0!important;
      box-shadow:none!important;
      backdrop-filter:none!important;
    }#process .process-dot{
      background:linear-gradient(160deg,#EAF3FF,#fff)!important;
      border-color:rgba(43,127,255,.30)!important;
      box-shadow:0 0 0 8px #F5F8FC,0 8px 20px rgba(43,127,255,.10)!important;
      color:#1D6FEB!important;
    }#process .process-step:hover .process-dot{
      box-shadow:0 0 0 8px #EEF4FB,0 12px 24px rgba(43,127,255,.16)!important;
      color:#1D6FEB!important;
    }#process .process-geo{
      border-top:none!important;
    }#process .process-geo span{
      color:#1D5FD0!important;
      background:rgba(43,127,255,.08)!important;
      border:1px solid rgba(43,127,255,.16)!important;
    }/* 案例：深蓝科技风底 */
    #cases{
      position:relative;
      overflow:hidden;
      background:#071526!important;
      color:#E8F1FF!important;
    }#cases .cases-tech-bg{
      position:absolute;inset:0;pointer-events:none;z-index:0;
      background:
        radial-gradient(ellipse 60% 50% at 50% -10%,rgba(0,200,255,.14),transparent 58%),
        radial-gradient(ellipse 40% 40% at 0% 80%,rgba(43,127,255,.12),transparent 55%),
        linear-gradient(180deg,#0A1B33 0%,#071526 55%,#050F1C 100%);
    }#cases .cases-tech-bg::before{
      content:'';position:absolute;inset:0;
      background-image:
        linear-gradient(rgba(0,200,255,.05) 1px,transparent 1px),
        linear-gradient(90deg,rgba(0,200,255,.05) 1px,transparent 1px);
      background-size:40px 40px;
      mask-image:radial-gradient(ellipse 85% 70% at 50% 40%,#000 10%,transparent 78%);
      -webkit-mask-image:radial-gradient(ellipse 85% 70% at 50% 40%,#000 10%,transparent 78%);
      opacity:.7;
    }#cases > .max-w-7xl{position:relative;z-index:1;}#cases .section-title{color:#F4F8FF!important;}#cases .section-title .grad-text,
    #cases .grad-text{
      background:linear-gradient(135deg,#67E8F9,#38BDF8,#2B7FFF)!important;
      -webkit-background-clip:text!important;background-clip:text!important;
      -webkit-text-fill-color:transparent!important;
    }#cases .section-sub{color:rgba(186,208,235,.88)!important;}#cases .tab-btn{
      color:#E8F1FF!important;
      background:transparent!important;
      border:1px solid transparent!important;
    }#cases .tab-btn:hover{
      color:#FFFFFF!important;
      background:rgba(0,200,255,.08)!important;
    }#cases .tab-btn.active{
      color:#67E8F9!important;
      background:rgba(0,200,255,.12)!important;
      border-color:rgba(0,200,255,.28)!important;
      box-shadow:0 0 18px rgba(0,200,255,.12);
    }#cases .case-card,
    #cases .case-card:hover{
      background:
        radial-gradient(ellipse at 80% 0%,rgba(43,127,255,.10),transparent 50%),
        linear-gradient(180deg,#0C2240 0%,#08182C 100%)!important;
      border:1px solid rgba(0,200,255,.16)!important;
      box-shadow:0 12px 36px rgba(0,0,0,.28)!important;
      backdrop-filter:blur(10px);
      -webkit-backdrop-filter:blur(10px);
    }#cases .case-card:nth-child(2),
    #cases .case-card:nth-child(2):hover{
      background:
        radial-gradient(ellipse at 80% 0%,rgba(245,158,11,.10),transparent 50%),
        linear-gradient(180deg,#1A1824 0%,#12101A 100%)!important;
      border-color:rgba(245,158,11,.18)!important;
    }#cases .case-card:nth-child(3),
    #cases .case-card:nth-child(3):hover{
      background:
        radial-gradient(ellipse at 80% 0%,rgba(16,185,129,.10),transparent 50%),
        linear-gradient(180deg,#0A241E 0%,#071814 100%)!important;
      border-color:rgba(16,185,129,.18)!important;
    }#cases .case-card:nth-child(4),
    #cases .case-card:nth-child(4):hover{
      background:
        radial-gradient(ellipse at 80% 0%,rgba(139,92,246,.12),transparent 50%),
        linear-gradient(180deg,#15122A 0%,#0E0C1C 100%)!important;
      border-color:rgba(139,92,246,.18)!important;
    }#cases .case-card:nth-child(5),
    #cases .case-card:nth-child(5):hover{
      background:
        radial-gradient(ellipse at 80% 0%,rgba(0,200,255,.12),transparent 50%),
        linear-gradient(180deg,#072630 0%,#061820 100%)!important;
      border-color:rgba(0,200,255,.18)!important;
    }#cases .case-card:nth-child(6),
    #cases .case-card:nth-child(6):hover{
      background:
        radial-gradient(ellipse at 80% 0%,rgba(59,130,246,.12),transparent 50%),
        linear-gradient(180deg,#0A1834 0%,#070F20 100%)!important;
      border-color:rgba(59,130,246,.18)!important;
    }#cases .case-card:hover{
      box-shadow:0 16px 40px rgba(0,0,0,.35),0 0 28px rgba(0,200,255,.10)!important;
      transform:translateY(-4px);
    }#cases .case-card h3{
      color:#F4F8FF!important;
      -webkit-text-fill-color:#F4F8FF!important;
    }#cases .case-card .case-meta{
      color:rgba(186,208,235,.82)!important;
    }#cases .case-card .case-meta strong{
      color:#67E8F9!important;
      font-weight:700;
    }#cases .case-card .flex.items-center.gap-1{
      color:#67E8F9!important;
    }#cases .case-card .flex.items-center.gap-1 i,
    #cases .case-card .flex.items-center.gap-1 svg{
      color:#67E8F9!important;
      stroke:#67E8F9!important;
    }#cases #more-cases-btn.btn-outline,
    #cases .btn-outline{
      color:#E8F1FF!important;
      border-color:rgba(0,200,255,.35)!important;
      background:rgba(0,200,255,.06)!important;
    }#cases #more-cases-btn.btn-outline:hover,
    #cases .btn-outline:hover{
      color:#FFFFFF!important;
      border-color:rgba(0,200,255,.55)!important;
      background:rgba(0,200,255,.14)!important;
      box-shadow:0 0 24px rgba(0,200,255,.16);
    }/* 合作伙伴：纯白底，与上方案例深蓝拉开 */
    #partners{
      background: #FFFFFF !important;
    }#partners .grid-bg{ opacity: .22; }/* 知识库 + CTA 外沿：同一冰蓝底，避免分页下方突然变白 */
    #news{
      background:
        linear-gradient(180deg, #E6F0FA 0%, #EEF4FB 100%) !important;
    }/* CTA 外沿接上一段知识库冰蓝底 */
    :root{ --cta-band-bg:#EEF4FB; }/* CTA 叠压样式由 site-common 统一控制 */

    /* ── 最终去雾校正（压过所有残留深色/白字） ── */
    html, body{ background: #F5F8FC !important; color: #142033 !important; }.ambient-bg{ display: none !important; }.hero-section::after{ display: none !important; }.solution-shell,
    .faq-item,
    .article-list-card{
      background: #FFFFFF !important;
      border: 1px solid rgba(20,40,80,.10) !important;
      box-shadow: 0 8px 28px rgba(20,40,80,.06) !important;
    }#news .kb-list{
      background: transparent !important;
      border: none !important;
      box-shadow: none !important;
    }/* 首页三段能力区拉开差异 */
    #services{
      background:linear-gradient(180deg,#F7FAFD 0%,#FFFFFF 40%,#FFFFFF 100%)!important;
    }#ai-scenes.ai-ability-bg,.ai-ability-bg{
      background:#071526!important;
    }/* 行业方案：与导航/页面同色冷白，避免纯白导航压在灰蓝底上撞色 */
    #ai-service{
      background:#F5F8FC!important;
    }#ai-service > .grid-bg{
      opacity:.35;
    }/* AI 场景：深蓝科技，少框开放式节点流 */
    #ai-scenes{
      position:relative;
      overflow:hidden;
      border-top:none;
      border-bottom:none;
      background:#071526!important;
      color:#E8F1FF!important;
    }#ai-scenes.ai-ability-bg::before{display:none!important;}#ai-scenes .ai-scenes-bg{
      position:absolute;inset:0;pointer-events:none;z-index:0;
      background:
        radial-gradient(ellipse 60% 50% at 50% -10%,rgba(0,200,255,.16),transparent 58%),
        radial-gradient(ellipse 40% 40% at 100% 80%,rgba(43,127,255,.14),transparent 55%),
        linear-gradient(180deg,#0A1B33 0%,#071526 55%,#050F1C 100%);
    }#ai-scenes .ai-scenes-bg::before{
      content:'';position:absolute;inset:0;
      background-image:
        linear-gradient(rgba(0,200,255,.06) 1px,transparent 1px),
        linear-gradient(90deg,rgba(0,200,255,.06) 1px,transparent 1px);
      background-size:40px 40px;
      mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,#000 8%,transparent 78%);
      -webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,#000 8%,transparent 78%);
      opacity:.75;
    }#ai-scenes .ai-scenes-bg::after{
      content:'';position:absolute;inset:0;
      background:linear-gradient(120deg,transparent 42%,rgba(0,200,255,.035) 50%,transparent 58%);
      background-size:220% 100%;
      animation:aiScanSweep 8s linear infinite;
    }@keyframes aiScanSweep{
      0%{background-position:120% 0;}
      100%{background-position:-120% 0;}
    }#ai-scenes .section-title{color:#F4F8FF!important;}#ai-scenes .section-title .grad-text,
    #ai-scenes .grad-text{
      background:linear-gradient(135deg,#67E8F9,#38BDF8,#2B7FFF)!important;
      -webkit-background-clip:text!important;background-clip:text!important;
      -webkit-text-fill-color:transparent!important;
    }#ai-scenes .section-sub{color:rgba(186,208,235,.88)!important;}#ai-scenes .ai-scenes-badge{
      display:inline-flex;align-items:center;gap:8px;
      margin:0 auto 14px;
      padding:0;
      border-radius:0;
      font-family:"Space Grotesk",sans-serif;
      font-size:12px;font-weight:700;letter-spacing:.12em;
      color:#67E8F9!important;
      background:transparent;
      border:none;
      box-shadow:none;
    }#ai-scenes .ai-scenes-badge i{
      width:7px;height:7px;border-radius:50%;
      background:#22D3EE;
      box-shadow:0 0 0 4px rgba(34,211,238,.2),0 0 12px rgba(34,211,238,.55);
      animation:aiNodePulse 1.8s ease-in-out infinite;
    }@keyframes aiNodePulse{
      0%,100%{transform:scale(1);opacity:1;}
      50%{transform:scale(1.25);opacity:.7;}
    }#ai-scenes .ai-scene-rail,
    #ai-scenes .ai-scene-rail-line{display:none!important;}/* 加宽展示区：接近通栏，卡片偏横向 */
    #ai-scenes > .max-w-7xl{
      max-width:none!important;
      width:min(1720px,96vw)!important;
      padding-left:clamp(12px,1.2vw,20px)!important;
      padding-right:clamp(12px,1.2vw,20px)!important;
      margin-left:auto!important;
      margin-right:auto!important;
    }#ai-scenes .ai-scene-board{
      position:relative;
      padding:0;
      border-radius:0;
      background:transparent;
      border:none;
      box-shadow:none;
    }#ai-scenes .ai-scene-board::before,
    #ai-scenes .ai-scene-board::after{display:none!important;}#ai-scenes .ai-scene-grid{
      display:grid!important;
      grid-template-columns:repeat(4,minmax(0,1fr))!important;
      gap:14px 12px!important;
      position:relative;
      padding-top:0;
    }#ai-scenes .ai-scene-grid::before{display:none!important;}@media(max-width:1024px){
      #ai-scenes .ai-scene-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px 20px!important;}
      #ai-scenes .ai-scene-grid::before{display:none;}
    }@media(max-width:640px){
      #ai-scenes .ai-scene-grid{grid-template-columns:1fr!important;gap:20px!important;}
    }/* 模块深色底板：四卡色调略有差异 */
    #ai-scenes .ai-scene-card{
      --accent:#38BDF8;
      position:relative;z-index:1;
      background:
        radial-gradient(ellipse at 50% 0%,rgba(56,189,248,.14),transparent 58%),
        linear-gradient(180deg,#0C2240 0%,#08182C 100%)!important;
      border:1px solid rgba(56,189,248,.16)!important;
      border-radius:18px!important;
      box-shadow:0 12px 32px rgba(0,0,0,.25)!important;
      padding:18px 14px 16px!important;
      text-align:center!important;
      overflow:hidden!important;
      height:auto!important;
      min-height:0!important;
      aspect-ratio:auto!important;
      transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;
    }#ai-scenes .ai-scene-card[data-accent="blue"]{
      --accent:#38BDF8;
      background:
        radial-gradient(ellipse at 50% 0%,rgba(56,189,248,.14),transparent 58%),
        linear-gradient(180deg,#0C2240 0%,#08182C 100%)!important;
      border-color:rgba(56,189,248,.16)!important;
    }#ai-scenes .ai-scene-card[data-accent="violet"],
    #ai-scenes .ai-scene-card[data-accent="cyan"]{
      --accent:#A78BFA;
      background:
        radial-gradient(ellipse at 50% 0%,rgba(167,139,250,.22),transparent 58%),
        linear-gradient(180deg,#18122E 0%,#100E1C 100%)!important;
      border-color:rgba(167,139,250,.32)!important;
      box-shadow:0 12px 32px rgba(0,0,0,.25),0 0 28px rgba(139,92,246,.12)!important;
    }#ai-scenes .ai-scene-card[data-accent="amber"]{
      --accent:#FBBF24;
      background:
        radial-gradient(ellipse at 50% 0%,rgba(251,191,36,.12),transparent 58%),
        linear-gradient(180deg,#1A1824 0%,#12101A 100%)!important;
      border-color:rgba(251,191,36,.16)!important;
    }#ai-scenes .ai-scene-card[data-accent="green"]{
      --accent:#34D399;
      background:
        radial-gradient(ellipse at 50% 0%,rgba(52,211,153,.12),transparent 58%),
        linear-gradient(180deg,#0A241E 0%,#071814 100%)!important;
      border-color:rgba(52,211,153,.16)!important;
    }#ai-scenes .ai-scene-card::before{display:none!important;}#ai-scenes .ai-scene-card:hover{
      transform:translateY(-4px)!important;
      box-shadow:0 16px 36px rgba(0,0,0,.32)!important;
      border-color:rgba(103,232,249,.28)!important;
    }#ai-scenes .ai-scene-head{display:contents;}/* 图标：无方框，只用发光 */
    #ai-scenes .ai-scene-ico{
      width:52px!important;height:52px!important;margin:0 auto 8px!important;
      border-radius:50%!important;
      display:flex!important;align-items:center;justify-content:center;
      color:var(--accent)!important;
      background:radial-gradient(circle,rgba(56,189,248,.16) 0%,transparent 70%)!important;
      border:none!important;
      box-shadow:0 0 22px rgba(0,200,255,.18)!important;
    }#ai-scenes .ai-scene-card[data-accent="violet"] .ai-scene-ico,
    #ai-scenes .ai-scene-card[data-accent="cyan"] .ai-scene-ico{
      background:radial-gradient(circle,rgba(167,139,250,.28) 0%,transparent 70%)!important;
      box-shadow:0 0 24px rgba(167,139,250,.35)!important;
      color:#C4B5FD!important;
    }#ai-scenes .ai-scene-card[data-accent="amber"] .ai-scene-ico{
      background:radial-gradient(circle,rgba(251,191,36,.16) 0%,transparent 70%)!important;
      box-shadow:0 0 22px rgba(251,191,36,.18)!important;
    }#ai-scenes .ai-scene-card[data-accent="green"] .ai-scene-ico{
      background:radial-gradient(circle,rgba(52,211,153,.16) 0%,transparent 70%)!important;
      box-shadow:0 0 22px rgba(52,211,153,.18)!important;
    }#ai-scenes .ai-scene-ico i,
    #ai-scenes .ai-scene-ico svg{
      width:30px!important;height:30px!important;
      color:inherit!important;stroke:currentColor!important;
    }#ai-scenes .ai-scene-no{display:none!important;}#ai-scenes .ai-scene-card h3{margin:2px 0 10px!important;
      font-weight:800!important;
      line-height:1.25!important;
      color:#F4F8FF!important;}#ai-scenes .ai-scene-card > p{margin:0 auto 14px!important;
      line-height:1.6!important;
      color:rgba(186,208,235,.88)!important;
      max-width:none!important;
      padding:0!important;}/* 标签：小胶囊，按模块分色 */
    #ai-scenes .ai-scene-card ul{
      display:flex!important;
      flex-wrap:nowrap!important;
      justify-content:center!important;
      align-items:center!important;
      gap:6px!important;
      list-style:none!important;
      padding:0!important;
      margin:0!important;
      flex-direction:row!important;
      width:100%!important;
    }#ai-scenes .ai-scene-card li,
    #ai-scenes .ai-scene-card li:hover{
      display:inline-flex!important;
      align-items:center!important;
      justify-content:center!important;
      flex:1 1 0!important;
      min-width:0!important;
      border-radius:999px!important;
      padding:10px 8px!important;
      font-size:15px!important;
      white-space:nowrap!important;
      font-weight:600!important;
      line-height:1.2!important;
      white-space:nowrap!important;
    }#ai-scenes .ai-scene-card li::before,
    #ai-scenes .ai-scene-card li:hover::before,
    #ai-scenes .ai-scene-card li + li::before{
      display:none!important;content:none!important;
    }#ai-scenes .ai-scene-card[data-accent="blue"] li{
      color:#7DD3FC!important;
      background:rgba(56,189,248,.14)!important;
      border:1px solid rgba(125,211,252,.38)!important;
    }#ai-scenes .ai-scene-card[data-accent="violet"] li,
    #ai-scenes .ai-scene-card[data-accent="cyan"] li{
      color:#DDD6FE!important;
      background:rgba(167,139,250,.18)!important;
      border:1px solid rgba(196,181,253,.42)!important;
    }#ai-scenes .ai-scene-card[data-accent="amber"] li{
      color:#FDE68A!important;
      background:rgba(251,191,36,.14)!important;
      border:1px solid rgba(252,211,77,.4)!important;
    }#ai-scenes .ai-scene-card[data-accent="green"] li{
      color:#A7F3D0!important;
      background:rgba(52,211,153,.14)!important;
      border:1px solid rgba(110,231,183,.4)!important;
    }#ai-scenes .ai-scenes-cta{
      border:1px solid rgba(56,189,248,.35)!important;
      color:#67E8F9!important;
      background:transparent!important;
      box-shadow:none;
    }#ai-scenes .ai-scenes-cta:hover{
      background:rgba(14,40,72,.55)!important;
      border-color:rgba(103,232,249,.55)!important;
      color:#E0F2FE!important;
    }@media (prefers-reduced-motion:reduce){
      #ai-scenes .ai-scenes-badge i,
      #ai-scenes .ai-scenes-bg::after{animation:none!important;}
    }/* 行业方案：左侧品牌色说明板 + 右侧开放清单 */
    #ai-service .solution-shell{
      background:transparent!important;
      border:none!important;
      box-shadow:none!important;
      overflow:visible!important;
    }#ai-service .solution-layout{
      display:grid;
      grid-template-columns:minmax(280px,.85fr) minmax(0,1.55fr);
      gap:28px;
      align-items:stretch;
    }@media(max-width:1024px){
      #ai-service .solution-layout{grid-template-columns:1fr;}
    }#ai-service .solution-aside{
      background:linear-gradient(160deg,#1D6FEB 0%,#0B8FB8 100%)!important;
      border:none!important;
      border-radius:24px!important;
      padding:40px 36px!important;
      box-shadow:0 16px 36px rgba(29,111,235,.22)!important;
      color:#FFFFFF!important;
    }#ai-service .solution-aside #solution-title{
      color:#FFFFFF!important;
      font-size:clamp(24px,2.2vw,30px)!important;
      line-height:1.35!important;
      margin-bottom:22px!important;
    }#ai-service .solution-aside .ai-dev-tag{
      background:rgba(255,255,255,.16)!important;
      border:1px solid rgba(255,255,255,.28)!important;
      color:#FFFFFF!important;
      font-size:14px!important;
      padding:6px 12px!important;
    }#ai-service .solution-bullet{
      color:rgba(255,255,255,.92)!important;
      font-size:16px!important;
      line-height:1.75!important;
    }#ai-service .solution-bullet::before{background:#FFFFFF!important;box-shadow:none!important;}#ai-service .solution-cta{
      background:#FFFFFF!important;
      color:#1D6FEB!important;
      box-shadow:0 8px 20px rgba(8,30,60,.12)!important;
      font-size:16px!important;
      padding:14px 22px!important;
    }#ai-service .solution-main{
      background:transparent!important;
      border:none!important;
      border-radius:0!important;
      padding:4px 4px 4px 20px!important;
      box-shadow:none!important;
      border-left:1px solid rgba(20,40,80,.10)!important;
      display:flex;
      align-items:center;
    }@media(max-width:1024px){
      #ai-service .solution-main{
        border-left:none!important;
        border-top:1px solid rgba(20,40,80,.10)!important;
        padding:22px 0 0!important;
      }
    }#ai-service .solution-modules{
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:0 40px;
      width:100%;
    }@media(max-width:640px){
      #ai-service .solution-modules{grid-template-columns:1fr;gap:0;}
    }#ai-service .solution-module{
      display:flex!important;
      align-items:flex-start;
      gap:16px;
      min-height:0!important;
      padding:22px 4px!important;
      border-radius:0!important;
      background:transparent!important;
      border:none!important;
      border-bottom:1px solid rgba(20,40,80,.08)!important;
      box-shadow:none!important;
      transform:none!important;
    }#ai-service .solution-module:hover{
      background:transparent!important;
      transform:none!important;
      border-color:rgba(20,40,80,.08)!important;
    }#ai-service .solution-module-icon{
      width:48px!important;height:48px!important;margin:0!important;
      border-radius:14px!important;padding:0!important;
      display:flex!important;align-items:center;justify-content:center;
      background:rgba(43,127,255,.08)!important;
      border:1px solid rgba(43,127,255,.16)!important;
      flex:0 0 auto;
    }#ai-service .solution-module:nth-child(3n+2) .solution-module-icon{
      background:rgba(0,168,216,.08)!important;
      border-color:rgba(0,168,216,.18)!important;
    }#ai-service .solution-module:nth-child(3n+3) .solution-module-icon{
      background:rgba(15,159,110,.08)!important;
      border-color:rgba(15,159,110,.18)!important;
    }#ai-service .solution-module-icon i,
    #ai-service .solution-module-icon svg{
      width:24px!important;height:24px!important;
    }#ai-service .solution-module-body{min-width:0;padding-top:2px;}#ai-service .solution-module h4{margin:0 0 8px!important;
      font-weight:800!important;
      line-height:1.35!important;
      color:#142033!important;}#ai-service .solution-module p{margin:0!important;
      line-height:1.65!important;
      color:#5B6B7F!important;}.partner-marquee,
    #partners .partner-marquee{
      background: transparent !important;
      border: none !important;
      box-shadow: none !important;
    }#process .process-stage-board,
    .process-stage-board{
      background: transparent !important;
      border: none !important;
      box-shadow: none !important;
    }#news .kb-layout{
      grid-template-columns:180px minmax(0,1fr)!important;
      gap:28px!important;
    }#news .kb-main{max-width:none;width:100%;}#news .kb-list{
      display:grid!important;
      grid-template-columns:repeat(3,minmax(0,1fr))!important;
      gap:18px!important;
      background:transparent!important;
      border:none!important;
      box-shadow:none!important;
      padding:0!important;
    }#news .kb-item{
      display:flex!important;
      flex-direction:column!important;
      align-items:flex-start!important;
      gap:0!important;
      padding:22px 22px 18px!important;
      min-height:180px!important;
      background: #FFFFFF !important;
      border: 1px solid rgba(20,40,80,.08) !important;
      box-shadow: 0 8px 24px rgba(20,40,80,.05) !important;
      border-radius: 16px !important;
    }#news .kb-item.is-hidden,
    #news .kb-card.is-hidden{
      display:none!important;
    }#news .kb-item:last-child,
    #news .kb-item.is-last{ border-bottom: 1px solid rgba(20,40,80,.08) !important; }#news .kb-item:hover{
      background: #FFFFFF !important;
      border-color: rgba(43,127,255,.22) !important;
      box-shadow: 0 14px 32px rgba(20,40,80,.09) !important;
    }#news .kb-item .kb-no{display:none!important;}#news .kb-item .kb-cat{
      order:1!important;
      display:inline-flex!important;
      color:#1D5FD0!important;
      margin:0 0 12px!important;
      padding:4px 10px!important;
      border-radius:999px!important;
      background:rgba(43,127,255,.08)!important;
      border:1px solid rgba(43,127,255,.18)!important;
      font-size:12px!important;
      font-weight:700!important;
    }#news .kb-item .kb-body{order:2!important;width:100%!important;}#news .kb-item .kb-go{
      order:3!important;
      display:inline-flex!important;
      align-items:center!important;
      gap:6px!important;
      margin-top:14px!important;
      color:#2B7FFF!important;
      justify-self:auto!important;
    }#news .kb-item .kb-go::after{
      content:''!important;
      width:7px!important;height:7px!important;
      border-right:2px solid currentColor!important;
      border-top:2px solid currentColor!important;
      transform:rotate(45deg) translateY(1px)!important;
    }#news .kb-item h3{color: #142033 !important;
      font-weight: 800 !important;
      line-height: 1.45 !important;
      margin: 0 0 8px !important;}#news .kb-item p{color: #5B6B7F !important;
      line-height: 1.65 !important;}@media (max-width:1200px){
      #news .kb-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
    }@media (max-width:1024px){
      #news .kb-layout{grid-template-columns:160px minmax(0,1fr)!important;}
    }@media (max-width:900px){
      #news .kb-layout{grid-template-columns:1fr!important;}
      #news .kb-list{grid-template-columns:1fr!important;gap:12px!important;}
      #news .kb-item{
        min-height:0!important;
        padding:18px 18px 16px!important;
      }
      #news .kb-item h3{}
      #news .kb-item p{}
    }#news .kb-chip{ color: #5B6B7F !important; }#news .kb-chip.active{ color: #1D5FD0 !important; background: rgba(43,127,255,.10) !important; }#news .grid-bg{ opacity: .35; }.partner-logo-card,
    #partners .partner-logo-card{
      background: transparent !important;
      backdrop-filter: none !important;
      -webkit-backdrop-filter: none !important;
      border: none !important;
      box-shadow: none !important;
      color: #142033 !important;
    }.partner-logo-card > span:not(.partner-badge),
    .partner-logo-card .text-white.text-sm{ color: #142033 !important; }
    #partners img, #partners .partner-logo{
      border:none!important;outline:none!important;box-shadow:none!important;
      background:transparent!important;
    }.partner-badge{
      color: #1D5FD0 !important;
      background: rgba(43,127,255,.08) !important;
      border-color: rgba(43,127,255,.18) !important;
    }.tab-btn{ color: #5B6B7F !important; }.tab-btn.active, .tab-btn:hover{ color: #00A8D8 !important; background: rgba(0,168,216,.08) !important; }.solution-tab{ color: #5B6B7F !important; }.solution-tab.active{ color: #FFFFFF !important; background: linear-gradient(135deg,#2B7FFF,#00A8D8) !important; }.solution-bullet{ color: #5B6B7F !important; }.faq-question, .faq-item p, .article-list-card, .kb-item p{ color: #5B6B7F !important; }.faq-question{ color: #142033 !important; }.case-card h3, .service-card h3{ color: #142033 !important; }.digital-ref-image{
      mix-blend-mode: normal !important;
      filter: drop-shadow(0 18px 36px rgba(0,20,50,.35)) drop-shadow(0 0 22px rgba(0,180,255,.16)) !important;
      opacity: 1 !important;
      -webkit-mask-image: radial-gradient(ellipse 95% 90% at 50% 48%, #000 62%, rgba(0,0,0,.75) 80%, transparent 100%) !important;
      mask-image: radial-gradient(ellipse 95% 90% at 50% 48%, #000 62%, rgba(0,0,0,.75) 80%, transparent 100%) !important;
      animation: img-float 6.5s ease-in-out infinite !important;
    }/* 首屏：最终强制稍深科技风 */
    #hero.hero-section{
      background:
        linear-gradient(90deg, rgba(5,14,36,.28) 0%, rgba(5,14,36,.08) 32%, transparent 52%),
        url('../images/home_hero_bg.png?v=2') right center / cover no-repeat #071428 !important;
      color:#EAF4FF!important;
    }#hero .hero-content-left h1,
    #hero .hero-content-left h1.text-white{color:#F4F8FF!important;-webkit-text-fill-color:#F4F8FF!important;}#hero .hero-content-left p{color:#FFFFFF!important;}#hero .section-tag{
      background:rgba(0,200,255,.10)!important;
      border:1px solid rgba(0,200,255,.32)!important;
      color:#7DD3FC!important;
    }#hero .hero-chips{
      display:grid!important;
      grid-template-columns:repeat(3,minmax(0,1fr))!important;
      gap:10px!important;
      max-width:540px!important;
      width:100%!important;
    }#hero .hero-chip,
    #hero .hero-chip:nth-child(n){
      display:flex!important;
      align-items:center!important;
      justify-content:center!important;
      width:100%!important;
      min-height:44px!important;
      height:44px!important;
      padding:0 10px!important;
      box-sizing:border-box!important;
      text-align:center!important;
      white-space:nowrap!important;
      font-size:14px!important;
      background:rgba(8,28,52,.72)!important;
      border:1px solid rgba(0,200,255,.24)!important;
      color:#C8DDF5!important;
      border-radius:6px!important;
    }#hero .stat-card,
    #hero .stat-card:hover{
      background:linear-gradient(180deg,rgba(12,32,56,.88),rgba(8,22,40,.92))!important;
      border:1px solid rgba(0,200,255,.18)!important;
      color:#EAF4FF!important;
    }#hero .stat-number{color:#F4F8FF!important;}#hero .stat-title{color:rgba(167,199,231,.82)!important;}#hero .digital-ref-image{
      mix-blend-mode:normal!important;
      filter:drop-shadow(0 18px 36px rgba(0,20,50,.35)) drop-shadow(0 0 22px rgba(0,180,255,.16))!important;
      opacity:1!important;
      -webkit-mask-image:radial-gradient(ellipse 95% 90% at 50% 48%,#000 62%,rgba(0,0,0,.75) 80%,transparent 100%)!important;
      mask-image:radial-gradient(ellipse 95% 90% at 50% 48%,#000 62%,rgba(0,0,0,.75) 80%,transparent 100%)!important;
      animation:img-float 6.5s ease-in-out infinite!important;
    }#hero .digital-scene::after{
      display:none!important;
    }/* 案例：最终强制深蓝科技风 */
    #cases{
      background:#071526!important;
      color:#E8F1FF!important;
    }#cases .section-title{color:#F4F8FF!important;}#cases .section-sub{color:rgba(186,208,235,.88)!important;}#cases .tab-btn{color:#E8F1FF!important;background:transparent!important;}#cases .tab-btn.active,
    #cases .tab-btn:hover{color:#67E8F9!important;background:rgba(0,200,255,.12)!important;}#cases .case-card,
    #cases .case-card:hover{
      background:linear-gradient(180deg,#0C2240 0%,#08182C 100%)!important;
      border:1px solid rgba(0,200,255,.16)!important;
      box-shadow:0 12px 36px rgba(0,0,0,.28)!important;
      color:#E8F1FF!important;
    }#cases .case-card:nth-child(2){background:linear-gradient(180deg,#1A1824 0%,#12101A 100%)!important;border-color:rgba(245,158,11,.18)!important;}#cases .case-card:nth-child(3){background:linear-gradient(180deg,#0A241E 0%,#071814 100%)!important;border-color:rgba(16,185,129,.18)!important;}#cases .case-card:nth-child(4){background:linear-gradient(180deg,#15122A 0%,#0E0C1C 100%)!important;border-color:rgba(139,92,246,.18)!important;}#cases .case-card:nth-child(5){background:linear-gradient(180deg,#072630 0%,#061820 100%)!important;border-color:rgba(0,200,255,.18)!important;}#cases .case-card:nth-child(6){background:linear-gradient(180deg,#0A1834 0%,#070F20 100%)!important;border-color:rgba(59,130,246,.18)!important;}#cases .case-card h3{color:#F4F8FF!important;-webkit-text-fill-color:#F4F8FF!important;}#cases .case-card .case-meta{color:rgba(186,208,235,.82)!important;}#cases .case-card .case-meta strong{color:#67E8F9!important;}#cases .case-card .flex.items-center.gap-1,
    #cases .case-card .flex.items-center.gap-1 i,
    #cases .case-card .flex.items-center.gap-1 svg{
      color:#67E8F9!important;stroke:#67E8F9!important;
    }#cases .btn-outline{
      color:#E8F1FF!important;
      border-color:rgba(0,200,255,.35)!important;
      background:rgba(0,200,255,.06)!important;
    }/* 为什么选择：最终强制深蓝科技风（大气版） */
    #why-haomao{
      background:#071526!important;
      color:#E8F1FF!important;
    }#why-haomao .section-title{color:#F4F8FF!important;}#why-haomao .section-sub{color:rgba(186,208,235,.9)!important;}#why-haomao .why-no{display:none!important;}#why-haomao .ai-dev-card,
    #why-haomao .ai-dev-card:hover{
      background:
        radial-gradient(ellipse at 20% 0%,rgba(56,189,248,.14),transparent 55%),
        linear-gradient(160deg,#0C2240 0%,#08182C 100%)!important;
      border:1px solid rgba(56,189,248,.16)!important;
      box-shadow:0 16px 40px rgba(0,0,0,.28)!important;
      border-radius:22px!important;
      padding:36px 28px 32px!important;
      flex-direction:column!important;
      min-height:280px!important;
    }#why-haomao .ai-dev-card:nth-child(2){
      background:
        radial-gradient(ellipse at 20% 0%,rgba(8,145,178,.16),transparent 55%),
        linear-gradient(160deg,#082430 0%,#06141F 100%)!important;
      border-color:rgba(8,145,178,.22)!important;
    }#why-haomao .ai-dev-card:nth-child(3){
      background:
        radial-gradient(ellipse at 20% 0%,rgba(43,127,255,.16),transparent 55%),
        linear-gradient(160deg,#0B1C3A 0%,#070F20 100%)!important;
      border-color:rgba(43,127,255,.22)!important;
    }#why-haomao .ai-dev-card:nth-child(4){
      background:
        radial-gradient(ellipse at 20% 0%,rgba(34,211,238,.14),transparent 55%),
        linear-gradient(160deg,#08202E 0%,#050E18 100%)!important;
      border-color:rgba(34,211,238,.2)!important;
    }#why-haomao .ai-dev-card::before,
    #why-haomao .ai-dev-card::after{display:none!important;content:none!important;}#why-haomao .ai-dev-card h3{color:#F4F8FF!important;}#why-haomao .ai-dev-card .why-body p{color:rgba(186,208,235,.9)!important;}#why-haomao .why-highlights span{
      color:rgba(232,241,255,.96)!important;
      font-size:20px!important;
      font-weight:700!important;
      background:transparent!important;
      border:none!important;
      box-shadow:none!important;
    }#why-haomao .why-highlights span i,
    #why-haomao .why-highlights span svg{
      width:26px!important;height:26px!important;
    }#why-haomao .why-ico{
      width:72px!important;height:72px!important;
      background:rgba(8,28,52,.6)!important;
      border-color:rgba(103,232,249,.32)!important;
    }#why-haomao .why-ico i,
    #why-haomao .why-ico svg{
      width:32px!important;height:32px!important;
      color:#67E8F9!important;stroke:#67E8F9!important;
    }/* AI 场景最终校正：模块深色底板 + 标签分色 */
    #ai-scenes .section-title{color:#F4F8FF!important;}#ai-scenes .section-sub{color:rgba(186,208,235,.88)!important;}#ai-scenes .ai-scene-no{display:none!important;}#ai-scenes .ai-scene-card,
    #ai-scenes .ai-scene-card:hover{
      border-radius:18px!important;
      padding:18px 14px 16px!important;
      box-shadow:0 12px 32px rgba(0,0,0,.25)!important;
      min-height:0!important;
      aspect-ratio:auto!important;
    }#ai-scenes .ai-scene-card ul{
      display:flex!important;
      flex-wrap:nowrap!important;
      width:100%!important;
      gap:6px!important;
    }#ai-scenes .ai-scene-card[data-accent="blue"]{
      background:
        radial-gradient(ellipse at 50% 0%,rgba(56,189,248,.14),transparent 58%),
        linear-gradient(180deg,#0C2240 0%,#08182C 100%)!important;
      border:1px solid rgba(56,189,248,.16)!important;
    }#ai-scenes .ai-scene-card[data-accent="violet"],
    #ai-scenes .ai-scene-card[data-accent="cyan"]{
      background:
        radial-gradient(ellipse at 50% 0%,rgba(167,139,250,.22),transparent 58%),
        linear-gradient(180deg,#18122E 0%,#100E1C 100%)!important;
      border:1px solid rgba(167,139,250,.32)!important;
      box-shadow:0 12px 32px rgba(0,0,0,.25),0 0 28px rgba(139,92,246,.12)!important;
    }#ai-scenes .ai-scene-card[data-accent="amber"]{
      background:
        radial-gradient(ellipse at 50% 0%,rgba(251,191,36,.12),transparent 58%),
        linear-gradient(180deg,#1A1824 0%,#12101A 100%)!important;
      border:1px solid rgba(251,191,36,.16)!important;
    }#ai-scenes .ai-scene-card[data-accent="green"]{
      background:
        radial-gradient(ellipse at 50% 0%,rgba(52,211,153,.12),transparent 58%),
        linear-gradient(180deg,#0A241E 0%,#071814 100%)!important;
      border:1px solid rgba(52,211,153,.16)!important;
    }#ai-scenes .ai-scene-card h3{color:#F4F8FF!important;}#ai-scenes .ai-scene-card > p{color:rgba(186,208,235,.88)!important;}#ai-scenes .ai-scene-ico{border:none!important;}#ai-scenes .ai-scene-ico i,
    #ai-scenes .ai-scene-ico svg{
      color:inherit!important;
      stroke:currentColor!important;
    }#ai-scenes .ai-scene-card li,
    #ai-scenes .ai-scene-card li:hover{
      display:inline-flex!important;
      flex:1 1 0!important;
      min-width:0!important;
      border-radius:999px!important;
      padding:10px 8px!important;
      font-size:15px!important;
      font-weight:600!important;
      white-space:nowrap!important;
    }#ai-scenes .ai-scene-card li::before,
    #ai-scenes .ai-scene-card li + li::before{
      display:none!important;content:none!important;
    }#ai-scenes .ai-scene-card[data-accent="blue"] li{
      color:#7DD3FC!important;
      background:rgba(56,189,248,.14)!important;
      border:1px solid rgba(125,211,252,.38)!important;
    }#ai-scenes .ai-scene-card[data-accent="violet"] li,
    #ai-scenes .ai-scene-card[data-accent="cyan"] li{
      color:#DDD6FE!important;
      background:rgba(167,139,250,.18)!important;
      border:1px solid rgba(196,181,253,.42)!important;
    }#ai-scenes .ai-scene-card[data-accent="amber"] li{
      color:#FDE68A!important;
      background:rgba(251,191,36,.14)!important;
      border:1px solid rgba(252,211,77,.4)!important;
    }#ai-scenes .ai-scene-card[data-accent="green"] li{
      color:#A7F3D0!important;
      background:rgba(52,211,153,.14)!important;
      border:1px solid rgba(110,231,183,.4)!important;
    }#main-nav{
      background: rgba(245,248,252,.88) !important;
      backdrop-filter: blur(16px) saturate(1.05) !important;
      -webkit-backdrop-filter: blur(16px) saturate(1.05) !important;
      border-bottom: 1px solid rgba(20,40,80,.05) !important;
      box-shadow: none !important;
    }#main-nav.scrolled{
      background: rgba(245,248,252,.96) !important;
      border-bottom-color: rgba(20,40,80,.06) !important;
      box-shadow: 0 8px 24px rgba(20,40,80,.04) !important;
    }.nav-link, #nav-phone, #nav-logo-text{ color: #142033 !important; }.nav-link.active, .nav-link:hover{ color: #2B7FFF !important; }.btn-primary{ color: #FFFFFF !important; }.text-white{ color: #142033 !important; }/* 封面角标、渐变图标块内保持白字 */
    .rounded-full.text-white,
    .case-card .absolute .text-white,
    .partner-logo-card .rounded-2xl.text-white,
    [class*="from-"] .text-white{ color: #FFFFFF !important; }.cta-ban h2, .cta-banner h2, .cta-ban .cta-sub, .cta-banner .cta-sub,
    .cta-ban .cta-phone, .cta-banner .cta-phone, .cta-ban .text-white, .cta-banner .text-white,
    .cta-float-btn-ghost{ color: #FFFFFF !important; }.cta-float-btn:not(.cta-float-btn-ghost){ color: #0B3A7A !important; background: #FFFFFF !important; }/* CTA：通栏铺满，紧贴页脚 */
    .cta-banner, .cta-ban, .ctab-ban{
      margin: 0 !important;
      padding: 64px 20px 52px !important;
      overflow: hidden !important;
      z-index: auto !important;
      width: 100% !important;
      max-width: none !important;
      border-radius: 0 !important;
      box-shadow: none !important;
      background: transparent !important;
    }.cta-float{
      position: relative !important;
      z-index: 1 !important;
      margin: 0 auto !important;
      max-width: min(1560px, 98vw) !important;
      padding: 0 !important;
      border-radius: 0 !important;
      background: transparent !important;
      box-shadow: none !important;
    }footer.py-12, body > footer, .site-footer{
      position: relative !important;
      z-index: 1 !important;
      padding: 72px 0 64px !important;
      margin-top: 0 !important;
      overflow: visible !important;
    }
    @media (max-width: 1023px) {
      footer.py-12, body > footer, .site-footer{
        padding-bottom: calc(120px + env(safe-area-inset-bottom, 0px)) !important;
      }
    }
 
  

    /* 首屏：左文案对齐背景空位，字号走全局规范 */
    #hero #hero-canvas{display:none!important;}
    #hero.hero-section{
      min-height:100vh!important;
      min-height:100svh!important;
    }
    #hero > .max-w-7xl{
      justify-content:space-between!important;
    }
    #hero .hero-home-grid{
      display:grid!important;
      grid-template-columns:minmax(0,0.92fr) minmax(0,1.08fr)!important;
      align-items:center!important;
      gap:0!important;
      flex:1 1 auto!important;
    }
    #hero .hero-content-left{
      max-width:none!important;
      width:100%!important;
      min-width:0!important;
      gap:clamp(16px,2.2vh,28px)!important;
      padding:0!important;
    }
    #hero .hero-content-left h1{
      display:flex!important;
      flex-direction:column!important;
      gap:0.08em!important;
      color:#FFFFFF!important;
      -webkit-text-fill-color:#FFFFFF!important;
    }
    #hero .hero-title-line{
      display:block!important;
      white-space:nowrap!important;
    }
    #hero .hero-content-left .grad-text,
    #hero h1 .grad-text{
      background:linear-gradient(120deg,#7CFFF0,#38BDF8 55%,#2B7FFF)!important;
      -webkit-background-clip:text!important;
      background-clip:text!important;
      -webkit-text-fill-color:transparent!important;
      color:transparent!important;
    }
    #hero .hero-content-left p,
    #hero .hero-content-left .hero-lead{
      max-width:none!important;
      color:#FFFFFF!important;
      -webkit-text-fill-color:#FFFFFF!important;
      text-shadow:0 1px 12px rgba(0,20,50,.35);
      white-space:normal!important;
    }
    #hero .hero-accent-line{
      display:block;
      width:52px;
      height:4px;
      border-radius:4px;
      background:linear-gradient(90deg,#67E8F9,#2B7FFF);
      box-shadow:0 0 16px rgba(103,232,249,.45);
    }
    #hero .hero-facts,
    #hero .hero-facts.hm-reveal,
    #hero .hero-fact,
    #hero .hero-fact.hm-reveal{
      opacity:1!important;
      transform:none!important;
      filter:none!important;
      animation:none!important;
    }
    #hero .hero-facts{
      display:grid;
      grid-template-columns:repeat(4,minmax(0,1fr));
      gap:0;
      flex:0 0 auto;
      width:100%;
      margin-top:0;
      padding:8px 0 0;
    }
    #hero .hero-fact{
      display:flex;
      align-items:center;
      gap:14px;
      min-width:0;
      padding:8px 22px;
      border-right:1px solid rgba(255,255,255,.16);
      color:#FFFFFF!important;
      background:transparent!important;
      box-shadow:none!important;
    }
    #hero .hero-fact > div{
      min-width:0;
    }
    #hero .hero-fact strong,
    #hero .hero-fact span{
      overflow-wrap:anywhere;
      word-break:break-word;
    }
    #hero .hero-fact:first-child{padding-left:0;}
    #hero .hero-fact:last-child{border-right:none;padding-right:0;}
    #hero .hero-fact i,
    #hero .hero-fact svg{
      width:28px!important;
      height:28px!important;
      color:#67E8F9!important;
      stroke:#67E8F9!important;
      flex-shrink:0;
    }
    #hero .hero-fact strong{
      display:block;
      color:#FFFFFF!important;
      font-size:var(--fs-h4)!important;
      line-height:1.25!important;
      font-weight:700!important;
    }
    #hero .hero-fact span{
      display:block;
      margin-top:4px;
      color:rgba(186,208,235,.88)!important;
      font-size:var(--fs-body)!important;
      line-height:1.4!important;
      font-weight:400!important;
    }
    @media(max-width:1399px){
      #hero .hero-title-line{white-space:normal!important;}
    }
    @media(max-width:1024px){
      #hero.hero-section{
        min-height:auto!important;
        padding-top:112px!important;
        padding-bottom:28px!important;
        background:
          linear-gradient(180deg, rgba(5,14,36,.62) 0%, rgba(5,14,36,.28) 48%, rgba(5,14,36,.55) 100%),
          url('../images/home_hero_bg.png?v=2') 72% center / cover no-repeat #071428 !important;
      }
      #hero > .max-w-7xl{
        justify-content:flex-start!important;
        gap:8px;
      }
      #hero .hero-home-grid{
        grid-template-columns:1fr!important;
        padding-top:8px;
      }
      #hero .hero-content-left{
        padding-top:4px!important;
      }
      #hero .hero-title-line{white-space:normal!important;}
      #hero .hero-facts{
        grid-template-columns:1fr;
        gap:0;
        padding-top:20px;
      }
      #hero .hero-fact{
        border-right:none;
        border-bottom:1px solid rgba(255,255,255,.14);
        padding:14px 0;
        gap:14px;
      }
      #hero .hero-fact:first-child{padding-left:0;}
      #hero .hero-fact:last-child{
        border-bottom:none;
        padding-bottom:0;
        padding-right:0;
      }
    }
    @media(max-width:640px){
      #hero.hero-section{
        padding-top:104px!important;
        padding-bottom:20px!important;
      }
    }

    /* 案例分类标签：始终一排，字色提亮 */
    #case-tabs.case-tabs{
      display:flex;
      flex-wrap:nowrap;
      justify-content:center;
      align-items:center;
      gap:4px 6px;
      margin:0 auto 32px;
      max-width:100%;
      overflow-x:auto;
      -webkit-overflow-scrolling:touch;
      scrollbar-width:none;
    }
    #case-tabs.case-tabs::-webkit-scrollbar{ display:none; }
    #cases #case-tabs .tab-btn,
    #case-tabs .tab-btn{
      flex:0 0 auto;
      text-align:center;
      box-sizing:border-box;
      white-space:nowrap;
      padding:8px 14px;
      font-size:16px;
      font-weight:500;
      color:#E8F1FF !important;
      background:transparent !important;
      border:1px solid transparent !important;
      opacity:1 !important;
    }
    #cases #case-tabs .tab-btn:hover,
    #case-tabs .tab-btn:hover{
      color:#FFFFFF !important;
      background:rgba(0,200,255,.10) !important;
    }
    #cases #case-tabs .tab-btn.active,
    #case-tabs .tab-btn.active{
      color:#67E8F9 !important;
      background:rgba(0,200,255,.14) !important;
      border-color:rgba(103,232,249,.45) !important;
      box-shadow:0 0 18px rgba(0,200,255,.16);
    }
    @media(max-width:768px){
      #case-tabs.case-tabs{
        justify-content:flex-start;
        gap:4px;
        margin-bottom:24px;
        padding:0 2px;
      }
      #case-tabs .tab-btn{
        padding:8px 12px !important;
        font-size:14px !important;
      }
    }

    /* 客户 Logo：按设计稿分层——标题在上、卡片墙在中、光台露出、底文在光台下 */
    #partners.partners-stage{
      position:relative;
      overflow:hidden;
      width:100%;
      aspect-ratio:1672 / 941;
      height:auto !important;
      min-height:0 !important;
      max-height:calc(100vh - 68px);
      max-height:calc(100dvh - 68px);
      box-sizing:border-box;
      padding:0 !important;
      scroll-margin-top:68px;
      background:#021533 !important;
      color:#F4FAFF !important;
    }
    #partners.partners-stage::before{
      content:'';
      position:absolute;
      inset:0;
      z-index:0;
      pointer-events:none;
      background:url('../images/customer_bg.png') center / cover no-repeat;
      filter:brightness(1.22) saturate(1.18) contrast(1.12) hue-rotate(-6deg);
    }
    #partners.partners-stage::after{
      content:'';
      position:absolute;
      left:0;right:0;bottom:0;
      height:34%;
      z-index:1;
      pointer-events:none;
      background:radial-gradient(ellipse 70% 80% at 50% 100%, rgba(0,200,255,.18) 0%, transparent 72%);
      mix-blend-mode:screen;
    }
    .partners-stage-inner{
      position:absolute;
      inset:0;
      z-index:2;
      display:flex;
      flex-direction:column;
      align-items:center;
      pointer-events:none;
      min-height:0;
    }
    .partners-stage-inner .sec-head,
    .partners-stage-inner .partners-wall,
    .partners-stage-inner .partner-logo-card,
    .partners-stage-inner .partner-hint{
      pointer-events:auto;
    }
    #partners .grid-bg{display:none !important;}
    #partners .sec-head{
      width:100%;
      flex:0 0 auto;
      margin:4.2% 0 0 !important;
      padding:0 4%;
      opacity:0;
      transform:translateY(15px);
      transition:opacity .6s ease, transform .6s ease;
    }
    #partners.is-ready .sec-head{
      opacity:1;
      transform:translateY(0);
    }
    #partners .section-title,
    #partners h2.section-title{
      color:#F4FAFF !important;
      -webkit-text-fill-color:#F4FAFF !important;
    }
    #partners .section-title .gt,
    #partners .section-title .grad-text{
      background:linear-gradient(135deg,#67E8F9 0%,#38BDF8 48%,#60A5FA 100%) !important;
      -webkit-background-clip:text !important;
      background-clip:text !important;
      -webkit-text-fill-color:transparent !important;
    }
    #partners .section-sub,
    #partners .partner-hint{
      color:rgba(236,248,255,.92) !important;
    }
    #partners .partner-hint{
      position:relative;
      left:auto;
      right:auto;
      bottom:auto;
      flex:0 0 auto;
      margin:12px 0 3.2% !important;
      text-align:center;
      padding:0 4%;
    }
    .partners-halo{
      position:absolute;
      left:50%;
      bottom:8%;
      width:min(82vw,1040px);
      height:26%;
      transform:translateX(-50%);
      pointer-events:none;
      z-index:1;
      background:radial-gradient(ellipse at center, rgba(0,230,255,.58) 0%, rgba(0,170,255,.22) 42%, rgba(0,120,220,.06) 68%, transparent 80%);
      filter:blur(16px);
      mix-blend-mode:screen;
      animation:partnersHaloBreath 4.6s ease-in-out infinite;
    }
    .partners-wall{
      width:min(84%,1320px);
      margin-top:1.2%;
      position:relative;
      z-index:3;
      flex:1 1 auto;
      min-height:0;
      overflow-y:auto;
      overflow-x:hidden;
      overscroll-behavior:contain;
      padding:4px 8px 16px;
      scrollbar-width:thin;
      scrollbar-color:rgba(90,220,255,.55) rgba(0,20,50,.25);
    }
    .partners-wall::-webkit-scrollbar{
      width:8px;
    }
    .partners-wall::-webkit-scrollbar-thumb{
      background:rgba(90,220,255,.5);
      border-radius:999px;
    }
    .partners-wall::-webkit-scrollbar-track{
      background:rgba(0,20,50,.2);
    }
    .partners-grid{
      display:grid;
      grid-template-columns:repeat(7,minmax(0,1fr));
      gap:clamp(10px,1.1vw,18px) clamp(12px,1.2vw,18px);
      position:relative;
    }
    .partners-grid::after{
      content:'';
      position:absolute;
      inset:-4% -8%;
      pointer-events:none;
      z-index:4;
      background:linear-gradient(110deg, transparent 0%, transparent 42%, rgba(160,240,255,.22) 50%, transparent 58%, transparent 100%);
      background-size:220% 100%;
      background-repeat:no-repeat;
      animation:partnersSweep 6.5s ease-in-out infinite;
      mix-blend-mode:screen;
      opacity:.85;
    }
    #partners .partner-logo-card,
    #partners.partners-stage .partner-logo-card{
      display:flex !important;
      align-items:center;
      justify-content:center;
      min-height:102px;
      padding:10px 12px !important;
      border-radius:10px !important;
      background:#FFFFFF !important;
      border:1px solid rgba(120,225,255,.55) !important;
      box-shadow:0 0 0 1px rgba(0,40,80,.18), 0 8px 18px rgba(0,12,40,.22) !important;
      backdrop-filter:none !important;
      -webkit-backdrop-filter:none !important;
      opacity:0;
      transform:translate3d(0,16px,0) scale(.96);
      transition:border-color .28s ease, box-shadow .28s ease, transform .28s ease;
      will-change:transform, box-shadow;
      position:relative;
      z-index:1;
    }
    #partners.is-ready .partner-logo-card{
      animation:partnersEnter .55s cubic-bezier(.22,.7,.25,1) forwards;
      animation-delay:var(--enter-delay, 0s);
    }
    #partners.is-alive .partner-logo-card{
      opacity:1;
      transform:translate3d(0,0,0) scale(1);
      animation:partnersCardGlow 4.2s ease-in-out infinite;
      animation-delay:var(--glow-delay, 0s);
    }
    #partners.is-alive .partner-logo-card:hover,
    #partners.is-alive .partner-logo-card.is-spotlight{
      animation-play-state:paused;
      transform:translate3d(0,-6px,0) scale(1.035);
      z-index:5;
      border-color:rgba(120,235,255,.98) !important;
      box-shadow:
        0 0 0 1px rgba(90,230,255,.55),
        0 0 22px rgba(0,220,255,.42),
        0 14px 28px rgba(0,12,40,.38) !important;
    }
    #partners.is-alive .partner-logo-card.is-spotlight:not(:hover){
      transform:translate3d(0,-4px,0) scale(1.02);
    }
    #partners .partner-logo,
    #partners img.partner-logo{
      height:56px !important;
      width:auto !important;
      max-width:94% !important;
      object-fit:contain !important;
      filter:none !important;
      opacity:1 !important;
      image-rendering:auto;
      transform:translateZ(0);
      transition:transform .28s ease;
      pointer-events:none;
    }
    #partners.is-alive .partner-logo-card:hover .partner-logo,
    #partners.is-alive .partner-logo-card.is-spotlight .partner-logo{
      transform:translateZ(0) scale(1.04);
    }
    #partners .partner-hint{
      opacity:0;
      transform:translateY(10px);
      transition:opacity .55s ease .35s, transform .55s ease .35s;
    }
    #partners.is-ready .partner-hint{
      opacity:1;
      transform:translateY(0);
    }
    @keyframes partnersEnter{
      from{opacity:0;transform:translate3d(0,16px,0) scale(.96);}
      to{opacity:1;transform:translate3d(0,0,0) scale(1);}
    }
    @keyframes partnersCardGlow{
      0%,100%{
        box-shadow:0 0 0 1px rgba(0,40,80,.18), 0 8px 18px rgba(0,12,40,.22), 0 0 0 rgba(0,220,255,0);
        border-color:rgba(120,225,255,.55);
      }
      50%{
        box-shadow:0 0 0 1px rgba(0,40,80,.18), 0 10px 20px rgba(0,12,40,.26), 0 0 16px rgba(0,210,255,.28);
        border-color:rgba(140,235,255,.82);
      }
    }
    @keyframes partnersSweep{
      0%{background-position:120% 0;opacity:0;}
      12%{opacity:.9;}
      45%{background-position:-20% 0;opacity:.7;}
      55%,100%{background-position:-20% 0;opacity:0;}
    }
    @keyframes partnersGlobeSpin{
      to{transform:translate(-50%,-50%) rotate(360deg);}
    }
    @keyframes partnersHaloBreath{
      0%,100%{opacity:.55;filter:blur(16px);}
      50%{opacity:.95;filter:blur(22px);}
    }
    @media(max-width:1100px){
      #partners.partners-stage{
        aspect-ratio:auto;
        min-height:0 !important;
        max-height:none !important;
        height:auto !important;
        padding:72px 0 64px !important;
        background-size:cover !important;
        background-position:center center !important;
        overflow-x:hidden;
        overflow-y:visible;
      }
      .partners-stage-inner{
        position:relative;
        inset:auto;
        max-height:none;
        height:auto;
      }
      #partners .sec-head{margin:0 0 28px !important;}
      .partners-wall{
        width:100%;
        max-width:920px;
        margin-top:0;
        max-height:min(64vh, 520px) !important;
        height:auto !important;
        overflow-x:hidden !important;
        overflow-y:auto !important;
        flex:0 0 auto;
        overscroll-behavior:contain;
      }
      .partners-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
      #partners .partner-logo-card{min-height:72px;}
      #partners .partner-hint{position:relative;bottom:auto;margin-top:28px !important;}
    }
    @media(max-width:720px){
      #partners.partners-stage{
        aspect-ratio:auto;
        min-height:auto !important;
        max-height:none !important;
        height:auto !important;
        padding:64px 0 56px !important;
        background-size:cover !important;
        background-position:center center !important;
        overflow-x:hidden;
        overflow-y:visible;
      }
      .partners-wall{
        max-height:min(58vh, 420px) !important;
        height:auto !important;
        overflow-x:hidden !important;
        overflow-y:auto !important;
      }
      .partners-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
      #partners .partner-logo-card{min-height:68px;}
    }
    @media(prefers-reduced-motion:reduce){
      #partners .sec-head,
      #partners .partner-logo-card,
      #partners .partner-hint{
        opacity:1 !important;
        transform:none !important;
        animation:none !important;
        transition:none !important;
      }
      .partners-halo,
      .partners-grid::after{animation:none !important;}
      .partners-grid{transform:none;}
    }