:root{
      --n950:#F5F8FC; --n900:#EEF4FB; --eb:#2B7FFF; --ec:#00D4FF;
      --font-size-min:16px; --font-size-base:20px;
    }*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}html{scroll-behavior:smooth;}body{background:#EEF4FB;color:#142033;font-family:"Space Grotesk","Noto Sans SC",sans-serif;font-size:16px;line-height:1.6;overflow-x:hidden;}.pw{max-width:1700px;margin:0 auto;padding:0 48px;}@media(max-width:900px){.pw{padding:0 20px;}}::-webkit-scrollbar{width:4px;}::-webkit-scrollbar-track{background:#F5F8FC;}::-webkit-scrollbar-thumb{background:var(--eb);border-radius:2px;}.gt{background:linear-gradient(135deg,#60A5FA,#00D4FF,#A78BFA);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.stag{display:inline-block;background:rgba(43,127,255,.14);border:1px solid rgba(43,127,255,.32);color:#7BB8FF;padding:4px 14px;border-radius:20px;letter-spacing:2px;margin-bottom:12px;}.sec-head{text-align:center;margin-bottom:48px;}.sec-title{font-weight:700;color:#142033;margin:12px 0 14px;line-height:1.3;}.sec-sub{color:#5B6B7F;line-height:1.7;max-width:780px;margin:0 auto;}#main-nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(255,255,255,.9);backdrop-filter:blur(12px);border-bottom:1px solid rgba(20,40,80,.08);transition:.45s;}#main-nav.scrolled{background:#fff;backdrop-filter:blur(12px);border-bottom-color:rgba(20,40,80,.10);box-shadow:0 8px 24px rgba(20,40,80,.06);}#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;}#nav-inner{display:flex;align-items:center;justify-content:space-between;padding:18px 0;transition:padding .45s;}#main-nav.scrolled #nav-inner{padding:10px 0;}.nav-link{position:relative;color:#142033;font-weight:500;text-decoration:none;white-space:nowrap;}.nav-link::after{content:'';position:absolute;bottom:-5px;left:0;width:0;height:2px;background:#2B7FFF;transition:width .3s;}.nav-link:hover::after,.nav-link.active::after{width:100%;}.nav-link.active{color:#2B7FFF;font-weight:700;}.btn-primary{background:linear-gradient(135deg,#2B7FFF,#0EA5E9);border:none;color:#fff;padding:10px 24px;border-radius:6px;font-weight:600;cursor:pointer;}.btn-primary:hover{box-shadow:0 0 15px rgba(43,127,255,.4);transform:translateY(-2px);}.btn-outline{background:transparent;border:1px solid rgba(0,212,255,.5);color:#00D4FF;padding:11px 24px;border-radius:6px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;transition:all .3s;}.btn-outline:hover{background:rgba(0,212,255,.1);border-color:#00D4FF;box-shadow:0 0 15px rgba(0,212,255,.2);}#mobile-menu{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid rgba(20,40,80,.10);padding:12px 0;}#mobile-menu a{display:block;padding:10px 24px;color:#142033;font-size:16px;text-decoration:none;}.max-w-7xl{max-width:1700px!important;}/* APP 首屏：明亮冷白科技风 */
    .app-hero{
      min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:stretch;
      padding:88px 0 clamp(32px,5vh,64px);box-sizing:border-box;position:relative;overflow:hidden;
      background:
        radial-gradient(ellipse at 82% 18%, rgba(43,127,255,.12), transparent 46%),
        radial-gradient(ellipse at 14% 78%, rgba(0,168,216,.08), transparent 42%),
        linear-gradient(180deg,#FFFFFF 0%,#F5F8FC 100%) !important;
    }.app-hero-grid{
      position:absolute;inset:0;pointer-events:none;opacity:1!important;
      background:
        radial-gradient(rgba(43,127,255,.12) 1px,transparent 1px);
      background-size:28px 28px;
      mask-image:radial-gradient(ellipse at 78% 42%,#000 18%,transparent 72%);
    }.app-hero-grid::before{
      content:'';position:absolute;inset:0;opacity:.32;
      background:
        linear-gradient(105deg,rgba(245,248,252,.96) 36%,rgba(245,248,252,.4) 58%,transparent 86%),
        url('https://images.unsplash.com/photo-1512941937669-90a1b58e7e9c?w=1800&q=75') right center/cover no-repeat;
    }.app-hero-grid::after{
      content:'';position:absolute;inset:0;
      background:
        radial-gradient(ellipse at 88% 30%,rgba(43,127,255,.08),transparent 42%),
        linear-gradient(90deg,#FFFFFF 0%,rgba(255,255,255,.9) 40%,transparent 68%);
    }.app-hero-inner{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(28px,3.5vw,52px);align-items:center;position:relative;z-index:2;}@media(max-width:1024px){.app-hero-inner{grid-template-columns:1fr;}}.app-hero-copy{
      background:transparent;
      border:none;
      border-radius:0;
      padding:0;
      box-shadow:none;
      overflow:visible;
    }.app-hero h1{color:#142033!important;}.app-hero .app-hero-line{white-space:nowrap;display:inline-block;}.app-hero .hero-lead{color:#5B6B7F!important;    }.app-hero .gt{
      background:linear-gradient(135deg,#1D6FEB,#00A8D8)!important;
      -webkit-background-clip:text!important;background-clip:text!important;
      -webkit-text-fill-color:transparent!important;
    }
    .hero-data-stats .stat-card {
      background: rgba(255, 255, 255, 0.4) !important;
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
      border: 1px solid rgba(255, 255, 255, 0.5) !important;
      box-shadow: 0 4px 16px rgba(0,0,0,0.02) !important;
    }
    .hero-data-stats .stat-card:hover {
      background: rgba(255, 255, 255, 0.65) !important;
    }
    .hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:clamp(12px,2.5vh,28px);}@media(max-width:900px){.hero-stats{grid-template-columns:repeat(2,1fr);}}.hero-stat{padding:16px 14px;border-radius:12px;background:#FFFFFF;border:1px solid rgba(20,40,80,.10);box-shadow:0 6px 18px rgba(20,40,80,.04);}.hero-stat b{display:block;font-family:"Space Grotesk",sans-serif;font-size:18px;color:#1D6FEB;margin-bottom:4px;}.hero-stat span{font-size:15px;color:#5B6B7F;line-height:1.4;}/* APP 首屏：真实案例手机墙 */
    .phone-stage{
      position:relative;min-height:0;
      display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;
    }.phone-stage-visual{
      display:flex;align-items:flex-end;justify-content:center;gap:18px;width:100%;
    }.case-phone{
      display:block;text-decoration:none;color:inherit;position:relative;
      width:190px;height:380px;border-radius:32px;padding:10px;
      background:linear-gradient(160deg,#1A4FA0,#0F3268);
      border:2px solid rgba(43,127,255,.35);
      box-shadow:0 20px 40px rgba(20,40,80,.16);
      transition:transform .25s,box-shadow .25s;
    }.case-phone:hover{transform:translateY(-8px);box-shadow:0 24px 48px rgba(43,127,255,.18);}.case-phone.main{width:236px;height:460px;z-index:2;border-color:rgba(43,127,255,.5);}.case-phone .notch{width:82px;height:8px;border-radius:999px;background:rgba(148,163,184,.4);margin:2px auto 9px;}.case-phone .screen{height:calc(100% - 20px);border-radius:28px;overflow:hidden;position:relative;background:#0a1628;}.case-phone .screen img{width:100%;height:100%;object-fit:cover;display:block;}.case-phone .cap{
      position:absolute;left:0;right:0;bottom:0;padding:40px 16px 16px;
      background:linear-gradient(180deg,transparent,rgba(4,13,30,.92) 55%);
    }.case-phone .cap b{display:block;font-size:16px;color:#FFFFFF!important;margin-bottom:6px;line-height:1.3;}.case-phone .cap span{font-size:13px;color:rgba(255,255,255,.88)!important;line-height:1.45;}.case-phone.main .cap b{font-size:20px;}.case-phone .tag{
      position:absolute;top:16px;left:14px;z-index:2;font-size:13px;padding:4px 10px;border-radius:8px;
      background:rgba(43,127,255,.85);border:1px solid rgba(255,255,255,.25);color:#FFFFFF!important;font-family:"Space Grotesk",sans-serif;
    }.app-store-bar{
      position:relative;z-index:4;flex-shrink:0;
      display:flex;gap:8px;white-space:nowrap;justify-content:center;
    }.app-store-bar a,.app-store-bar span{
      font-size:14px;padding:10px 18px;border-radius:999px;text-decoration:none;
      background:#2B7FFF;border:1px solid #1D6FEB;color:#FFFFFF!important;
      box-shadow:0 8px 20px rgba(43,127,255,.25);
    }.app-store-bar a:hover{background:#1D6FEB;}@media(max-width:900px){
      .phone-stage,.phone-stage-visual,.case-phone,.app-store-bar{display:none!important;}
      .app-hero-copy{padding:0;}
    }.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}@media(max-width:1024px){.grid3{grid-template-columns:repeat(2,1fr);}}@media(max-width:640px){.grid2,.grid3{grid-template-columns:1fr;}}.svc-vis{display:block;border-radius:16px;overflow:hidden;background:#FFFFFF;border:1px solid rgba(20,40,80,.10);box-shadow:0 8px 28px rgba(20,40,80,.06);transition:.25s;text-decoration:none;color:inherit;}.svc-vis:hover{border-color:rgba(43,127,255,.28);transform:translateY(-4px);box-shadow:0 16px 36px rgba(43,127,255,.10);}.svc-vis .preview{height:120px;position:relative;display:flex;align-items:flex-start;padding:14px;background-size:cover;background-position:center;}.svc-vis .preview::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(245,248,252,.55) 100%);pointer-events:none;}.svc-vis .preview .ico{
      position:relative;z-index:2;width:44px;height:44px;border-radius:12px;
      display:flex;align-items:center;justify-content:center;
      background:#FFFFFF!important;border:1px solid rgba(20,40,80,.10)!important;color:#1D6FEB!important;
      box-shadow:0 8px 18px rgba(20,40,80,.16)!important;
    }.svc-vis .preview .ico svg{width:22px;height:22px;stroke-width:2.2;}.svc-vis .body{padding:16px 18px 18px;}.svc-vis h3{font-weight:700;margin:0 0 8px;color:#142033;}.svc-vis .tags{font-size:15px;color:#5B6B7F;}.svc-vis .tags span + span::before{content:' · ';color:rgba(91,107,127,.35);}/* 核心优势：四列能力条，无实景大图 */
    .adv-sec{padding:88px 0;background:linear-gradient(180deg,#F5F8FC 0%,#EEF4FB 100%);}.adv-row{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid rgba(20,40,80,.10);border-radius:16px;overflow:hidden;background:#FFFFFF;box-shadow:0 10px 28px rgba(20,40,80,.05);}@media(max-width:1024px){.adv-row{grid-template-columns:repeat(2,1fr);}}@media(max-width:640px){.adv-row{grid-template-columns:1fr;}}.adv-item{
      padding:32px 22px;text-align:center;position:relative;
      border-right:1px solid rgba(20,40,80,.08);background:#FFFFFF;transition:background .25s;
    }.adv-item:last-child{border-right:none;}@media(max-width:1024px){
      .adv-item:nth-child(2n){border-right:none;}
      .adv-item:nth-child(-n+2){border-bottom:1px solid rgba(20,40,80,.08);}
    }@media(max-width:640px){
      .adv-item{border-right:none;border-bottom:1px solid rgba(20,40,80,.08);}
      .adv-item:last-child{border-bottom:none;}
    }.adv-item:hover{background:rgba(43,127,255,.04);}.adv-item .n{font-family:"Space Grotesk",sans-serif;font-size:14px;letter-spacing:2px;color:#1D6FEB;margin-bottom:14px;}.adv-item .ico{
      width:48px;height:48px;margin:0 auto 14px;border-radius:12px;
      display:flex;align-items:center;justify-content:center;
      background:rgba(43,127,255,.08);border:1px solid rgba(43,127,255,.18);color:#1D6FEB;
    }.adv-item .ico svg{width:22px;height:22px;}.adv-item h3{font-weight:700;margin:0 0 8px;color:#142033;}.adv-item p{line-height:1.5;color:#5B6B7F;margin:0;}.process-sec{position:relative;padding:88px 0;overflow:hidden;background:#EEF4FB;}.process-sec::before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.35;background:radial-gradient(ellipse at 50% 0%,rgba(0,212,255,.2),transparent 55%),url('https://images.unsplash.com/photo-1522071820081-009f0129c71c?w=1600&q=60') center/cover no-repeat;}.process-sec .pw{position:relative;z-index:1;}/* 为什么需要：开放式信号清单；冷蓝底拉开与首屏色差 */
    .why-sec{
      position:relative;padding:96px 0;overflow:hidden;
      background:#E3EEF8;
    }.why-sec .why-bg{
      position:absolute;inset:0;z-index:0;pointer-events:none;
      background:transparent;
    }.why-sec .why-bg::after{display:none;}.why-sec .pw{position:relative;z-index:1;}.why-board{
      display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
      gap:28px 56px;padding:8px 0 0;border-radius:0;
      background:transparent;border:none;box-shadow:none;
    }@media(max-width:760px){.why-board{grid-template-columns:1fr;gap:22px;}}.why-card{
      --why-accent:#2B7FFF;
      display:grid;grid-template-columns:auto 40px 1fr;align-items:start;column-gap:14px;
      text-align:left;padding:8px 4px;border-radius:0;
      background:transparent;border:none;box-shadow:none;
      transition:transform .25s ease;
    }.why-card:hover{
      background:transparent;transform:translateX(4px);
      border:none;box-shadow:none;
    }.why-card:nth-child(2){--why-accent:#00A8D8;}.why-card:nth-child(3){--why-accent:#2563EB;}.why-card:nth-child(4){--why-accent:#0F9F6E;}.why-idx{
      font-family:"Space Grotesk",sans-serif;font-size:15px;font-weight:800;letter-spacing:.06em;
      color:var(--why-accent);line-height:40px;min-width:28px;
    }.why-card .ico{
      width:40px;height:40px;margin:0;border-radius:0;
      display:flex;align-items:center;justify-content:center;
      background:transparent;border:none;color:var(--why-accent);
    }.why-card .ico svg{width:22px;height:22px;}.why-card .why-body{min-width:0;padding-top:2px;}.why-card h3{margin:0 0 8px;font-weight:800;color:#142033;line-height:1.35;}.why-card p{margin:0;line-height:1.7;color:#5B6B7F;max-width:34em;}.case-card{display:block;border-radius:16px;overflow:hidden;background:#FFFFFF;border:1px solid rgba(20,40,80,.10);box-shadow:0 8px 28px rgba(20,40,80,.06);text-decoration:none;color:inherit;transition:.25s;}.case-card:hover{border-color:rgba(43,127,255,.28);transform:translateY(-4px);box-shadow:0 16px 36px rgba(43,127,255,.10);}.case-visual{height:200px;position:relative;background-size:cover;background-position:center;}.case-visual::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(245,248,252,.75) 100%);}.case-body{padding:18px 18px 20px;position:relative;}.case-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px;}.case-tags span{font-size:13px;padding:4px 10px;border-radius:999px;background:rgba(43,127,255,.08);border:1px solid rgba(43,127,255,.16);color:#1D5FD0;font-weight:600;}.case-body h3{font-weight:700;margin:0 0 8px;color:#142033;}.case-body .meta{font-size:15px;color:#5B6B7F;margin:0;}.case-body .more{margin-top:12px;font-size:15px;color:#1D6FEB;font-weight:600;}/* 流程：横向节点时间轴 */
    .flow6{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:0;padding:8px 0 0;}.flow6::before{
      content:'';position:absolute;left:8%;right:8%;top:27px;height:2px;z-index:0;border-radius:999px;
      background:linear-gradient(90deg,rgba(43,127,255,.35),rgba(0,212,255,.75),rgba(52,211,153,.7));
    }.flow6-item{position:relative;z-index:1;text-align:center;padding:0 6px;background:transparent!important;border:none!important;box-shadow:none!important;}.flow6-item .n{
      width:54px;height:54px;margin:0 auto 14px;border-radius:50%;
      display:flex;align-items:center;justify-content:center;
      font-family:"Space Grotesk",sans-serif;font-size:16px;font-weight:700;color:#1D6FEB!important;
      background:#FFFFFF!important;
      border:2px solid rgba(43,127,255,.35)!important;
      box-shadow:0 0 0 6px rgba(238,244,251,.95),0 6px 16px rgba(43,127,255,.10)!important;
    }.flow6-item:last-child .n{
      color:#0F9F6E!important;border-color:rgba(16,185,129,.45)!important;
      box-shadow:0 0 0 6px rgba(238,244,251,.95),0 6px 16px rgba(16,185,129,.12)!important;
    }.flow6-item h3{font-weight:700;margin:0;color:#142033;line-height:1.35;}.flow6-item p,.flow6-item .arrow{display:none;}@media(max-width:900px){
      .flow6{grid-template-columns:1fr;padding-left:8px;}
      .flow6::before{
        left:26px;right:auto;top:8px;bottom:8px;width:2px;height:auto;
        background:linear-gradient(180deg,rgba(43,127,255,.35),rgba(0,212,255,.75),rgba(52,211,153,.7));
      }
      .flow6-item{display:grid;grid-template-columns:54px 1fr;align-items:center;gap:14px;text-align:left;padding:0 0 22px;}
      .flow6-item .n{margin:0;width:48px;height:48px;font-size:15px;}
      .flow6-item h3{}
    }.kb-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;}@media(max-width:768px){.kb-grid{grid-template-columns:1fr;}}.kb-card{display:grid;grid-template-columns:100px 1fr;gap:0;overflow:hidden;border-radius:14px;background:#FFFFFF;border:1px solid rgba(20,40,80,.10);box-shadow:0 8px 28px rgba(20,40,80,.06);text-decoration:none;transition:.25s;}.kb-card:hover{border-color:rgba(43,127,255,.28);transform:translateY(-3px);}.kb-card .kb-thumb{min-height:110px;background-size:cover;background-position:center;}.kb-card .kb-body{padding:18px 16px;}.kb-card .cat{display:inline-block;font-size:13px;color:#1D5FD0;font-weight:700;margin-bottom:8px;padding:3px 10px;border-radius:6px;background:rgba(43,127,255,.08);border:1px solid rgba(43,127,255,.16);}.kb-card h3{font-weight:700;color:#142033;line-height:1.4;margin:0;}/* CTA 叠压样式见 site-common */
    /* 页脚：统一首页深蓝，见下方校正 */

    .floating-bar{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:90;display:none;flex-direction:column;}@media(min-width:1024px){.floating-bar{display:flex;}}.floating-btn{position:relative;background:linear-gradient(180deg,#2B7FFF,#1D6FEB);color:#FFFFFF;padding:12px 10px;font-size:16px;writing-mode:vertical-rl;cursor:pointer;border:none;border-bottom:1px solid rgba(255,255,255,.12);font-family:inherit;}.floating-btn:hover{background:rgba(0,212,255,.9);}.floating-btn:first-child{border-radius:8px 0 0 0;}.floating-btn:last-child{border-radius:0 0 0 8px;border-bottom:none;}.floating-tip{display:none;position:absolute;right:100%;top:50%;transform:translateY(-50%);margin-right:10px;writing-mode:horizontal-tb;white-space:nowrap;background:#FFFFFF;border:1px solid rgba(20,40,80,.14);color:#142033;padding:10px 14px;border-radius:8px;font-size:16px;font-weight:700;box-shadow:0 12px 28px rgba(20,40,80,.16);}.floating-btn:hover .floating-tip{display:block;}.mobile-consult-bar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:90;background:rgba(11,26,46,.96);border-top:1px solid rgba(43,127,255,.25);padding:10px 12px;gap:10px;}@media(max-width:1023px){.mobile-consult-bar{display:flex;}}.mobile-consult-bar button,.mobile-consult-bar a{flex:1;text-align:center;padding:12px;border-radius:8px;font-size:16px;font-weight:600;text-decoration:none;border:none;cursor:pointer;font-family:inherit;}.mobile-consult-bar button{background:linear-gradient(135deg,#2B7FFF,#00C8FF);color:#FFFFFF!important;}.mobile-consult-bar a{background:rgba(43,127,255,.25);color:rgba(255,255,255,.92)!important;border:1px solid rgba(43,127,255,.35);}.lead-modal{display:none;position:fixed;inset:0;z-index:200;background:rgba(15,40,80,.48);align-items:center;justify-content:center;padding:20px;}.lead-modal.open{display:flex;}.lead-modal-panel{width:100%;max-width:460px;background:#FFFFFF;border:1px solid rgba(20,40,80,.10);border-radius:16px;padding:28px;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%;padding:12px 14px;border-radius:8px;border:1px solid rgba(20,40,80,.14);background:#F5F8FC;color:#142033;font-size:16px;margin-bottom:14px;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);}/* MODULE-RHYTHM */
    /* 为什么需要：冷蓝底，与首屏浅底拉开 */
    #why.why-sec{background:#E3EEF8!important;}#why .why-bg{
      background:transparent!important;
    }#why .why-bg::after{display:none!important;}#why .why-board{
      background:transparent!important;border:none!important;
      backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
      box-shadow:none!important;border-radius:0!important;padding:8px 0 0!important;
    }#why .why-card{
      background:transparent!important;border:none!important;
      box-shadow:none!important;border-radius:0!important;
    }#why .why-card:hover{
      background:transparent!important;border:none!important;box-shadow:none!important;
      transform:translateX(4px);
    }#why .why-card h3{color:#142033!important;}#why .why-card p{color:#5B6B7F!important;}#why .why-card .ico{
      background:transparent!important;border:none!important;
      color:var(--why-accent,#1D6FEB)!important;box-shadow:none!important;
    }/* 服务预览卡 */
    #services .svc-vis{
      background:#FFFFFF!important;border:1px solid rgba(20,40,80,.10)!important;
      box-shadow:0 8px 28px rgba(20,40,80,.06)!important;
    }#services .svc-vis:hover{
      border-color:rgba(43,127,255,.28)!important;
      box-shadow:0 16px 36px rgba(43,127,255,.10)!important;
    }#services .svc-vis .preview::after{
      background:linear-gradient(180deg,transparent 30%,rgba(245,248,252,.55) 100%)!important;
    }#services .svc-vis .preview .ico{
      background:#FFFFFF!important;border:1px solid rgba(20,40,80,.10)!important;color:#1D6FEB!important;
      box-shadow:0 8px 18px rgba(20,40,80,.16)!important;z-index:2;
    }#services .svc-vis h3{color:#142033!important;}#services .svc-vis .body p{
      margin:0 0 10px;line-height:1.7;color:#5B6B7F!important;
    }#services .svc-vis .tags{color:#5B6B7F!important;}#services .svc-vis .tags span + span::before{color:rgba(91,107,127,.35)!important;}/* 优势：2×2 价值卡片 */
    #advantages .adv-row{
      grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
    @media(max-width:640px){
      #advantages .adv-row{grid-template-columns:1fr!important;}
    }
    #cases .case-feats{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;}
    #cases .case-feats span{padding:3px 8px;border-radius:6px;background:rgba(43,127,255,.08);color:#1D5FD0;border:1px solid rgba(43,127,255,.16);}
    #cases .case-body .meta + .meta{margin-top:6px;}
    #process .flow6-item p{display:block!important;margin:8px 0 0;line-height:1.65;color:#5B6B7F!important;}
    @media(max-width:900px){
      #process .flow6-item{align-items:start;}
      #process .flow6-item .n{margin-top:2px;}
    }/* 案例 / 知识：白卡 + 实色浅底标签 */
    #advantages.adv-sec{background:linear-gradient(180deg,#F5F8FC 0%,#EEF4FB 100%)!important;}#advantages .adv-row{
      background:#FFFFFF!important;border:1px solid rgba(20,40,80,.10)!important;
      box-shadow:0 10px 28px rgba(20,40,80,.05)!important;
    }#advantages .adv-item{border-color:rgba(20,40,80,.08)!important;background:#FFFFFF!important;}#advantages .adv-item:hover{background:rgba(43,127,255,.04)!important;}#advantages .adv-item .n{color:#1D6FEB!important;}#advantages .adv-item .ico{
      background:rgba(43,127,255,.08)!important;border:1px solid rgba(43,127,255,.18)!important;color:#1D6FEB!important;
    }#advantages .adv-item h3{color:#142033!important;}#advantages .adv-item p{color:#5B6B7F!important;}/* 案例 / 知识：白卡 + 实色浅底标签 */
    #cases .case-card{
      background:#FFFFFF!important;border:1px solid rgba(20,40,80,.10)!important;
      box-shadow:0 8px 28px rgba(20,40,80,.06)!important;
    }#cases .case-visual::after{
      background:linear-gradient(180deg,transparent 40%,rgba(245,248,252,.75) 100%)!important;
    }#cases .case-tags span{
      color:#1D5FD0!important;background:rgba(43,127,255,.08)!important;border:1px solid rgba(43,127,255,.16)!important;
    }#cases .case-body h3{color:#142033!important;}#cases .case-body .meta{color:#5B6B7F!important;}#cases .case-body .more{color:#1D6FEB!important;}#knowledge .kb-card{
      background:#FFFFFF!important;border:1px solid rgba(20,40,80,.10)!important;
      box-shadow:0 8px 28px rgba(20,40,80,.06)!important;
    }#knowledge .kb-card .cat{
      color:#1D5FD0!important;background:rgba(43,127,255,.08)!important;border:1px solid rgba(43,127,255,.16)!important;
    }#knowledge .kb-card h3{color:#142033!important;}/* 明亮主题 */
    :root{--n900:#F5F8FC;--n950:#EEF4FB;--eb:#2B7FFF;}body{background:#F5F8FC!important;color:#142033!important;}.sec-title,.section-title,h1,h2,h3{color:#142033!important;}.sec-sub,.section-sub{color:#5B6B7F!important;}.gt{background:linear-gradient(135deg,#1D6FEB,#00A8D8,#2B7FFF);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}.ph,.sw-hero,.sd-hero,.mp-hero,.app-hero,.cs-hero,.ai-hero,.ab-hero,.page-hero,.detail-hero{
      background:radial-gradient(ellipse at 80% 20%,rgba(43,127,255,.10),transparent 45%),linear-gradient(180deg,#F8FBFF,#F5F8FC)!important;color:#142033!important;
    }.ph h1,.sw-hero h1,.sd-hero h1,.mp-hero h1,.app-hero h1,.cs-hero h1,.ai-hero h1,.ab-hero h1,
    .ph p,.sw-hero p,.sd-hero p,.mp-hero p,.app-hero p,.cs-hero p,.ai-hero p,.ab-hero p{color:#142033!important;}.sec,section.sec,.process-sec{background:#F5F8FC!important;color:#142033!important;}.svc-card,.type-card,.pain-card,.case-card,.kb-card,.faq-item,.fcard,.cap-card,.cred-block,.fit-card,.scard,.side-card,.article-list-card,.article-card{
      background:#fff!important;border-color:rgba(20,40,80,.10)!important;color:#142033!important;box-shadow:0 8px 28px rgba(20,40,80,.06);
    }.svc-card h3,.type-card h3,.pain-card h3,.case-card h3,.kb-card h3,.cap-card h3,.fit-card h3{color:#142033!important;}.svc-card p,.type-card p,.pain-card p,.kb-card p,.cap-card p,.cred-meta p{color:#5B6B7F!important;}#types{background:linear-gradient(180deg,#F5F8FC,#EEF4FB)!important;}#types .type-col h4{color:#142033!important;border-color:rgba(20,40,80,.10)!important;}#types .type-col + .type-col{border-color:rgba(20,40,80,.10)!important;}#types .type-card{border-color:rgba(20,40,80,.08)!important;}#types .type-col:nth-child(1) .type-card h3{color:#1D6FEB!important;}#types .type-col:nth-child(2) .type-card h3{color:#2563EB!important;}#types .type-col:nth-child(3) .type-card h3{color:#0F9F6E!important;}#process.process-sec{background:#EEF4FB!important;}#process.process-sec::before{opacity:.12!important;}.cred-block{background:#fff!important;}.cred-meta h3{color:#142033!important;}/* 明亮主题强化 */
    :root{--n950:#F5F8FC!important;--n900:#EEF4FB!important;--eb:#2B7FFF;--ec:#00A8D8;}body{background:#F5F8FC!important;color:#142033!important;}.text-white{color:#142033!important;}.btn-primary,.cta-ban .text-white,.cta-banner .text-white,.cta-ban h2,.cta-banner h2,.ctab-ban h2,.cta-ban .cta-sub,.cta-banner .cta-sub{color:#fff !important;}.cta-ban .cta-phone,.cta-banner .cta-phone{color:rgba(255,255,255,.92)!important;}.site-footer,footer.py-12,body > footer,#site-footer .site-footer{
      background:
        transparent !important;
      color:rgba(255,255,255,.88)!important;
      border-top:none!important;
    }.site-footer .text-white,.site-footer h3,.site-footer h5,.site-footer p,
    footer .text-white,footer h3,footer h5,footer p{color:#FFFFFF!important;}.site-footer a,footer a,
    .site-footer .text-slate-300,.site-footer .text-slate-400,.site-footer .text-slate-500,.site-footer .text-slate-600,
    footer .text-slate-300,footer .text-slate-400,footer .text-slate-500,footer .text-slate-600{
      color:rgba(255,255,255,.72)!important;
    }.site-footer a:hover,footer a:hover{color:#7DD3FC!important;}.site-footer .border-blue-900\/20,.site-footer .border-b,
    footer .border-blue-900\/20,footer .border-b{border-color:rgba(255,255,255,.14)!important;}#page-loader{background:radial-gradient(ellipse at 50% 35%,#fff 0%,#F5F8FC 55%,#EEF4FB 100%)!important;}.loader-brand{color:#142033!important;}.loader-tip{color:#5B6B7F!important;}#services,#types,#pain,#capabilities,#fit,#faq,.sec{
      background:linear-gradient(180deg,#F5F8FC,#EEF4FB)!important;color:#142033!important;
    }#process,.process-sec{background:#EEF4FB!important;}.svc-card,.type-card,.pain-card,.case-card,.kb-card,.faq-item,.fcard,.cap-card,.cred-block,.fit-card,.scard,.side-card,.article-card{
      background:#fff!important;border-color:rgba(20,40,80,.10)!important;color:#142033!important;box-shadow:0 8px 28px rgba(20,40,80,.06)!important;
    }h1,h2,h3,.sec-title{color:#142033!important;}.sec-sub{color:#5B6B7F!important;}.gt,.grad-text{background:linear-gradient(135deg,#1D6FEB,#00A8D8,#2B7FFF);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}/* 清晰明亮页级校正 v51 */
    html,body{background:#F5F8FC!important;color:#142033!important;}#main-nav{background:rgba(255,255,255,.9)!important;backdrop-filter:blur(12px)!important;border-bottom:1px solid rgba(20,40,80,.08)!important;box-shadow:none!important;}#main-nav.scrolled{background:#fff!important;box-shadow:0 8px 24px rgba(20,40,80,.06)!important;}.nav-link,#nav-phone{color:#142033!important;}.nav-link.active,.nav-link:hover{color:#2B7FFF!important;}#mobile-menu{background:#fff!important;}#mobile-menu a{color:#142033!important;}.btn-primary{color:#fff!important;}.btn-outline{color:#1D6FEB!important;border-color:rgba(43,127,255,.45)!important;}.sec-sub,.section-sub{color:#5B6B7F!important;}.sec-title,.section-title,h1,h2,h3{color:#142033!important;}.stag,.section-tag{background:rgba(43,127,255,.08)!important;border-color:rgba(43,127,255,.22)!important;color:#1D5FD0!important;}.gt,.grad-text{background:linear-gradient(135deg,#1D6FEB,#00A8D8,#2B7FFF);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent!important;}.text-white{color:#142033!important;}.cta-ban h2,.cta-banner h2,.ctab-ban h2,.cta-ban .cta-sub,.cta-banner .cta-sub,.cta-ban .cta-phone,.cta-banner .cta-phone,.btn-primary{color:#fff!important;}.svc-card,.type-card,.pain-card,.case-card,.kb-card,.faq-item,.fcard,.cap-card,.cred-block,.fit-card,.scard,.side-card,.article-card{
      background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
      border:1px solid rgba(20,40,80,.10)!important;color:#142033!important;box-shadow:0 8px 28px rgba(20,40,80,.06)!important;
    }.svc-card h3,.type-card h3,.pain-card h3,.case-card h3,.kb-card h3,.cap-card h3,.fit-card h3{color:#142033!important;}.svc-card p,.type-card p,.pain-card p,.kb-card p,.cap-card p,.sec-sub,.intro-copy p{color:#5B6B7F!important;}#types .type-card p,#capabilities .cap-card h3,#capabilities .cap-card p,#knowledge .kb-card,
    #knowledge .kb-card h3,#knowledge .kb-card p{color:#142033!important;}#types .type-card p,#capabilities .cap-card p,#knowledge .kb-card p{color:#5B6B7F!important;}#knowledge .kb-card{background:#fff!important;}#knowledge .kb-card .cat{color:#1D5FD0!important;background:rgba(43,127,255,.08)!important;border-color:rgba(43,127,255,.16)!important;}#knowledge .kb-card h3{color:#142033!important;}#types .type-col h4{color:#142033!important;}/* 页脚样式见统一深蓝块 */
    .sw-hero-grid,.sd-hero-grid,.mp-hero-grid,.app-hero-grid,.ai-hero-grid,.cs-hero-grid,.ab-hero-grid{opacity:1!important;}#process.process-sec::before{display:none!important;}/* 模块级明亮末尾覆盖 */
    #why .why-bg::after{display:none!important;}#services .svc-vis,#advantages .adv-row,#advantages .adv-item,#cases .case-card,#knowledge .kb-card{
      background:#FFFFFF!important;border-color:rgba(20,40,80,.10)!important;
    }#why .why-card h3,#services .svc-vis h3,#advantages .adv-item h3,#cases .case-body h3,#knowledge .kb-card h3{color:#142033!important;}#why .why-card p,#services .svc-vis .tags,#advantages .adv-item p,#cases .case-body .meta{color:#5B6B7F!important;}#advantages .adv-item .n,#cases .case-body .more{color:#1D6FEB!important;}#services .svc-vis .preview .ico{
      color:#1D6FEB!important;background:#FFFFFF!important;border-color:rgba(20,40,80,.10)!important;
      box-shadow:0 8px 18px rgba(20,40,80,.16)!important;
    }#advantages .adv-item .ico{
      color:#1D6FEB!important;background:rgba(43,127,255,.08)!important;border-color:rgba(43,127,255,.18)!important;box-shadow:none!important;
    }#cases .case-tags span,#knowledge .kb-card .cat{
      color:#1D5FD0!important;background:rgba(43,127,255,.08)!important;border-color:rgba(43,127,255,.16)!important;
    }/* 为什么需要：强制无套框 */
    #why .why-board,#why .why-card{
      background:transparent!important;
      box-shadow:none!important;
      border-radius:0!important;
      border:none!important;
    }#why .why-board{padding:8px 0 0!important;}#why .why-card .ico{
      background:transparent!important;border:none!important;box-shadow:none!important;
      color:var(--why-accent,#1D6FEB)!important;
    }/* 首屏最终明亮校正 */
    .app-hero{
      background:
        radial-gradient(ellipse at 82% 18%, rgba(43,127,255,.12), transparent 46%),
        radial-gradient(ellipse at 14% 78%, rgba(0,168,216,.08), transparent 42%),
        linear-gradient(180deg,#FFFFFF 0%,#F5F8FC 100%) !important;
    }.app-hero-grid{
      background:radial-gradient(rgba(43,127,255,.12) 1px,transparent 1px)!important;
      background-size:28px 28px!important;
      opacity:1!important;
    }.app-hero-copy{
      background:transparent!important;
      border:none!important;
      box-shadow:none!important;
      border-radius:0!important;
      padding:0!important;
      overflow:visible!important;
    }.app-hero h1{color:#142033!important;}.app-hero .app-hero-line{white-space:nowrap;display:inline-block;}.app-hero .hero-lead{color:#5B6B7F!important;}.app-hero .gt{
      background:linear-gradient(135deg,#1D6FEB,#00A8D8)!important;
      -webkit-background-clip:text!important;background-clip:text!important;
      -webkit-text-fill-color:transparent!important;
    }.case-phone .cap b{color:#FFFFFF!important;}.case-phone .cap span{color:rgba(255,255,255,.88)!important;}.case-phone .tag{color:#FFFFFF!important;background:rgba(43,127,255,.85)!important;}.app-store-bar a,.app-store-bar span{
      background:#2B7FFF!important;border-color:#1D6FEB!important;color:#FFFFFF!important;
    }/* 开发流程：去掉白卡边框，只保留节点时间轴 */
    #process .flow6-item,#process .flow6-item:hover{
      background:transparent!important;border:none!important;box-shadow:none!important;border-radius:0!important;
    }#process .flow6-item h3{color:#142033!important;background:transparent!important;}#process .flow6-item .n{
      color:#1D6FEB!important;background:#FFFFFF!important;
      border:2px solid rgba(43,127,255,.35)!important;
      box-shadow:0 0 0 6px #EEF4FB,0 6px 16px rgba(43,127,255,.10)!important;
    }#process .flow6-item:last-child .n{
      color:#0F9F6E!important;border-color:rgba(16,185,129,.45)!important;
      box-shadow:0 0 0 6px #EEF4FB,0 6px 16px rgba(16,185,129,.12)!important;
    }/* 模块之间底色拉开：首屏浅底 → 场景冷蓝 → 服务白 → 优势浅灰蓝 */
    #why.why-sec,#why{
      background:#E3EEF8!important;
    }#services{
      background:#FFFFFF!important;
    }#advantages.adv-sec,#advantages{
      background:#F5F8FC!important;
    }#cases{
      background:#E3EEF8!important;
    }#process,#process.process-sec,.process-sec{
      background:#D6E6F6!important;
    }#knowledge{
      background:#FFFFFF!important;
    }/* CTA 外沿接上一段知识库底色 */
    :root{ --cta-band-bg:#FFFFFF; }

    /* 核心优势：横向闭环流程条 */
    #advantages.adv-sec,#advantages{
      background:
        radial-gradient(ellipse 55% 40% at 50% 0%,rgba(125,211,252,.16),transparent 65%),
        linear-gradient(180deg,#F5F8FC 0%,#EEF4FB 100%)!important;
      padding:64px 0 68px!important;
      overflow:hidden;
    }
    #advantages .sec-head{margin-bottom:28px!important;}
    #advantages .adv-row,
    #advantages .adv-item,
    #advantages .adv-loop{display:none!important;}
    #advantages .adv-cycle{
      max-width:1280px;
      margin:0 auto;
    }
    #advantages .adv-cycle-rail{
      display:grid;
      grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;
      align-items:stretch;
      gap:0;
    }
    #advantages .adv-cycle-item{
      position:relative;
      padding:20px 16px 18px;
      background:#FFFFFF;
      border:1px solid rgba(43,127,255,.14);
      border-radius:14px;
      box-shadow:0 10px 24px rgba(20,40,80,.06);
      transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
    }
    #advantages .adv-cycle-item:hover{
      transform:translateY(-3px);
      border-color:rgba(43,127,255,.34);
      box-shadow:0 14px 28px rgba(43,127,255,.12);
    }
    #advantages .adv-cycle-ico{
      width:36px;height:36px;margin-bottom:10px;
      display:grid;place-items:center;border-radius:10px;
      color:#1D6FEB;background:rgba(43,127,255,.1);
      border:1px solid rgba(43,127,255,.18);
    }
    #advantages .adv-cycle-ico svg{width:18px;height:18px;}
    #advantages .adv-cycle-item .n{
      display:block;margin:0 0 4px;
      font-family:"Space Grotesk",sans-serif;font-size:12px;font-weight:700;letter-spacing:.12em;
      color:#1D6FEB;
    }
    #advantages .adv-cycle-item h3{
      margin:0 0 8px!important;line-height:1.35!important;
      color:#142033!important;-webkit-text-fill-color:#142033!important;
    }
    #advantages .adv-cycle-item p{
      margin:0!important;line-height:1.65!important;
      color:#5B6B7F!important;-webkit-text-fill-color:#5B6B7F!important;
    }
    #advantages .adv-cycle-link{
      display:flex;align-items:center;justify-content:center;
      width:28px;color:#2B7FFF;opacity:.7;
    }
    #advantages .adv-cycle-link svg{width:20px;height:20px;}
    #advantages .adv-cycle-return{
      position:relative;
      height:56px;margin-top:6px;
    }
    #advantages .adv-cycle-return svg{
      position:absolute;left:4%;right:4%;width:92%;height:100%;
      overflow:visible;
    }
    #advantages .adv-cycle-return path{
      fill:none;stroke:#2B7FFF;stroke-width:2;stroke-linecap:round;
      stroke-dasharray:8 8;opacity:.45;
    }
    @media(max-width:1024px){
      #advantages .adv-cycle-rail{
        grid-template-columns:1fr 1fr;
        gap:14px;
      }
      #advantages .adv-cycle-link,
      #advantages .adv-cycle-return{display:none;}
    }
    @media(max-width:640px){
      #advantages.adv-sec,#advantages{padding:52px 0 60px!important;}
      #advantages .adv-cycle-rail{grid-template-columns:1fr;gap:12px;}
    }

    /* APP 开发流程：与 AI 应用页一致的横向科技轨道 */
    #process.app-process-sec{
      position:relative;overflow:hidden;
      padding:108px 0!important;
      background:
        radial-gradient(ellipse 55% 42% at 50% 0%,rgba(125,211,252,.28),transparent 62%),
        radial-gradient(ellipse 36% 40% at 8% 88%,rgba(147,197,253,.22),transparent 64%),
        radial-gradient(ellipse 34% 36% at 94% 18%,rgba(191,219,254,.26),transparent 62%),
        linear-gradient(180deg,#F3F8FC 0%,#EEF4FB 48%,#E8F0F8 100%)!important;
    }
    #process.app-process-sec::before{display:none!important;}
    #process.app-process-sec .pw{position:relative;z-index:1;max-width:1680px!important;}
    #process.app-process-sec .sec-head{margin-bottom:66px!important;}
    #process.app-process-sec .flow-tl{
      position:relative!important;display:grid!important;
      grid-template-columns:repeat(6,minmax(0,1fr))!important;
      max-width:none!important;margin:0 auto!important;padding:72px 0 0!important;
      gap:14px!important;
    }
    #process.app-process-sec .flow-tl::before{
      display:block!important;content:''!important;
      position:absolute!important;left:8%!important;right:8%!important;top:28px!important;bottom:auto!important;
      width:auto!important;height:2px!important;transform:none!important;border:none!important;border-radius:999px!important;
      background:linear-gradient(90deg,rgba(56,189,248,.12),#38BDF8 12%,#2B7FFF 50%,#38BDF8 88%,rgba(56,189,248,.12))!important;
      box-shadow:0 0 18px rgba(56,189,248,.42)!important;
    }
    #process.app-process-sec .flow-tl::after{
      display:block!important;content:''!important;
      position:absolute!important;left:8%!important;right:auto!important;top:24px!important;bottom:auto!important;
      width:10px!important;height:10px!important;transform:translateX(-50%)!important;
      border-radius:50%!important;background:#A5F3FC!important;
      box-shadow:0 0 8px #67E8F9,0 0 22px rgba(56,189,248,.9)!important;
      animation:appProcessRailTravel 5.5s ease-in-out infinite!important;
    }
    @keyframes appProcessRailTravel{
      0%{left:8%;opacity:0;}
      8%,92%{opacity:1;}
      100%{left:92%;opacity:0;}
    }
    #process.app-process-sec .flow-step{
      position:relative!important;display:block!important;
      width:auto!important;min-width:0!important;padding:0!important;
      align-self:stretch!important;text-align:left!important;
      background:transparent!important;border:none!important;box-shadow:none!important;
    }
    #process.app-process-sec .flow-step::before{
      content:''!important;position:absolute!important;
      left:50%!important;top:-44px!important;
      width:1px!important;height:44px!important;
      background:linear-gradient(180deg,#38BDF8,rgba(56,189,248,.12))!important;
      box-shadow:0 0 10px rgba(56,189,248,.35)!important;
    }
    #process.app-process-sec .flow-step .n{
      position:absolute!important;left:50%!important;top:-72px!important;z-index:5;
      width:52px!important;height:52px!important;margin:0!important;
      transform:translateX(-50%)!important;
      display:flex!important;align-items:center;justify-content:center;
      border-radius:50%!important;
      font-family:"Space Grotesk",sans-serif;font-size:15px!important;font-weight:800!important;
      color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;
      border:1px solid rgba(165,243,252,.78)!important;
      background:radial-gradient(circle at 32% 24%,#67E8F9,#168FE6 42%,#1D4ED8 100%)!important;
      box-shadow:0 0 0 7px rgba(56,189,248,.07),0 0 28px rgba(56,189,248,.48),0 10px 22px rgba(0,0,0,.18)!important;
      transition:transform .3s ease,box-shadow .3s ease;
    }
    #process.app-process-sec .flow-card{
      position:relative!important;height:240px!important;min-height:240px!important;
      padding:28px 16px 22px!important;border-radius:18px!important;
      overflow:hidden!important;
      background:linear-gradient(180deg,#FFFFFF 0%,#F3F8FF 100%)!important;
      border:1px solid rgba(255,255,255,.82)!important;
      box-shadow:0 16px 36px rgba(20,40,80,.10)!important;
      transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease,background .3s ease;
    }
    #process.app-process-sec .flow-card::before{
      content:''!important;position:absolute!important;
      left:0!important;right:0!important;top:0!important;
      height:3px!important;
      background:linear-gradient(90deg,transparent,#38BDF8,#2B7FFF,transparent)!important;
    }
    #process.app-process-sec .flow-card::after{
      content:''!important;position:absolute!important;
      right:-66px!important;bottom:-82px!important;width:170px!important;height:170px!important;
      border:1px solid rgba(43,127,255,.10)!important;border-radius:50%!important;
      box-shadow:0 0 0 22px rgba(43,127,255,.04),0 0 0 44px rgba(43,127,255,.02);
    }
    #process.app-process-sec .flow-card .fico{
      position:relative!important;z-index:1;
      width:44px!important;height:44px!important;margin:0 0 16px!important;
      border-radius:14px!important;
      display:flex!important;align-items:center;justify-content:center;
      background:rgba(43,127,255,.10)!important;
      border:1px solid rgba(43,127,255,.22)!important;
      color:#1D6FEB!important;
      transition:background .28s ease,color .28s ease,border-color .28s ease,transform .28s ease;
    }
    #process.app-process-sec .flow-card .fico svg{
      width:20px;height:20px;color:#1D6FEB!important;stroke:#1D6FEB!important;
    }
    #process.app-process-sec .flow-step h3{
      position:relative;z-index:1;
      margin:0 0 10px!important;line-height:1.35!important;font-weight:800!important;
      color:#142033!important;-webkit-text-fill-color:#142033!important;
      background:none!important;border:none!important;box-shadow:none!important;padding:0!important;
    }
    #process.app-process-sec .flow-step p{
      position:relative;z-index:1;
      margin:0!important;line-height:1.7!important;
      color:#3D5168!important;-webkit-text-fill-color:#3D5168!important;
      background:none!important;border:none!important;box-shadow:none!important;padding:0!important;
      display:block!important;max-width:none!important;
    }
    #process.app-process-sec .flow-step:hover .n{
      transform:translateX(-50%) scale(1.08)!important;
      box-shadow:0 0 0 8px rgba(56,189,248,.14),0 0 34px rgba(56,189,248,.62),0 10px 22px rgba(0,0,0,.18)!important;
    }
    #process.app-process-sec .flow-step:hover .flow-card{
      transform:translateY(-7px)!important;
      border-color:#2B7FFF!important;
      background:linear-gradient(165deg,#D9E9FF 0%,#EEF5FF 46%,#FFFFFF 100%)!important;
      box-shadow:0 22px 48px rgba(43,127,255,.22)!important;
    }
    #process.app-process-sec .flow-step:hover .fico{
      transform:scale(1.06);
      background:#2B7FFF!important;border-color:#2B7FFF!important;color:#FFFFFF!important;
    }
    #process.app-process-sec .flow-step:hover .fico svg{color:#FFFFFF!important;stroke:#FFFFFF!important;}
    #process.app-process-sec .flow-step:hover h3{
      color:#1D6FEB!important;-webkit-text-fill-color:#1D6FEB!important;
    }
    #process.app-process-sec .flow-step:nth-child(6):hover .flow-card{
      border-color:#0F9F6E!important;
      background:linear-gradient(165deg,#CDEEDD 0%,#E8F8EF 46%,#FFFFFF 100%)!important;
      box-shadow:0 22px 48px rgba(15,159,110,.22)!important;
    }
    #process.app-process-sec .flow-step:nth-child(6):hover .fico{
      background:#0F9F6E!important;border-color:#0F9F6E!important;
    }
    #process.app-process-sec .flow-step:nth-child(6):hover h3{
      color:#0F9F6E!important;-webkit-text-fill-color:#0F9F6E!important;
    }
    @media(min-width:901px) and (max-width:1250px){
      #process.app-process-sec .flow-tl{gap:8px!important;}
      #process.app-process-sec .flow-card{height:226px!important;min-height:226px!important;padding:22px 12px 16px!important;}
      #process.app-process-sec .flow-card .fico{width:40px!important;height:40px!important;margin-bottom:14px!important;}
      #process.app-process-sec .flow-step .n{width:48px!important;height:48px!important;}
    }
    @media(max-width:900px){
      #process.app-process-sec .flow-tl{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        padding:0!important;gap:16px!important;
      }
      #process.app-process-sec .flow-tl::before,
      #process.app-process-sec .flow-tl::after,
      #process.app-process-sec .flow-step::before{display:none!important;}
      #process.app-process-sec .flow-step{padding:0!important;}
      #process.app-process-sec .flow-step .n{
        position:absolute!important;
        left:16px!important;top:16px!important;width:44px!important;height:44px!important;
        transform:none!important;z-index:3!important;
      }
      #process.app-process-sec .flow-step:hover .n{transform:none!important;}
      #process.app-process-sec .flow-card{
        height:auto!important;min-height:0!important;
        padding:16px 16px 20px!important;text-align:left!important;
        overflow:visible!important;width:100%!important;box-sizing:border-box!important;
      }
      #process.app-process-sec .flow-card .fico{
        width:44px!important;height:44px!important;margin:0 0 12px 56px!important;
      }
    }
    @media(max-width:560px){
      #process.app-process-sec .flow-tl{grid-template-columns:1fr!important;gap:12px!important;}
      #process.app-process-sec .flow-step .n{
        left:16px!important;top:16px!important;width:44px!important;height:44px!important;
      }
      #process.app-process-sec .flow-card{
        height:auto!important;min-height:0!important;padding:16px 16px 20px!important;
        overflow:visible!important;
      }
      #process.app-process-sec .flow-card .fico{
        width:42px!important;height:42px!important;margin:0 0 12px 56px!important;
      }
    }

    /* 平板/手机：隐藏首屏「热门案例」机模与「查看更多 APP 案例」，只留左侧文案 */
    @media(max-width:1024px){
      .phone-stage,
      .phone-stage-visual,
      .case-phone,
      .app-store-bar{
        display:none!important;
      }
      .app-hero{
        min-height:0!important;
        height:auto!important;
        padding-top:84px!important;
        padding-bottom:24px!important;
      }
      .app-hero-inner{
        grid-template-columns:1fr!important;
        gap:0!important;
      }
    }

    /* APP项目怎么规划：保留原浅色，仅改顶部圆标压边布局 */
    #plan .plan-grid {
      position: relative;
      display: grid;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      gap: 20px;
      padding-top: 48px;
    }
    #plan .plan-grid::before { display: none; }
    #plan .plan-card {
      position: relative;
      z-index: 1;
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      background: #FFFFFF;
      border: 1px solid rgba(43,127,255,0.12);
      border-radius: 16px;
      padding: 56px 16px 28px;
      box-shadow: 0 8px 24px rgba(20,40,80,.06);
      overflow: visible;
      transition: all .3s ease;
    }
    #plan .plan-card:hover {
      transform: translateY(-5px);
      border-color: rgba(43,127,255,0.28);
      box-shadow: 0 14px 32px rgba(43,127,255,.12);
    }
    #plan .plan-card::before { display: none; }
    #plan .plan-ico {
      position: absolute;
      top: -38px;
      left: 50%;
      transform: translateX(-50%);
      width: 76px;
      height: 76px;
      margin: 0;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #1D6FEB;
      background: linear-gradient(145deg, #FFFFFF 0%, #EAF4FF 100%);
      border: 4px solid #FFFFFF;
      box-shadow:
        0 0 0 3px rgba(43,127,255,.22),
        0 10px 24px rgba(43,127,255,.18);
      z-index: 2;
    }
    #plan .plan-card:hover .plan-ico {
      color: #FFFFFF;
      background: linear-gradient(145deg, #2B7FFF 0%, #0EA5E9 100%);
      box-shadow:
        0 0 0 3px rgba(43,127,255,.28),
        0 12px 28px rgba(43,127,255,.32);
    }
    #plan .plan-ico svg {
      width: 34px;
      height: 34px;
      stroke-width: 2.3;
    }
    #plan .plan-content {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 10px;
    }
    #plan .plan-content h3 {
      margin: 0;
      color: #142033;
      font-weight: 700;
    }
    #plan .plan-content p {
      margin: 0;
      color: #5B6B7F;
      line-height: 1.65;
    }
    @media(max-width: 1100px) {
      #plan .plan-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
      #plan .plan-grid::before { display: none; }
    }
    @media(max-width: 760px) {
      #plan .plan-grid {
        grid-template-columns: 1fr;
        gap: 48px;
        padding-top: 20px;
      }
      #plan .plan-grid::before { display: none; }
      #plan .plan-card {
        padding: 52px 20px 24px;
      }
      #plan .plan-ico {
        width: 68px;
        height: 68px;
        top: -34px;
      }
      #plan .plan-ico svg {
        width: 30px;
        height: 30px;
      }
    }

    /* APP定制开发：左大图标 + 右文案，保留切角框 */
    #custom .dim-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 22px;
    }
    #custom .dim-card {
      position: relative;
      display: flex !important;
      align-items: center;
      gap: 22px;
      background: linear-gradient(135deg, rgba(56,189,248,0.14) 0%, rgba(255,255,255,0.04) 100%) !important;
      border: 1px solid rgba(125,211,252,0.28) !important;
      border-radius: 0 !important;
      padding: 30px 28px !important;
      clip-path: polygon(0 0, calc(100% - 22px) 0, 100% 22px, 100% 100%, 22px 100%, 0 calc(100% - 22px));
      backdrop-filter: blur(14px);
      -webkit-backdrop-filter: blur(14px);
      transition: all 0.3s ease;
      overflow: hidden;
    }
    #custom .dim-card:hover {
      background: linear-gradient(135deg, rgba(56,189,248,0.22) 0%, rgba(255,255,255,0.08) 100%) !important;
      border-color: rgba(56,189,248,0.55) !important;
      box-shadow: inset 0 0 28px rgba(56,189,248,0.16) !important;
      transform: translateY(-3px);
    }
    #custom .dim-card::after {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      width: 22px;
      height: 22px;
      background: rgba(56,189,248,0.42);
      clip-path: polygon(0 0, 100% 0, 100% 100%);
      display: block !important;
    }
    #custom .dim-ico {
      width: 78px;
      height: 78px;
      flex: 0 0 78px;
      margin: 0 !important;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 16px;
      color: #67E8F9;
      background: linear-gradient(145deg, rgba(103,232,249,.18), rgba(43,127,255,.08));
      border: 1px solid rgba(125,211,252,.32);
      box-shadow: 0 0 0 8px rgba(56,189,248,.07);
    }
    #custom .dim-ico svg {
      width: 40px;
      height: 40px;
      stroke-width: 1.7;
    }
    #custom .dim-card:hover .dim-ico {
      background: linear-gradient(145deg, rgba(103,232,249,.28), rgba(43,127,255,.14));
      box-shadow: 0 0 0 8px rgba(56,189,248,.12), 0 10px 24px rgba(14,165,233,.18);
    }
    #custom .dim-body {
      min-width: 0;
      flex: 1;
    }
    #custom .dim-card h3 {
      color: #fff !important;
      margin: 0 0 10px !important;
      font-weight: 700;
    }
    #custom .dim-card p {
      color: rgba(255,255,255,0.78) !important;
      line-height: 1.7 !important;
      margin: 0 !important;
    }
    #custom .dim-card a { color: #67E8F9 !important; text-decoration: none; }
    #custom .dim-card a:hover { text-decoration: underline; }
    @media(max-width: 900px) {
      #custom .dim-grid { grid-template-columns: 1fr; gap: 14px; }
      #custom .dim-card {
        padding: 24px 18px !important;
        gap: 16px;
        clip-path: polygon(0 0, calc(100% - 16px) 0, 100% 16px, 100% 100%, 16px 100%, 0 calc(100% - 16px));
      }
      #custom .dim-card::after { width: 16px; height: 16px; }
      #custom .dim-ico { width: 64px; height: 64px; flex-basis: 64px; border-radius: 14px; }
      #custom .dim-ico svg { width: 32px; height: 32px; }
    }

    /* APP项目交付内容：图二布局 - 两列卡片，左大序号 + 右文案 */
    #deliver .deliver-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 18px;
    }
    #deliver .deliver-item {
      display: flex !important;
      align-items: center;
      gap: 20px;
      background: rgba(255,255,255,0.06) !important;
      border: 1px solid rgba(125,211,252,0.18) !important;
      border-radius: 14px !important;
      border-top: 1px solid rgba(125,211,252,0.18) !important;
      padding: 24px 22px !important;
      transition: all 0.3s ease;
      position: relative;
      overflow: hidden;
    }
    #deliver .deliver-item:hover {
      background: rgba(56,189,248,0.12) !important;
      border-color: rgba(56,189,248,0.4) !important;
      transform: translateY(-3px);
      box-shadow: 0 12px 28px rgba(0,0,0,0.16);
    }
    #deliver .deliver-item::before { display: none !important; }
    #deliver .del-num {
      width: 64px;
      height: 64px;
      flex: 0 0 64px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      font-family: "Space Grotesk", sans-serif;
      font-size: 26px;
      font-weight: 800;
      color: #FFFFFF;
      background: linear-gradient(145deg, #2B7FFF, #0EA5E9);
      box-shadow: 0 8px 22px rgba(43,127,255,0.35), inset 0 1px 0 rgba(255,255,255,0.25);
    }
    #deliver .deliver-item:hover .del-num {
      transform: scale(1.06);
      box-shadow: 0 10px 26px rgba(14,165,233,0.45), inset 0 1px 0 rgba(255,255,255,0.3);
    }
    #deliver .del-info { min-width: 0; flex: 1; }
    #deliver .deliver-item h3 {
      color: #fff !important;
      margin: 0 0 8px !important;
      font-weight: 700;
    }
    #deliver .deliver-item p {
      color: rgba(255,255,255,0.75) !important;
      line-height: 1.7 !important;
      margin: 0 !important;
    }
    @media(max-width: 900px) {
      #deliver .deliver-grid { grid-template-columns: 1fr; gap: 14px; }
      #deliver .deliver-item { padding: 20px 16px !important; gap: 16px; }
      #deliver .del-num { width: 54px; height: 54px; flex-basis: 54px; font-size: 22px; }
    }

    /* 流程节点产出 */
    #process.app-process-sec .flow-card{
      height:auto!important;min-height:268px!important;overflow:visible!important;
    }
    #process .flow-card .out{
      display:inline-block;margin-top:10px;padding:4px 10px;border-radius:999px;
      background:rgba(43,127,255,.08);border:1px solid rgba(43,127,255,.16);
      color:#1D5FD0;font-weight:700;
    }

    /* 案例字段：全部 HTML 文字；四案同一排，不再拆成两行 */
    #cases .case-visual img{width:100%;height:100%;object-fit:cover;display:block;}
    #cases .case-grid{
      display:grid;
      grid-template-columns:repeat(4,minmax(0,1fr));
      gap:14px;
      align-items:stretch;
    }
    #cases .case-visual{height:132px;}
    #cases .case-body{padding:14px 14px 16px;}
    #cases .case-more-row{margin-top:22px;text-align:center;}
    #cases .case-more-row a{
      display:inline-flex;align-items:center;justify-content:center;
      padding:12px 22px;border-radius:999px;text-decoration:none;font-weight:700;
      background:#2B7FFF;color:#FFFFFF;
    }
    @media(max-width:1100px){
      #cases .case-grid{
        display:flex;
        overflow-x:auto;
        gap:14px;
        scroll-snap-type:x proximity;
        padding-bottom:6px;
      }
      #cases .case-card{
        flex:0 0 min(72vw,280px);
        scroll-snap-align:start;
      }
    }

    /* FAQ + 相关指南同一板块 */
    #faq.app-faq{padding:88px 0;background:linear-gradient(180deg,#F5F8FC,#EEF4FB);}
    #faq .faq-wrap{display:grid;grid-template-columns:1.7fr .9fr;gap:36px;align-items:start;}
    #faq .faq-item{
      margin:0 0 10px;padding:0 18px;border-radius:12px;
      background:#FFFFFF!important;border:1px solid rgba(20,40,80,.10)!important;
      box-shadow:0 8px 28px rgba(20,40,80,.05)!important;
    }
    #faq .faq-item summary{cursor:pointer;list-style:none;padding:16px 28px 16px 0;position:relative;}
    #faq .faq-item summary::-webkit-details-marker{display:none;}
    #faq .faq-item summary h3{margin:0;line-height:1.5;font-weight:700;color:#142033;}
    #faq .faq-item summary::after{content:'+';position:absolute;right:0;top:16px;color:#1D6FEB;line-height:1;}
    #faq .faq-item[open] summary::after{content:'–';}
    #faq .faq-item p{margin:0 0 16px;line-height:1.8;color:#5B6B7F;}
    #faq .guide-box{
      background:#FFFFFF;border:1px solid rgba(20,40,80,.10);
      border-radius:16px;padding:22px 20px;
      box-shadow:0 8px 28px rgba(20,40,80,.05);
    }
    #faq .guide-box h3{margin:0 0 14px;color:#142033;}
    #faq .guide-box a{
      display:block;padding:10px 0;color:#1D6FEB;text-decoration:none;
      line-height:1.6;border-bottom:1px solid rgba(20,40,80,.08);
    }
    #faq .guide-box a:last-child{border-bottom:none;}
    #faq .guide-box a span{display:block;color:#5B6B7F;margin-bottom:4px;}
    @media(max-width:900px){
      #faq .faq-wrap{grid-template-columns:1fr;}
    }

    /* 浅板块保持白底；深板块最终覆盖写在字号样式之后，避免被全站白卡顶回 */

  

    /* APP 页浅深交替：深板块用科技蓝，不要近黑底，也不套白框 */
    :root{--cta-band-bg:#1556A0;}
    .app-hero{
      background:
        radial-gradient(ellipse at 82% 18%, rgba(43,127,255,.10), transparent 46%),
        radial-gradient(ellipse at 14% 78%, rgba(0,168,216,.06), transparent 42%),
        linear-gradient(180deg,#FFFFFF 0%,#F7FBFF 100%) !important;
    }
    #plan,#cases{
      background:#FFFFFF!important;
      background-color:#FFFFFF!important;
      background-image:none!important;
    }
    #process.app-process-sec,#process.process-sec,#process,.process-sec{
      background-color:#F4F8FC!important;
      background-image:
        radial-gradient(ellipse 55% 42% at 50% 0%,rgba(125,211,252,.16),transparent 62%),
        linear-gradient(180deg,#FFFFFF 0%,#F4F8FC 100%)!important;
    }
    #why.why-sec,#why,
    #custom.adv-sec,#custom,
    #deliver,
    #faq.app-faq,#faq{
      isolation:isolate;
      overflow:hidden!important;
      color:#E8F4FF!important;
      background-color:#1556A0!important;
      background-repeat:no-repeat!important;
      background-size:cover!important;
    }
    /* 适合开发APP：外层深色底板，与卡片形成统一深色氛围 */
    #why.why-sec,#why{
      color:#E8F4FF!important;
      background-color:#0B1A2E!important;
      background-image:
        radial-gradient(ellipse 55% 42% at 78% 12%,rgba(56,189,248,.14),transparent 58%),
        radial-gradient(ellipse 48% 40% at 12% 88%,rgba(43,127,255,.12),transparent 52%),
        linear-gradient(180deg,rgba(12,32,62,.72) 0%,rgba(8,24,48,.88) 100%),
        url('../images/dark-bg/7cd30a47-4b35-41a6-abe7-0975bef4857f.png?v=1')!important;
      background-position:center,center,center,right center!important;
      background-size:cover,cover,cover,cover!important;
    }
    #custom.adv-sec,#custom{
      background-image:
        radial-gradient(ellipse 88% 62% at 18% 24%,rgba(56,189,248,.22),transparent 56%),
        radial-gradient(ellipse 70% 50% at 88% 86%,rgba(43,127,255,.16),transparent 52%),
        linear-gradient(180deg,rgba(21,78,150,.36) 0%,rgba(16,62,128,.48) 100%),
        url('../images/dark-bg/e4560343-0137-490f-bad6-41bc00249c43.png?v=1')!important;
      background-position:center,center,center,right center!important;
    }
    #deliver{
      background-image:
        radial-gradient(ellipse 80% 50% at 50% 100%,rgba(56,189,248,.24),transparent 58%),
        radial-gradient(ellipse 70% 50% at 14% 12%,rgba(43,127,255,.14),transparent 50%),
        linear-gradient(180deg,rgba(21,78,150,.34) 0%,rgba(16,62,128,.46) 100%),
        url('../images/dark-bg/data-network.png?v=1')!important;
      background-position:center,center,center,center bottom!important;
    }
    #faq.app-faq,#faq{
      background-image:
        linear-gradient(90deg,rgba(14,65,126,.48) 0%,rgba(12,55,108,.32) 52%,rgba(8,40,84,.18) 100%),
        radial-gradient(ellipse 52% 76% at 76% 46%,rgba(14,165,233,.16),transparent 68%),
        url('../images/dark-bg/7cd30a47-4b35-41a6-abe7-0975bef4857f.png?v=2')!important;
      background-position:center,center,right center!important;
      background-size:cover,cover,cover!important;
    }
    #why .why-bg{
      display:none!important;
    }
    #why .sec-title,#custom .sec-title,#deliver .sec-title,#faq .sec-title,
    #why h2,#custom h2,#deliver h2,#faq h2{
      color:#F4FAFF!important;-webkit-text-fill-color:#F4FAFF!important;
    }
    #why .sec-title .gt,#custom .sec-title .gt,#deliver .sec-title .gt,#faq .sec-title .gt{
      background:linear-gradient(135deg,#67E8F9,#38BDF8,#60A5FA)!important;
      -webkit-background-clip:text!important;background-clip:text!important;
      -webkit-text-fill-color:transparent!important;
    }
    #why .sec-sub,#custom .sec-sub,#deliver .sec-sub,#faq .sec-sub{
      color:rgba(214,232,248,.78)!important;
    }
    /* 哪些业务更适合开发APP：右侧用深色底图，不用纯色灰 */
    #why .why-std{
      position:relative;
      display:grid;
      grid-template-columns:minmax(300px,.82fr) minmax(0,1.7fr);
      gap:0;
      align-items:stretch;
      min-height:440px;
      background:
        linear-gradient(105deg, rgba(12,32,62,.55) 0%, rgba(10,28,54,.72) 42%, rgba(8,24,48,.78) 100%),
        url('../images/dark-bg/7cd30a47-4b35-41a6-abe7-0975bef4857f.png?v=1') right center / cover no-repeat;
      border:1px solid rgba(125,211,252,.16);
      clip-path:polygon(0 0,calc(100% - 42px) 0,100% 42px,100% 100%,42px 100%,0 calc(100% - 42px));
      box-shadow:0 22px 48px rgba(20,40,80,.14);
      overflow:hidden;
    }
    #why .why-std-left{
      position:relative;
      z-index:2;
      display:flex;
      flex-direction:column;
      justify-content:center;
      gap:20px;
      padding:56px 44px 56px 48px;
      /* 图二采样：#0058F8 → #00A8E0 */
      background:linear-gradient(90deg,#0058F8 0%,#0078F0 42%,#00A8E0 100%);
      clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%);
    }
    #why .why-std-left::after{
      content:'';
      position:absolute;
      top:50%;
      right:-14px;
      width:0;height:0;
      border-style:solid;
      border-width:14px 0 14px 14px;
      border-color:transparent transparent transparent #00C8D8;
      transform:translateY(-50%);
    }
    #why .why-std-left .sec-title{
      margin:0!important;
      text-align:left!important;
      line-height:1.28!important;
      color:#FFFFFF!important;
      -webkit-text-fill-color:#FFFFFF!important;
    }
    #why .why-std-left .sec-title .gt{
      background:none!important;
      -webkit-background-clip:initial!important;
      background-clip:initial!important;
      -webkit-text-fill-color:#FFFFFF!important;
      color:#FFFFFF!important;
    }
    #why .why-std-left .sec-sub{
      margin:0!important;
      max-width:18em!important;
      text-align:left!important;
      color:rgba(255,255,255,.92)!important;
    }
    #why .why-std-right{
      display:flex;
      flex-direction:column;
      justify-content:center;
      gap:0;
      min-width:0;
      padding:28px 40px 28px 48px;
      background:
        linear-gradient(180deg, rgba(8,24,48,.28) 0%, rgba(8,24,48,.42) 100%);
    }
    #why .why-std-row{
      display:grid;
      grid-template-columns:minmax(210px,.78fr) minmax(0,1.35fr);
      gap:28px;
      align-items:center;
      padding:22px 4px;
      background:transparent;
      border:0;
      border-radius:0;
      border-bottom:1px solid rgba(255,255,255,.14);
      transition:none;
    }
    #why .why-std-row:last-child{border-bottom:0;}
    #why .why-std-row:hover{
      background:transparent;
      border-color:rgba(255,255,255,.14);
      transform:none;
    }
    #why .why-std-main{min-width:0;}
    #why .why-std-cat{
      display:flex;
      align-items:center;
      gap:12px;
      margin-bottom:8px;
    }
    /* 图二：空心圆环 + 实心圆心，不再用发光小实点 */
    #why .why-std-dot{
      width:14px;height:14px;flex:0 0 14px;
      border-radius:50%;
      background:transparent;
      border:2px solid #FFFFFF;
      box-shadow:none;
      position:relative;
    }
    #why .why-std-dot::after{
      content:'';
      position:absolute;
      left:50%;top:50%;
      width:5px;height:5px;
      margin:-2.5px 0 0 -2.5px;
      border-radius:50%;
      background:#FFFFFF;
    }
    #why .why-std-cat h3{
      margin:0!important;
      color:#F8F8F8!important;
      -webkit-text-fill-color:#F8F8F8!important;
      font-weight:700;
      line-height:1.3;
    }
    #why .why-std-sum{
      margin:0!important;
      padding-left:26px;
      color:rgba(220,226,240,.92)!important;
      line-height:1.55;
    }
    #why .why-std-desc{
      margin:0!important;
      color:rgba(232,238,250,.95)!important;
      line-height:1.7!important;
    }
    @media(max-width:1024px){
      #why .why-std{
        grid-template-columns:1fr;
        clip-path:none;
        min-height:0;
      }
      #why .why-std-left{
        clip-path:none;
        padding:32px 24px;
      }
      #why .why-std-left::after{display:none;}
      #why .why-std-right{padding:8px 20px 20px;}
      #why .why-std-row{
        grid-template-columns:1fr;
        gap:8px;
        padding:18px 4px;
      }
      #why .why-std-sum{padding-left:26px;}
    }

    /* FAQ 与小程序开发页保持一致 */
    #faq.app-faq{padding:72px 0!important;}
    #faq .faq-wrap{display:grid;grid-template-columns:1.7fr .9fr;gap:36px;align-items:start;}
    #faq .faq-item,
    #faq details.faq-item{
      margin:0 0 6px!important;
      padding:0 0 0 16px!important;
      border:0!important;
      border-bottom:1px solid rgba(255,255,255,.16)!important;
      border-radius:10px!important;
      background:transparent!important;
      box-shadow:none!important;
      overflow-anchor:none;
      transition:background .2s ease,box-shadow .2s ease;
    }
    #faq .faq-item summary{
      cursor:pointer;list-style:none;
      padding:14px 32px 14px 0!important;
      position:relative;
    }
    #faq .faq-item summary::-webkit-details-marker{display:none;}
    #faq .faq-item summary h3{
      margin:0;line-height:1.5;font-weight:700;
      color:#EAF4FF!important;-webkit-text-fill-color:#EAF4FF!important;
    }
    #faq .faq-item summary::after{
      content:'+';position:absolute;right:0;top:14px;
      color:#67E8F9!important;line-height:1;
    }
    #faq .faq-item:hover summary::after,
    #faq .faq-item:focus-within summary::after,
    #faq .faq-item[open] summary::after{content:'–';}
    #faq .faq-item p{
      display:none!important;
      margin:0 32px 14px 0;
      line-height:1.8;
      color:#EAF4FF!important;-webkit-text-fill-color:#EAF4FF!important;
    }
    #faq .faq-item:hover p,
    #faq .faq-item:focus-within p,
    #faq .faq-item[open] p{display:block!important;}
    #faq .faq-item:hover,
    #faq .faq-item:focus-within,
    #faq .faq-item[open]{
      background:#1B4A7A!important;
      box-shadow:inset 4px 0 0 #38BDF8!important;
      border-bottom-color:transparent!important;
    }
    #faq .faq-item:hover summary h3,
    #faq .faq-item:focus-within summary h3,
    #faq .faq-item[open] summary h3{
      color:#7DD3FC!important;-webkit-text-fill-color:#7DD3FC!important;
    }
    #faq .guide-box,
    #faq aside.guide-box{
      padding:22px 20px!important;
      border:1px solid rgba(255,255,255,.14)!important;
      border-radius:14px!important;
      background:rgba(255,255,255,.08)!important;
      box-shadow:none!important;
    }
    #faq .guide-box h3{
      margin:0 0 14px;
      color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;
    }
    #faq .guide-box a{
      display:block;padding:10px 0;
      color:#7DD3FC!important;text-decoration:none;line-height:1.6;
      border-bottom:1px solid rgba(255,255,255,.1)!important;
    }
    #faq .guide-box a:last-child{border-bottom:none!important;}
    #faq .guide-box a span{display:block;color:#C9D7E8!important;margin-bottom:4px;}
    @media(max-width:900px){#faq .faq-wrap{grid-template-columns:1fr;}}
    #cases .case-grid{
      display:grid!important;
      grid-template-columns:repeat(4,minmax(0,1fr))!important;
      gap:14px!important;
    }
    #cases .case-visual{height:132px!important;}
    @media(max-width:1100px){
      #cases .case-grid{
        display:flex!important;
        grid-template-columns:none!important;
        overflow-x:auto!important;
      }
      #cases .case-card{
        flex:0 0 min(72vw,280px)!important;
      }
    }
    
    /* APP项目怎么规划：浅色数字蓝图背景 */
    #plan {
      position: relative;
      padding: 96px 0 !important;
      background:
        linear-gradient(118deg,transparent 0 22%,rgba(37,99,235,.08) 22.2% 22.8%,transparent 23% 100%),
        linear-gradient(62deg,transparent 0 72%,rgba(14,165,233,.08) 72.2% 72.8%,transparent 73% 100%),
        radial-gradient(ellipse 32% 72% at 2% 48%,rgba(59,130,246,.28),transparent 72%),
        radial-gradient(ellipse 36% 82% at 98% 35%,rgba(6,182,212,.25),transparent 70%),
        radial-gradient(ellipse 42% 36% at 52% 110%,rgba(99,102,241,.18),transparent 72%),
        linear-gradient(135deg,#f8fbff 0%,#e8f2ff 45%,#f4fbff 100%) !important;
      overflow: hidden;
      isolation: isolate;
    }
    #plan::before {
      content:'';
      display:block;
      position:absolute;
      inset:-45% -8%;
      z-index:0;
      pointer-events:none;
      opacity:.58;
      transform:perspective(700px) rotateX(62deg) rotateZ(-7deg);
      background-image:
        linear-gradient(rgba(43,127,255,.16) 1px,transparent 1px),
        linear-gradient(90deg,rgba(43,127,255,.16) 1px,transparent 1px);
      background-size:42px 42px;
      mask-image:radial-gradient(ellipse at center,#000 18%,transparent 72%);
      -webkit-mask-image:radial-gradient(ellipse at center,#000 18%,transparent 72%);
    }
    #plan::after { display: none !important; }
    #plan .pw { position: relative; z-index: 1; }

    /* =========================================
       真实APP项目案例 - 几何切割与光晕 (Geometric & Glow)
       ========================================= */
    #cases {
      position: relative;
      padding: 96px 0 !important;
      background-color: #F8FAFC !important;
      background-image: 
        linear-gradient(105deg, transparent 40%, rgba(43,127,255,0.04) 40%, rgba(43,127,255,0.04) 50%, transparent 50%),
        linear-gradient(105deg, #EBF4FF 0%, #EBF4FF 40%, #F8FAFC 40%, #F8FAFC 100%) !important;
      overflow: hidden;
    }
    #cases::before {
      content: '';
      position: absolute;
      top: -20%; right: -10%;
      width: 50%; height: 80%;
      background: rgba(56, 189, 248, 0.2);
      border-radius: 50%;
      filter: blur(80px);
      z-index: 0;
      pointer-events: none;
    }
    #cases::after {
      content: '';
      position: absolute;
      bottom: -20%; left: -10%;
      width: 50%; height: 80%;
      background: rgba(129, 140, 248, 0.15);
      border-radius: 50%;
      filter: blur(80px);
      z-index: 0;
      pointer-events: none;
    }
    #cases .pw { position: relative; z-index: 1; }