/* =========================================================
   网邦建站 · 城市/语言二级页面样式（由区县页内联样式抽取）
   用法：城市区县页、语言国家页统一引用本文件
   ========================================================= */
:root{
    --wb-blue:#2563eb;--wb-blue-deep:#1e40af;--wb-blue-light:#3b82f6;--wb-sky:#38bdf8;
    --wb-ink:#0f172a;--wb-soft:#5b6472;--wb-mute:#94a3b8;--wb-line:#e6ecf5;--wb-bg:#f5f8ff;
    --wb-white:#fff;--wb-radius:18px;
    --wb-shadow:0 12px 40px rgba(37,99,235,.10);--wb-shadow-lg:0 24px 64px rgba(37,99,235,.16);
  }
  *{box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{margin:0;color:var(--wb-ink);background:var(--wb-white);font-family:"PingFang SC","Microsoft YaHei","Inter",-apple-system,"Segoe UI",sans-serif;line-height:1.7;overflow-x:hidden}
  a{color:var(--wb-blue);text-decoration:none}a:hover{color:var(--wb-blue-deep)}
  img{max-width:100%}
  .container{max-width:1200px;margin:0 auto;padding:0 1.5rem}
  .hl{color:var(--wb-blue);font-weight:700}
  .sec{padding:4.8rem 0}
  .sec-head{text-align:center;margin-bottom:3rem}
  .sec-tag{display:inline-flex;align-items:center;gap:.5rem;color:var(--wb-blue);font-size:.78rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;margin-bottom:.7rem}
  .sec-tag::before,.sec-tag::after{content:'';width:26px;height:1.5px;background:var(--wb-blue);opacity:.45}
  .sec-title{font-size:clamp(1.7rem,3.4vw,2.3rem);font-weight:800;margin:0 0 .7rem;letter-spacing:1px}
  .sec-title .accent{background:linear-gradient(135deg,var(--wb-blue),var(--wb-sky));-webkit-background-clip:text;background-clip:text;color:transparent}
  .sec-desc{color:var(--wb-soft);max-width:680px;margin:0 auto;font-size:.98rem}

  .wb-topbar{background:linear-gradient(135deg,var(--wb-blue),var(--wb-blue-deep));color:rgba(255,255,255,.92);font-size:.82rem}
  .wb-topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.45rem 0;flex-wrap:wrap}
  .wb-topbar a{color:rgba(255,255,255,.92);margin-left:.9rem}.wb-topbar a:hover{color:#fff}
  .wb-topbar svg{vertical-align:-2px;margin-right:.25rem}

  .wb-nav{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--wb-line)}
  .wb-nav-inner{display:flex;align-items:center;justify-content:space-between;gap:1.4rem;padding:.8rem 1.5rem;flex-wrap:wrap}
  .wb-brand{display:flex;align-items:center;gap:.6rem}
  .wb-brand img{width:38px;height:38px;border-radius:10px}
  .wb-brand-txt{display:flex;flex-direction:row;align-items:center;gap:.4rem;line-height:1}
  .wb-brand-name{font-size:1.18rem;font-weight:800;color:var(--wb-ink);letter-spacing:1px}
  .wb-brand-h1{margin:0;padding:0;font-size:1.02rem;font-weight:700;display:flex;align-items:center;gap:.35rem;color:var(--wb-ink)}
  .wb-brand-h1 a{color:var(--wb-ink);text-decoration:none;transition:color .2s}
  .wb-brand-h1 a:hover{color:var(--wb-blue)}
  .wb-brand-xian{font-size:.78rem;font-weight:600;color:var(--wb-blue);border:1px solid var(--wb-line);border-radius:999px;padding:0 .5rem}
  .wb-brand-xian:hover{border-color:var(--wb-blue)}
  .wb-nav-links{display:flex;gap:1.5rem;list-style:none;margin:0;padding:0}
  .wb-nav-links a{color:var(--wb-ink);font-size:.92rem;font-weight:500;position:relative;transition:color .2s}
  .wb-nav-links a::after{content:'';position:absolute;left:0;bottom:-6px;width:0;height:2px;background:var(--wb-blue);border-radius:2px;transition:width .25s}
  .wb-nav-links a:hover{color:var(--wb-blue)}.wb-nav-links a:hover::after{width:100%}
  .wb-nav-right{display:flex;align-items:center;gap:1rem}
  .wb-nav-phone{color:var(--wb-blue-deep);font-weight:700;font-size:.95rem;white-space:nowrap}
  .wb-nav-phone svg{color:var(--wb-blue);vertical-align:-2px;margin-right:.3rem}
  .wb-nav-cta{background:linear-gradient(135deg,var(--wb-blue-light),var(--wb-blue-deep));color:#fff;padding:.6rem 1.5rem;border-radius:999px;font-size:.9rem;font-weight:600;box-shadow:0 6px 20px rgba(37,99,235,.35);white-space:nowrap;transition:all .25s}
  .wb-nav-cta:hover{color:#fff;transform:translateY(-2px);box-shadow:0 10px 28px rgba(37,99,235,.5)}
  @media(max-width:960px){.wb-nav-links{display:none}.wb-topbar-inner{justify-content:center}.wb-topbar .top-right{display:none}}

  .wb-crumb{background:var(--wb-bg);border-bottom:1px solid var(--wb-line);font-size:.84rem}
  .wb-crumb-inner{padding:.7rem 1.5rem;color:var(--wb-mute)}
  .wb-crumb-inner a{color:var(--wb-soft)}.wb-crumb-inner a:hover{color:var(--wb-blue)}
  .wb-crumb-inner .sep{margin:0 .4rem;color:var(--wb-mute)}
  .wb-crumb-inner .cur{color:var(--wb-blue);font-weight:600}

  .wb-hero{position:relative;overflow:hidden;background:radial-gradient(ellipse 70% 55% at 12% 8%,rgba(59,130,246,.10),transparent 60%),radial-gradient(ellipse 55% 45% at 95% 90%,rgba(56,189,248,.10),transparent 60%),linear-gradient(180deg,#fff 0%,var(--wb-bg) 100%)}
  .wb-hero::before{content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(37,99,235,.13) 1px,transparent 1.6px);background-size:26px 26px;mask-image:radial-gradient(ellipse at 50% 15%,#000 0%,transparent 72%);pointer-events:none}
  .wb-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.15fr .85fr;gap:3rem;align-items:center;padding:4rem 1.5rem 4.4rem}
  @media(max-width:960px){.wb-hero-grid{grid-template-columns:1fr;padding-top:2.8rem}}
  .wb-hero-tag{display:inline-flex;align-items:center;gap:.5rem;background:#eef4ff;color:var(--wb-blue-deep);border:1px solid rgba(37,99,235,.25);padding:.4rem 1rem;border-radius:999px;font-size:.8rem;font-weight:600;margin-bottom:1.3rem}
  .wb-hero-tag .dot{width:7px;height:7px;border-radius:50%;background:var(--wb-blue);box-shadow:0 0 10px var(--wb-blue);animation:pulse 2s infinite}
  @keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}
  .wb-hero h1{font-size:clamp(2rem,4.6vw,3rem);font-weight:900;line-height:1.24;margin:0 0 1rem;letter-spacing:1px}
  .wb-hero h1 .grad{background:linear-gradient(135deg,var(--wb-blue),var(--wb-sky));-webkit-background-clip:text;background-clip:text;color:transparent}
  .wb-hero-desc{color:var(--wb-soft);font-size:1.02rem;max-width:560px;margin:0 0 1.7rem}
  .wb-hero-btns{display:flex;gap:.9rem;flex-wrap:wrap;margin-bottom:2.2rem}
  .wb-btn{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,var(--wb-blue-light),var(--wb-blue-deep));color:#fff;padding:.85rem 2rem;border-radius:999px;font-weight:600;font-size:.95rem;transition:all .25s;box-shadow:0 8px 24px rgba(37,99,235,.35)}
  .wb-btn:hover{color:#fff;transform:translateY(-2px);box-shadow:0 14px 32px rgba(37,99,235,.5)}
  .wb-btn-ghost{display:inline-flex;align-items:center;gap:.5rem;background:#fff;color:var(--wb-blue-deep);padding:.85rem 2rem;border-radius:999px;font-weight:600;font-size:.95rem;border:1.5px solid rgba(37,99,235,.3);transition:all .25s}
  .wb-btn-ghost:hover{border-color:var(--wb-blue);background:#f0f6ff;color:var(--wb-blue-deep)}
  .wb-hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem;border-top:1px solid var(--wb-line);padding-top:1.7rem;max-width:640px}
  @media(max-width:640px){.wb-hero-stats{grid-template-columns:repeat(2,1fr)}}
  .wb-hero-stat b{display:block;font-size:1.65rem;font-weight:900;background:linear-gradient(135deg,var(--wb-blue),var(--wb-sky));-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.2}
  .wb-hero-stat span{font-size:.8rem;color:var(--wb-soft)}

  .wb-hero-visual{position:relative;display:flex;justify-content:center}
  .wb-visual-stack{position:relative;width:100%;max-width:430px}
  .wb-browser{width:100%;background:#fff;border-radius:18px;overflow:hidden;box-shadow:var(--wb-shadow-lg);border:1px solid var(--wb-line);transform:rotate(-1.5deg)}
  .wb-browser-bar{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#f8fafc;border-bottom:1px solid var(--wb-line)}
  .wb-browser-bar i{width:11px;height:11px;border-radius:50%;display:inline-block}
  .wb-browser-bar i:nth-child(1){background:#f87171}.wb-browser-bar i:nth-child(2){background:#fbbf24}.wb-browser-bar i:nth-child(3){background:#34d399}
  .wb-browser-bar .addr{flex:1;margin-left:.4rem;background:#fff;border:1px solid var(--wb-line);border-radius:6px;padding:.2rem .7rem;font-size:.72rem;color:var(--wb-mute)}
  .wb-code{padding:1.1rem 1.2rem;font-family:"Consolas","Menlo",monospace;font-size:.72rem;line-height:1.85;color:#334155}
  .wb-code .c{color:#94a3b8}.wb-code .t{color:#7c3aed}.wb-code .a{color:#2563eb}.wb-code .s{color:#059669}
  .wb-phone{position:absolute;right:-14px;bottom:-26px;width:96px;background:#fff;border-radius:14px;padding:.55rem;box-shadow:var(--wb-shadow-lg);border:1px solid var(--wb-line);transform:rotate(4deg)}
  .wb-phone .ph-head{background:#0f172a;border-radius:7px;height:26px;margin-bottom:.5rem;position:relative}
  .wb-phone .ph-head::after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:30px;height:4px;border-radius:3px;background:#334155}
  .wb-phone .ph-line{height:5px;border-radius:3px;background:#dbe7ff;margin-bottom:.45rem}
  .wb-phone .ph-line:first-of-type{width:80%}.wb-phone .ph-line:nth-of-type(2){width:60%}.wb-phone .ph-line:last-of-type{width:72%;background:#bfdbfe;margin-bottom:0}
  .wb-float-chip{position:absolute;top:-18px;left:-16px;background:linear-gradient(135deg,var(--wb-blue-light),var(--wb-blue-deep));color:#fff;border-radius:999px;padding:.4rem 1rem;font-size:.76rem;font-weight:700;box-shadow:0 8px 20px rgba(37,99,235,.4)}

  .wb-trust{background:#fff;border-bottom:1px solid var(--wb-line);padding:1.5rem 0}
  .wb-trust-list{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:2.2rem}
  .wb-trust-item{display:flex;align-items:center;gap:.5rem;color:var(--wb-soft);font-size:.88rem;font-weight:500}
  .wb-trust-item svg{color:var(--wb-blue);flex:none}

  .wb-services{background:linear-gradient(180deg,var(--wb-bg),#fff)}
  .wb-svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem}
  @media(max-width:900px){.wb-svc-grid{grid-template-columns:repeat(2,1fr)}}
  @media(max-width:620px){.wb-svc-grid{grid-template-columns:1fr}}
  .wb-svc-card{background:#fff;border:1px solid var(--wb-line);border-radius:var(--wb-radius);padding:1.9rem;position:relative;overflow:hidden;transition:all .35s;height:100%}
  .wb-svc-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3.5px;background:linear-gradient(90deg,var(--wb-blue),var(--wb-sky));transform:scaleX(0);transform-origin:left;transition:transform .35s}
  .wb-svc-card:hover{transform:translateY(-8px);box-shadow:var(--wb-shadow-lg);border-color:rgba(37,99,235,.35)}
  .wb-svc-card:hover::before{transform:scaleX(1)}
  .wb-svc-ic{width:56px;height:56px;border-radius:15px;background:linear-gradient(135deg,#eef4ff,#dbe7ff);color:var(--wb-blue-deep);display:flex;align-items:center;justify-content:center;font-size:1.55rem;margin-bottom:1.1rem}
  .wb-svc-card h3{font-size:1.16rem;font-weight:700;margin:0 0 .5rem}
  .wb-svc-card p{color:var(--wb-soft);font-size:.88rem;margin:0 0 1rem}
  .wb-svc-tags{display:flex;flex-wrap:wrap;gap:.4rem}
  .wb-svc-tag{font-size:.72rem;background:#f1f5f9;color:#475569;padding:.24rem .6rem;border-radius:6px;font-weight:500}

  .wb-process{background:#fff}
  .wb-flow-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem}
  @media(max-width:900px){.wb-flow-grid{grid-template-columns:repeat(3,1fr)}}
  @media(max-width:620px){.wb-flow-grid{grid-template-columns:repeat(2,1fr)}}
  .wb-flow-step{background:var(--wb-bg);border:1px solid var(--wb-line);border-radius:var(--wb-radius);padding:1.5rem 1.2rem;text-align:center;transition:all .3s;height:100%}
  .wb-flow-step:hover{background:#fff;box-shadow:var(--wb-shadow);transform:translateY(-4px)}
  .wb-flow-num{width:42px;height:42px;margin:0 auto 1rem;border-radius:50%;background:linear-gradient(135deg,var(--wb-blue-light),var(--wb-blue-deep));color:#fff;font-weight:800;font-size:1.05rem;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(37,99,235,.3)}
  .wb-flow-step h3{font-size:1rem;font-weight:700;margin:0 0 .4rem}
  .wb-flow-step p{font-size:.78rem;color:var(--wb-soft);margin:0}

  .wb-data{background:linear-gradient(135deg,var(--wb-blue),var(--wb-blue-deep));color:#fff;padding:3.6rem 0;position:relative;overflow:hidden}
  .wb-data::before{content:'';position:absolute;right:-90px;top:-90px;width:300px;height:300px;border-radius:50%;background:rgba(255,255,255,.07)}
  .wb-data::after{content:'';position:absolute;left:-70px;bottom:-120px;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.05)}
  .wb-data-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;text-align:center}
  @media(max-width:760px){.wb-data-grid{grid-template-columns:repeat(2,1fr)}}
  .wb-data-item b{display:block;font-size:2.2rem;font-weight:900;line-height:1.2;font-variant-numeric:tabular-nums}
  .wb-data-item span{font-size:.88rem;color:rgba(255,255,255,.85)}

  .wb-pricing{background:linear-gradient(180deg,#fff,var(--wb-bg))}
  .wb-price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem;align-items:stretch}
  @media(max-width:900px){.wb-price-grid{grid-template-columns:1fr}}
  .wb-price-card{background:#fff;border:1px solid var(--wb-line);border-radius:var(--wb-radius);padding:2.2rem 1.9rem;position:relative;transition:all .3s;height:100%}
  .wb-price-card:hover{transform:translateY(-6px);box-shadow:var(--wb-shadow-lg)}
  .wb-price-card.hot{border:2px solid var(--wb-blue);box-shadow:0 20px 60px rgba(37,99,235,.18)}
  .wb-price-flag{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--wb-blue-light),var(--wb-blue-deep));color:#fff;font-size:.74rem;font-weight:700;padding:.3rem 1.2rem;border-radius:999px;box-shadow:0 6px 18px rgba(37,99,235,.4);white-space:nowrap}
  .wb-price-card h3{font-size:1.18rem;font-weight:700;margin:0 0 .4rem}
  .wb-price-card .price-desc{font-size:.82rem;color:var(--wb-soft);margin:0 0 1.1rem}
  .wb-price-num{font-size:1.9rem;font-weight:900;color:var(--wb-blue);margin-bottom:1.3rem;display:flex;align-items:baseline;gap:.2rem}
  .wb-price-num small{font-size:.86rem;color:var(--wb-soft);font-weight:500}
  .wb-price-list{list-style:none;padding:0;margin:0 0 1.5rem}
  .wb-price-list li{display:flex;align-items:flex-start;gap:.5rem;padding:.4rem 0;font-size:.87rem;color:#475569}
  .wb-price-list li svg{color:var(--wb-blue);flex:none;margin-top:.28rem}
  .wb-price-list li.off{color:var(--wb-mute)}.wb-price-list li.off svg{color:#cbd5e1}
  .wb-price-btn{display:block;text-align:center;background:#eef4ff;color:var(--wb-blue-deep);border:1px solid rgba(37,99,235,.3);padding:.72rem 1rem;border-radius:999px;font-weight:600;font-size:.92rem;transition:all .25s}
  .wb-price-card.hot .wb-price-btn{background:linear-gradient(135deg,var(--wb-blue-light),var(--wb-blue-deep));color:#fff;box-shadow:0 8px 22px rgba(37,99,235,.35)}
  .wb-price-btn:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(37,99,235,.3);color:var(--wb-blue-deep)}
  .wb-price-card.hot .wb-price-btn:hover{color:#fff}
  .wb-price-note{text-align:center;color:var(--wb-mute);font-size:.82rem;margin-top:1.3rem}

  .wb-industry{background:#fff}
  .wb-industry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem}
  @media(max-width:900px){.wb-industry-grid{grid-template-columns:repeat(2,1fr)}}
  @media(max-width:620px){.wb-industry-grid{grid-template-columns:1fr}}
  .industry-card{background:var(--wb-bg);border:1px solid var(--wb-line);border-radius:var(--wb-radius);padding:1.7rem 1.4rem;transition:all .3s;height:100%}
  .industry-card:hover{transform:translateY(-5px);box-shadow:var(--wb-shadow);border-color:rgba(37,99,235,.35);background:#fff}
  .industry-card .ic-ic{width:46px;height:46px;border-radius:12px;background:linear-gradient(135deg,#eef4ff,#dbe7ff);color:var(--wb-blue-deep);display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:.9rem}
  .industry-card h3{font-size:1.05rem;font-weight:700;margin:0 0 .5rem}
  .industry-card p{font-size:.82rem;color:var(--wb-soft);margin:0}

  .wb-cases{background:linear-gradient(180deg,var(--wb-bg),#fff)}
  .wb-case-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.3rem}
  @media(max-width:900px){.wb-case-grid{grid-template-columns:1fr}}
  .wb-case-card{background:#fff;border:1px solid var(--wb-line);border-radius:var(--wb-radius);overflow:hidden;transition:all .35s;height:100%}
  .wb-case-card:hover{transform:translateY(-6px);box-shadow:var(--wb-shadow-lg)}
  .wb-case-body{padding:1.6rem;display:flex;flex-direction:column;gap:.4rem}
  .wb-case-body .case-tag{display:inline-block;width:fit-content;background:#eef4ff;color:var(--wb-blue-deep);font-size:.72rem;font-weight:600;border-radius:6px;padding:.2rem .6rem}
  .wb-case-body h3{font-size:1.12rem;font-weight:700;margin:0}
  .wb-case-body p{font-size:.86rem;color:var(--wb-soft);margin:0}
  .wb-case-stats{display:flex;gap:1.2rem;margin-top:.4rem}
  .wb-case-stat b{display:block;font-size:1.1rem;font-weight:800;background:linear-gradient(135deg,var(--wb-blue),var(--wb-sky));-webkit-background-clip:text;background-clip:text;color:transparent}
  .wb-case-stat span{font-size:.72rem;color:var(--wb-mute)}

  .wb-tech{background:#fff}
  .wb-tech-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem}
  @media(max-width:900px){.wb-tech-grid{grid-template-columns:repeat(2,1fr)}}
  @media(max-width:620px){.wb-tech-grid{grid-template-columns:1fr}}
  .wb-tech-card{border:1px solid var(--wb-line);border-radius:var(--wb-radius);padding:1.7rem;background:linear-gradient(180deg,#fff,var(--wb-bg));transition:all .3s;height:100%}
  .wb-tech-card:hover{transform:translateY(-5px);box-shadow:var(--wb-shadow);border-color:rgba(37,99,235,.35)}
  .wb-tech-ic{width:48px;height:48px;border-radius:13px;margin-bottom:1rem;background:linear-gradient(135deg,var(--wb-blue-light),var(--wb-blue-deep));color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.35rem;box-shadow:0 8px 20px rgba(37,99,235,.3)}
  .wb-tech-card h3{font-size:1.06rem;font-weight:700;margin:0 0 .5rem}
  .wb-tech-card p{font-size:.83rem;color:var(--wb-soft);margin:0}

  .wb-comments{background:linear-gradient(180deg,#fff,var(--wb-bg))}
  .wb-comment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem}
  @media(max-width:900px){.wb-comment-grid{grid-template-columns:1fr}}
  .wb-comment-card{background:#fff;border:1px solid var(--wb-line);border-radius:var(--wb-radius);padding:1.8rem;position:relative;transition:all .3s;height:100%}
  .wb-comment-card:hover{box-shadow:var(--wb-shadow);transform:translateY(-4px)}
  .wb-comment-card::before{content:'\201C';position:absolute;top:.4rem;right:1.2rem;font-size:4rem;line-height:1;color:#dbe7ff;font-family:Georgia,serif}
  .wb-comment-stars{color:#f59e0b;letter-spacing:2px;font-size:.9rem;margin-bottom:.8rem}
  .wb-comment-card p{color:var(--wb-soft);font-size:.9rem;margin:0 0 1.2rem}
  .wb-comment-author{display:flex;align-items:center;gap:.7rem}
  .wb-comment-avatar{width:40px;height:40px;border-radius:50%;flex:none;background:linear-gradient(135deg,var(--wb-blue-light),var(--wb-blue-deep));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.95rem}
  .wb-comment-author b{display:block;font-size:.9rem;color:var(--wb-ink)}
  .wb-comment-author span{font-size:.76rem;color:var(--wb-mute)}

  .wb-news{background:#fff}
  .wb-news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem}
  @media(max-width:900px){.wb-news-grid{grid-template-columns:1fr}}
  .wb-news-card{background:#fff;border:1px solid var(--wb-line);border-radius:var(--wb-radius);overflow:hidden;transition:all .3s;height:100%}
  .wb-news-card:hover{transform:translateY(-5px);box-shadow:var(--wb-shadow)}
  .wb-news-thumb{height:108px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#eef4ff,#dbe7ff);color:var(--wb-blue-deep);font-size:1.8rem}
  .wb-news-body{padding:1.4rem}
  .wb-news-body h3{font-size:1rem;font-weight:700;margin:0 0 .5rem;line-height:1.5}
  .wb-news-body p{font-size:.84rem;color:var(--wb-soft);margin:0 0 .8rem}
  .wb-news-date{font-size:.74rem;color:var(--wb-mute);display:flex;align-items:center;gap:.4rem}
  .wb-news-date svg{color:var(--wb-blue)}

  .wb-faq{background:linear-gradient(180deg,var(--wb-bg),#fff)}
  .wb-faq-list{max-width:780px;margin:0 auto}
  .faq-item{background:#fff;border:1px solid var(--wb-line);border-radius:14px;margin-bottom:.9rem;overflow:hidden;transition:all .25s}
  .faq-item[open]{border-color:rgba(37,99,235,.4);box-shadow:var(--wb-shadow)}
  .faq-item summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 1.4rem;font-size:.97rem;font-weight:600}
  .faq-item summary::-webkit-details-marker{display:none}
  .faq-item summary .plus{flex:none;width:26px;height:26px;border-radius:50%;background:#eef4ff;color:var(--wb-blue-deep);display:flex;align-items:center;justify-content:center;font-size:1rem;transition:transform .25s,background .25s;font-weight:700}
  .faq-item[open] summary .plus{transform:rotate(45deg);background:var(--wb-blue);color:#fff}
  .faq-item .faq-a{padding:0 1.4rem 1.2rem;color:var(--wb-soft);font-size:.9rem}

  .wb-cta{background:#fff}
  .wb-cta-box{background:linear-gradient(135deg,var(--wb-blue),var(--wb-blue-deep));border-radius:24px;padding:3rem;color:#fff;display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;position:relative;overflow:hidden}
  .wb-cta-box::before{content:'';position:absolute;right:-80px;top:-80px;width:280px;height:280px;border-radius:50%;background:rgba(255,255,255,.08)}
  .wb-cta-box::after{content:'';position:absolute;right:60px;bottom:-110px;width:220px;height:220px;border-radius:50%;background:rgba(255,255,255,.06)}
  @media(max-width:900px){.wb-cta-box{grid-template-columns:1fr;padding:2.2rem}}
  .wb-cta-info{position:relative;z-index:1}
  .wb-cta-info h2{font-size:1.75rem;font-weight:800;margin:0 0 .8rem}
  .wb-cta-info p{color:rgba(255,255,255,.85);margin:0 0 1.5rem}
  .wb-cta-contact{display:flex;flex-direction:column;gap:.7rem}
  .wb-cta-contact a{display:inline-flex;align-items:center;gap:.6rem;color:#fff;font-size:1.02rem;font-weight:600}
  .wb-cta-contact a svg{color:#bfdbfe}
  .wb-cta-form{background:#fff;border-radius:16px;padding:1.8rem;position:relative;z-index:1}
  .wb-cta-form h3{font-size:1.12rem;font-weight:700;color:var(--wb-ink);margin:0 0 1rem}
  .wb-form input,.wb-form select,.wb-form textarea{width:100%;border:1.5px solid var(--wb-line);border-radius:10px;padding:.7rem .95rem;font-size:.9rem;color:var(--wb-ink);margin-bottom:.8rem;background:#fbfdff;transition:border-color .2s;font-family:inherit;outline:none}
  .wb-form input:focus,.wb-form select:focus,.wb-form textarea:focus{border-color:var(--wb-blue);background:#fff}
  .wb-form textarea{resize:vertical;min-height:80px}
  .wb-form button{width:100%;border:0;border-radius:10px;cursor:pointer;background:linear-gradient(135deg,var(--wb-blue-light),var(--wb-blue-deep));color:#fff;font-size:.95rem;font-weight:700;padding:.82rem;transition:all .25s;box-shadow:0 8px 22px rgba(37,99,235,.35)}
  .wb-form button:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(37,99,235,.5)}
  .wb-form button:disabled{opacity:.7;transform:none}

  .wb-serv-areas{background:linear-gradient(180deg,#fff,var(--wb-bg))}
  .wb-serv-box{background:linear-gradient(135deg,#eef4ff,#f8fbff);border:1px solid rgba(37,99,235,.2);border-radius:var(--wb-radius);padding:2.2rem;text-align:center}
  .wb-serv-box h3{font-size:1.3rem;font-weight:800;margin:0 0 .4rem}
  .wb-serv-box .area-desc{color:var(--wb-soft);font-size:.9rem;margin:0 0 1.3rem}
  .wb-serv-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:.55rem}
  .wb-serv-tags a{background:#fff;border:1px solid var(--wb-line);color:var(--wb-soft);border-radius:999px;padding:.4rem 1rem;font-size:.86rem;transition:all .25s}
  .wb-serv-tags a:hover{color:#fff;background:linear-gradient(135deg,var(--wb-blue-light),var(--wb-blue-deep));border-color:transparent;transform:translateY(-2px);box-shadow:0 8px 20px rgba(37,99,235,.3)}

  .wb-footer{background:#0b1220;color:#8b93a7;padding:3.4rem 0 0}
  .wb-footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:2.5rem;padding-bottom:2.2rem}
  @media(max-width:900px){.wb-footer-grid{grid-template-columns:1fr 1fr}}
  @media(max-width:620px){.wb-footer-grid{grid-template-columns:1fr}}
  .wb-footer h4{color:#fff;font-size:.98rem;font-weight:700;margin:0 0 1.1rem;letter-spacing:1px}
  .wb-footer .f-brand{display:flex;align-items:center;gap:.6rem;margin-bottom:.9rem}
  .wb-footer .f-brand img{width:36px;height:36px;border-radius:9px}
  .wb-footer .f-brand b{color:#fff;font-size:1.1rem;letter-spacing:1px}
  .wb-footer .f-brand b i{color:var(--wb-blue-light);font-style:normal}
  .wb-footer .f-about{font-size:.86rem;line-height:1.9;margin:0 0 1.2rem}
  .wb-footer ul{list-style:none;margin:0;padding:0}
  .wb-footer ul li{padding:.3rem 0}
  .wb-footer ul a{color:#8b93a7;font-size:.88rem;transition:color .2s}
  .wb-footer ul a:hover{color:var(--wb-blue-light)}
  .wb-footer .f-contact li{display:flex;align-items:flex-start;gap:.5rem;font-size:.88rem;padding:.32rem 0}
  .wb-footer .f-contact svg{color:var(--wb-blue-light);flex:none;margin-top:.22rem}
  .wb-footer .f-contact a{color:#fff;font-weight:600}
  .wb-footer .f-areas{margin-top:.8rem}
  .wb-footer .f-areas a{display:inline-block;margin:0 .5rem .4rem 0;font-size:.82rem;color:#6b7686;border:1px solid #1c2942;border-radius:999px;padding:.15rem .7rem;transition:all .2s}
  .wb-footer .f-areas a:hover{color:#fff;border-color:var(--wb-blue);background:var(--wb-blue)}
  .wb-footer-bottom{border-top:1px solid #16203a;padding:1.3rem 0;text-align:center;font-size:.8rem;color:#5d6779}
  .wb-footer-bottom a{color:#8b93a7}
  .wb-footer-bottom .flinks{margin-bottom:.5rem}
  .wb-footer-bottom .flinks a{margin:0 .6rem;font-size:.82rem}
  .wb-footer-bottom .f-icp{margin:.2rem 0}

  .back-top{position:fixed;right:1.4rem;bottom:1.4rem;z-index:999;width:46px;height:46px;border-radius:50%;border:0;cursor:pointer;background:linear-gradient(135deg,var(--wb-blue-light),var(--wb-blue-deep));color:#fff;font-size:1.15rem;box-shadow:0 10px 28px rgba(37,99,235,.4);opacity:0;transform:translateY(12px);pointer-events:none;transition:all .3s}
  .back-top.show{opacity:1;transform:translateY(0);pointer-events:auto}
  .back-top:hover{transform:translateY(-3px)}
  .reveal,.reveal-up{opacity:0;transition:opacity .7s ease,transform .7s ease}
  .reveal{transform:translateY(24px)}.reveal-up{transform:translateY(36px)}
  .reveal.in,.reveal-up.in{opacity:1;transform:translateY(0)}
  @media(prefers-reduced-motion:reduce){.reveal,.reveal-up{opacity:1;transform:none;transition:none}}