:root{
      --navy:#0b1730;
      --navy-2:#10244a;
      --blue:#2f6bff;
      --blue-2:#5f8dff;
      --cyan:#46c8ff;
      --ink:#162033;
      --muted:#667085;
      --line:#e7ebf2;
      --soft:#f6f8fc;
      --white:#fff;
      --success:#21a675;
      --shadow:0 18px 60px rgba(11,23,48,.10);
      --radius:22px;
      --container:1240px;
    }
    *{box-sizing:border-box;margin:0;padding:0}
    html{scroll-behavior:smooth;scroll-padding-top:92px}
    body{font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,-apple-system,sans-serif;color:var(--ink);background:#fff;line-height:1.7;-webkit-font-smoothing:antialiased}
    a{text-decoration:none;color:inherit}
    img{display:block;max-width:100%}
    button{font:inherit}
    .container{width:min(calc(100% - 32px),var(--container));margin:auto}
    .section{padding:92px 0}
    .section-soft{background:var(--soft)}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid #d8e3ff;border-radius:999px;background:#f5f8ff;color:#2f5ed6;font-weight:700;font-size:13px;letter-spacing:.04em}
    .eyebrow::before{content:"";width:7px;height:7px;border-radius:99px;background:linear-gradient(135deg,var(--blue),var(--cyan));box-shadow:0 0 0 5px rgba(47,107,255,.08)}
    .section-head{max-width:820px;margin:0 auto 42px;text-align:center}
    .section-head h2{font-size:clamp(30px,4vw,46px);line-height:1.18;letter-spacing:-.03em;margin:14px 0 14px;color:#0c1830}
    .section-head p{font-size:17px;color:var(--muted)}

    /* nav */
    .navbar{position:sticky;top:0;z-index:1000;background:rgba(11,23,48,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08)}
    .nav-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:28px}
    .brand{display:flex;align-items:center;gap:12px;color:#fff;font-weight:900;font-size:21px;white-space:nowrap}
    .brand-mark{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#3e74ff,#51c6ff);box-shadow:0 10px 30px rgba(54,123,255,.28)}
    .brand-mark i{font-size:19px}
    .nav-menu{display:flex;align-items:center;gap:3px;list-style:none}
    .nav-item{position:relative}
    .nav-link{display:flex;align-items:center;gap:6px;color:rgba(255,255,255,.82);padding:27px 10px;font-size:14px;font-weight:650;transition:.2s}
    .nav-link:hover,.nav-link.active{color:#fff}
    .nav-link i{font-size:10px;opacity:.8}
    .dropdown{position:absolute;top:67px;left:50%;transform:translate(-50%,10px);min-width:240px;padding:10px;border-radius:16px;background:#fff;border:1px solid #eef1f6;box-shadow:0 20px 50px rgba(0,0,0,.18);opacity:0;visibility:hidden;transition:.22s}
    .nav-item:hover .dropdown,.nav-item:focus-within .dropdown{opacity:1;visibility:visible;transform:translate(-50%,0)}
    .dropdown a{display:flex;align-items:center;gap:12px;padding:12px 13px;border-radius:11px;color:#24304a;font-size:14px;font-weight:650}
    .dropdown a:hover{background:#f4f7ff;color:#245eea}
    .dropdown i{width:20px;text-align:center;color:#3972ff}
    .nav-cta{margin-left:6px;background:#fff;color:#10234a;padding:10px 17px;border-radius:999px;font-weight:800;font-size:14px}
    .menu-toggle{display:none;width:44px;height:44px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);color:#fff;border-radius:12px}

    /* hero */
    .hero{position:relative;overflow:hidden;background:
      radial-gradient(circle at 82% 20%,rgba(65,137,255,.28),transparent 28%),
      radial-gradient(circle at 70% 80%,rgba(45,210,255,.14),transparent 25%),
      linear-gradient(135deg,#081327 0%,#0d1d3c 48%,#102b5b 100%);color:#fff;padding:88px 0 82px}
    .hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 82%)}
    .hero-grid{position:relative;display:grid;grid-template-columns:1.08fr .92fr;gap:60px;align-items:center}
    .hero-kicker{display:inline-flex;gap:9px;align-items:center;color:#b8d3ff;font-weight:700;font-size:14px;margin-bottom:20px}
    .hero-kicker i{color:#6bd3ff}
    .hero h1{font-size:clamp(42px,5.8vw,70px);line-height:1.08;letter-spacing:-.045em;max-width:720px}
    .hero h1 span{background:linear-gradient(90deg,#fff 0%,#7ecbff 62%,#8ca7ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
    .hero-desc{font-size:18px;color:#c6d4ea;max-width:710px;margin:24px 0 28px}
    .hero-actions{display:flex;gap:12px;flex-wrap:wrap}
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:48px;padding:0 21px;border-radius:12px;font-weight:800;font-size:15px;transition:.22s}
    .btn-primary{background:linear-gradient(135deg,#3a75ff,#4cbef8);color:#fff;box-shadow:0 14px 32px rgba(53,112,255,.3)}
    .btn-primary:hover{transform:translateY(-2px)}
    .btn-ghost{color:#fff;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.05)}
    .hero-proof{display:flex;gap:22px;flex-wrap:wrap;margin-top:30px;color:#b8c6da;font-size:14px}
    .hero-proof span{display:flex;align-items:center;gap:8px}.hero-proof i{color:#5de0b5}
    .hero-panel{position:relative;min-height:470px}
    .dashboard{position:absolute;inset:16px 0 0 38px;border-radius:28px;padding:22px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(18px);box-shadow:0 35px 80px rgba(0,0,0,.28);transform:rotate(1.8deg)}
    .dash-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.dash-dots{display:flex;gap:7px}.dash-dots span{width:9px;height:9px;border-radius:50%;background:#5d7ba7}.dash-dots span:first-child{background:#67d6ff}.dash-label{font-size:12px;color:#b6c5db}
    .platform-stack{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
    .platform-mini{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.09);padding:17px;border-radius:17px;min-height:115px}
    .platform-mini i{font-size:25px;margin-bottom:14px}.platform-mini strong{display:block;font-size:15px}.platform-mini small{color:#9fb2ce}
    .chart-card{margin-top:12px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.05));padding:18px;height:164px;position:relative;overflow:hidden}
    .bars{position:absolute;left:18px;right:18px;bottom:18px;height:90px;display:flex;align-items:flex-end;gap:10px}.bars span{flex:1;border-radius:7px 7px 2px 2px;background:linear-gradient(180deg,#64d6ff,#4778ff)}
    .float-card{position:absolute;right:-20px;bottom:35px;width:205px;background:#fff;color:#14203a;border-radius:18px;padding:17px;box-shadow:var(--shadow);transform:rotate(-4deg)}
    .float-card .tag{display:inline-flex;font-size:11px;font-weight:800;color:#1f7f60;background:#e9fbf4;padding:4px 7px;border-radius:999px;margin-bottom:8px}.float-card strong{font-size:16px;display:block}.float-card p{font-size:12px;color:#7b879d;margin-top:4px}

    /* service cards */
    .cards-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
    .service-card{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;min-height:255px;box-shadow:0 10px 35px rgba(14,34,73,.055);transition:.25s}
    .service-card:hover{transform:translateY(-7px);box-shadow:var(--shadow);border-color:#cfdbff}
    .service-icon{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#edf3ff,#f8fbff);color:#326aff;font-size:23px;margin-bottom:24px}
    .service-card h3{font-size:21px;margin-bottom:9px;color:#0f1d38}
    .service-card p{font-size:14px;color:var(--muted);margin-bottom:18px}
    .service-card .more{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:800;color:#2f65df}
    .service-card::after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;right:-44px;top:-46px;background:radial-gradient(circle,#dce8ff,transparent 68%);opacity:.7}

    /* industry cases */
    .industry-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:20px}
    .industry-card{border:1px solid #e3e9f2;border-radius:25px;background:#fff;overflow:hidden;box-shadow:0 10px 35px rgba(20,42,81,.055)}
    .industry-card:nth-child(1),.industry-card:nth-child(2){grid-column:span 6}.industry-card:nth-child(n+3){grid-column:span 4}
    .industry-visual{height:210px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#fff}
    .industry-visual::before,.industry-visual::after{content:"";position:absolute;border-radius:50%;filter:blur(.2px)}
    .industry-visual::before{width:180px;height:180px;right:-35px;top:-65px;background:rgba(255,255,255,.09)}
    .industry-visual::after{width:110px;height:110px;left:-30px;bottom:-40px;background:rgba(255,255,255,.08)}
    .finance{background:linear-gradient(135deg,#0b2349,#1e5fc9)}
    .game{background:linear-gradient(135deg,#2d183f,#7e3ac6)}
    .commerce{background:linear-gradient(135deg,#153b39,#1a8c7e)}
    .social{background:linear-gradient(135deg,#162d54,#4463d6)}
    .entertainment{background:linear-gradient(135deg,#4a1b2b,#b44365)}
    .industry-main-icon{font-size:72px;opacity:.95;position:relative;z-index:1;filter:drop-shadow(0 14px 24px rgba(0,0,0,.18))}
    .industry-watermark{position:absolute;left:20px;bottom:14px;font-size:34px;font-weight:900;letter-spacing:-.04em;color:rgba(255,255,255,.18)}
    .industry-body{padding:22px}
    .industry-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.industry-title h3{font-size:22px}.industry-title span{font-size:12px;color:#5975a3;background:#f2f6fc;padding:5px 8px;border-radius:999px;font-weight:700}
    .logo-row{display:flex;gap:8px;margin-bottom:15px}.mini-logo{width:36px;height:36px;border:1px solid #e3e8ef;border-radius:10px;display:grid;place-items:center;background:#fff;color:#3558a3;font-size:14px;font-weight:900;box-shadow:0 3px 12px rgba(20,42,81,.06)}
    .industry-tags{display:flex;gap:8px;flex-wrap:wrap}.industry-tags span{font-size:13px;color:#56627a;background:#f6f8fb;border:1px solid #edf0f4;padding:6px 9px;border-radius:9px}

    /* advantage */
    .adv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
    .adv{padding:28px;border-radius:20px;background:#fff;border:1px solid #e4e9f2}
    .adv-num{font-size:12px;font-weight:900;color:#3a68cf;letter-spacing:.13em;margin-bottom:18px}.adv i{font-size:26px;color:#2f6bff;margin-bottom:16px}.adv h3{font-size:20px;margin-bottom:9px}.adv p{color:var(--muted);font-size:14px}

    /* about */
    .about-wrap{display:grid;grid-template-columns:.92fr 1.08fr;gap:54px;align-items:center}
    .about-art{min-height:470px;border-radius:28px;background:linear-gradient(145deg,#0d1e3d,#173668);position:relative;overflow:hidden;box-shadow:var(--shadow)}
    .about-art::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:32px 32px}
    .about-art .big{position:absolute;inset:0;display:grid;place-items:center;color:#8ab5ff;font-size:120px}.about-art .badge{position:absolute;background:#fff;border-radius:16px;padding:14px 17px;box-shadow:var(--shadow);font-weight:800;color:#17305e}.about-art .b1{left:22px;top:24px}.about-art .b2{right:22px;bottom:28px}.about-art .badge small{display:block;color:#7a879d;font-weight:600}
    .about-copy h2{font-size:clamp(32px,4vw,48px);line-height:1.2;letter-spacing:-.035em;margin:14px 0 18px}.about-copy p{color:var(--muted);font-size:16px;margin-bottom:16px}.about-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:24px}.about-list div{padding:13px 15px;border-radius:12px;background:#f6f8fc;border:1px solid #e9edf4;font-size:14px;font-weight:750}.about-list i{color:#2f72ff;margin-right:7px}

    /* faq */
    .faq-list{max-width:920px;margin:auto;display:grid;gap:12px}.faq-item{background:#fff;border:1px solid #e3e8ef;border-radius:16px;overflow:hidden}.faq-q{width:100%;border:0;background:#fff;padding:20px 22px;display:flex;align-items:center;justify-content:space-between;text-align:left;font-weight:800;color:#15213a;cursor:pointer}.faq-q i{transition:.22s;color:#4976dc}.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-a p{padding:0 22px 20px;color:var(--muted);font-size:14px}.faq-item.open .faq-a{max-height:260px}.faq-item.open .faq-q i{transform:rotate(180deg)}

    /* testimonials */
    .testi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.testi{padding:24px;border:1px solid #e3e8ef;border-radius:20px;background:#fff}.stars{color:#ffb24c;font-size:13px;letter-spacing:2px;margin-bottom:15px}.testi p{font-size:14px;color:#47546a;min-height:112px}.person{display:flex;align-items:center;gap:11px;margin-top:18px}.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#eaf0ff;color:#3162cf;font-weight:900}.person strong{font-size:14px}.person small{display:block;color:#8a95a8}

    /* footer */
    footer{background:#09162d;color:#c4d0e1;padding:62px 0 24px}.footer-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:35px}.footer-brand{color:#fff}.footer-brand p{font-size:14px;color:#9eb0c8;margin-top:14px;max-width:370px}.footer-col h4{color:#fff;margin-bottom:15px}.footer-col a,.footer-col p{display:block;font-size:14px;color:#aebdd1;margin:8px 0}.footer-col a:hover{color:#fff}.copyright{border-top:1px solid rgba(255,255,255,.08);margin-top:34px;padding-top:20px;font-size:12px;color:#7f91aa;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
    .floating-contact{position:fixed;right:22px;bottom:24px;z-index:800;display:flex;flex-direction:column;gap:10px}.float-btn{width:48px;height:48px;border-radius:15px;background:#fff;color:#2365ec;display:grid;place-items:center;box-shadow:0 12px 30px rgba(0,0,0,.16);border:1px solid #edf1f7}.float-btn.primary{background:linear-gradient(145deg,#316eff,#4dbef8);color:#fff;border:0}

    @media (max-width:1100px){
      .menu-toggle{display:grid;place-items:center}.nav-menu{position:absolute;left:16px;right:16px;top:70px;display:none;flex-direction:column;align-items:stretch;background:#0f2144;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:10px;box-shadow:0 25px 60px rgba(0,0,0,.28)}.nav-menu.open{display:flex}.nav-link{padding:12px 13px}.dropdown{position:static;transform:none!important;opacity:1;visibility:visible;display:none;margin:0 8px 8px;box-shadow:none;background:#142b55;border-color:rgba(255,255,255,.06)}.nav-item.open .dropdown{display:block}.dropdown a{color:#dce8f8}.dropdown a:hover{background:rgba(255,255,255,.07);color:#fff}.nav-cta{margin:6px 8px 4px;text-align:center}.hero-grid{grid-template-columns:1fr}.hero-panel{max-width:720px;width:100%;margin:auto}.cards-4,.adv-grid,.testi-grid{grid-template-columns:repeat(2,1fr)}.industry-card:nth-child(n){grid-column:span 6}.about-wrap{grid-template-columns:1fr}.about-art{min-height:380px}.footer-grid{grid-template-columns:repeat(2,1fr)}
    }
    @media (max-width:680px){
      .section{padding:68px 0}.hero{padding:66px 0 58px}.hero h1{font-size:42px}.hero-panel{min-height:385px}.dashboard{inset:8px 0 0 0}.float-card{right:4px;bottom:5px}.cards-4,.adv-grid,.testi-grid{grid-template-columns:1fr}.industry-card:nth-child(n){grid-column:span 12}.industry-visual{height:185px}.about-list{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.copyright{flex-direction:column}.floating-contact{right:14px;bottom:14px}.section-head{margin-bottom:30px}.section-head h2{font-size:31px}
    }
  
/* 2026 视觉与易用性优化 */
.brand-mark{background:transparent;box-shadow:none;border-radius:0;overflow:hidden;width:45px;height:45px}.brand-mark img{width:100%;height:100%;object-fit:cover;border-radius:10px}.nav-cta{background:linear-gradient(120deg,#2587ff,#46c8ff);color:white}.hero{background:radial-gradient(circle at 83% 15%,#b9d9ff 0%,transparent 42%),linear-gradient(110deg,#f8fcff,#e4f3ff 65%,#bddcff);color:#0a2352}.hero::before{opacity:.12}.hero-kicker,.hero-desc,.hero-proof{color:#445a7d}.hero h1{color:#0b2149}.hero h1 span{background:linear-gradient(90deg,#12336d,#1263c9);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-proof i{color:#1e86f8}.hero-panel .dashboard{background:linear-gradient(145deg,#173b7d,#0a1e49)}.section-head h2{letter-spacing:-.025em}.service-card{min-height:275px}.service-card p{line-height:1.85}.adv{border-top:3px solid #3d8dff}.btn-primary,.float-btn.primary{background:linear-gradient(120deg,#1d7fff,#36b5f5)}.faq-item:focus-within{border-color:#5792f5}@media(max-width:680px){.hero h1{font-size:clamp(32px,9vw,44px)}.brand{font-size:19px}.hero-panel{min-height:320px}.service-card{min-height:0}}

.industry-body{outline: 0px solid red;}
.industry-games{width: 100%;display:flex;margin-top: 20px;outline: 0px solid red;}
.industry-games .image{width: 100%;display:flex;flex-direction: row;justify-content: space-between;}
.industry-games span{display:flex;width: 100%;justify-content:center;}
.industry-games span img{width:150px;width:50px;border-radius: 10px;}
.finance img{width:100px;}

#banner {display:flex;flex-direction: column;justify-content:center; color:#FFF; background:none; background:#FFF;transition:all .2s;transition-timing-function:ease-in-out;}
.banner .text01{font-size:16px;}
.banner .text02{font-size:12px;}


.survey-questionnaire_survey-questionnaire__fwNhR{ display:none;}
.back-to-old_back-to-old__ejTxE{ display:none;}

.right_fix{ background:#FFF;position:fixed;right:2px;bottom:30%;-moz-box-shadow:0 1px 4px 0 rgb(147 172 226 / 10%);box-shadow:0 1px 4px 0 rgb(147 172 226 / 10%);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border:1px solid #ecebf6;padding:0 10px;z-index:2100}
.right_fix>ul>li{position:relative;padding:10px;border-bottom:1px solid #ecebf6;cursor:pointer}
.right_fix>ul>li>img{height:40px;margin-bottom:8px}
.right_fix>ul>li>p{font-size:12px;color:#767e91}
.right_fix_show{display:none;position:absolute;right:48px;top:0;padding-right:20px;width:200px}
.right_fix_show_d1{border:1px solid #ecebf6;-moz-box-shadow:0 1px 4px 0 rgb(147 172 226 / 10%);box-shadow:0 1px 4px 0 rgb(147 172 226 / 10%);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;padding:10px}
.right_fix_show_d1 li{border-bottom:1px solid #ecebf6;padding:15px 0}
.right_fix_show_d1 li:last-child{padding-bottom:0;border:none}
.right_fix_show_d1 li>h3{font-size:18px}
.right_fix_show_d1 li>p{font-size:14px;color:#767e91;margin-bottom:10px}


.contact{display:block;width:100px;height:40px;line-height:40px;border-radius:56px;background:#12151a; background:#F00;color:#fff;font-family:MiSans VF;font-size:14px;font-style:normal;font-weight:430;text-align:center;cursor:pointer}
.contact{ margin-right:530px; margin-top:-10px;}
.contact a:hover{ color:#FFF;}