/* ========================================================================
   弘桥软件官网 · 正式皮肤：清澈科技蓝（亮色）
   色值来源：品牌色系图（参考 www.okki.com 实测）
   主色 #017AFF ｜ 主渐变 #017AFF→#5550FF ｜ 辅助 #00A2FF
   点缀 #A65DFF ｜ 浅底 #F1F7FF ｜ 正文 #1E2026 ｜ 次级 #686C73
   说明：本文件必须最后加载（置于 </head> 之前），以覆盖各页内联样式
   ======================================================================== */

:root{
  /* ---- 品牌色 ---- */
  --hq-blue:#017AFF;
  --hq-blue-2:#5550FF;
  --hq-blue-3:#00A2FF;
  --hq-navy:#1B4FD8;
  --hq-navy-2:#0A2A6B;
  --hq-violet:#A65DFF;
  /* ---- 中性 ---- */
  --hq-bg:#F6FAFF;
  --hq-card:#FFFFFF;
  --hq-line:#E1ECFB;
  --hq-text:#1E2026;
  --hq-text-2:#686C73;
  --hq-text-3:#9AA3B2;
  --hq-green:#12A06A;
  --hq-orange:#E8912D;
  /* ---- 结构 ---- */
  --hq-radius:12px;
  --hq-shadow:0 6px 24px rgba(1,90,220,.07);
  --hq-shadow-lg:0 16px 44px rgba(1,90,220,.14);
  --hq-grad:linear-gradient(95deg,#017AFF 25.9%,#5550FF 70.31%);
  --hq-grad-btn:linear-gradient(96deg,#00A2FF 5%,#015EFF 100%);
  --hq-grad-soft:linear-gradient(135deg,#F1F7FF 0%,#FFFFFF 100%);
  --hq-mist:#F1F7FF;
  --hq-chip:#E5F1FF;
}

/* ================= 导航：白玻璃 + 品牌下划线 ================= */
.nav{background:rgba(255,255,255,.88);backdrop-filter:blur(16px) saturate(160%);border-bottom:1px solid rgba(1,122,255,.10)}
.nav.scrolled{box-shadow:0 8px 26px rgba(1,90,220,.10)}
.logo .lt b{color:var(--hq-blue)}
.nav-links a:hover,.nav-links a.on{color:var(--hq-blue)}
.nav-links a.on::after{background:linear-gradient(90deg,#017AFF,#5550FF)}
.nitem:hover>a{color:var(--hq-blue)}
/* 二级下拉 */
.ndrop,.mega{box-shadow:0 20px 50px rgba(1,90,220,.14)!important;border-color:var(--hq-line)!important}
.ndrop a:hover,.mega a:hover{background:#F1F7FF!important;color:var(--hq-blue)!important}

/* ================= 按钮 / 标签 ================= */
.btn-primary{background:var(--hq-grad-btn);box-shadow:0 8px 20px rgba(1,110,255,.28)}
.btn-primary:hover{box-shadow:0 12px 26px rgba(1,110,255,.36)}
.btn-ghost:hover{border-color:var(--hq-blue);color:var(--hq-blue);background:#F6FAFF}
.tag{background:var(--hq-chip);color:var(--hq-blue)}
.tag-green{background:#E6F8F1;color:var(--hq-green)}
.tag-orange{background:#FDF3E7;color:var(--hq-orange)}
.tag-gray{background:#F1F3F7;color:var(--hq-text-2)}

/* ================= 页码小标题 / 通用分隔 ================= */
.sec-t span,.sec-t em{color:var(--hq-blue)}
.ptab.on{background:var(--hq-grad-btn);box-shadow:0 8px 20px rgba(1,110,255,.24)}

/* ================= 产品卡顶部渐变条 ================= */
.t1{background:linear-gradient(120deg,#017AFF,#00A2FF)}
.t2{background:linear-gradient(120deg,#017AFF,#5550FF)}
.t3{background:linear-gradient(120deg,#3A66FF,#A65DFF)}
.t4{background:linear-gradient(120deg,#00A2FF,#5550FF)}
.fcard:hover,.pcard:hover{border-color:#BBD8FF}
.fcard::before,.pcard::before{background:linear-gradient(180deg,#00A2FF,#5550FF)}
.fico{background:linear-gradient(135deg,#E5F1FF,#F1F7FF);color:var(--hq-blue)}

/* ================= 内页头图 .phead：浅冰蓝 + 品牌光晕 ================= */
.phead{
  background:
    radial-gradient(760px 340px at 12% -30%,rgba(0,162,255,.20),transparent 62%),
    radial-gradient(680px 320px at 88% -10%,rgba(166,93,255,.16),transparent 60%),
    linear-gradient(180deg,#F1F7FF 0%,#FFFFFF 82%);
  color:var(--hq-text);
  border-bottom:1px solid var(--hq-line);
}
.phead::after{background:radial-gradient(circle,rgba(1,122,255,.14),transparent 68%)}
.phead .crumb{color:var(--hq-text-3)}
.phead .crumb a{color:var(--hq-text-2)}
.phead .crumb a:hover{color:var(--hq-blue)}
.phead h1{color:var(--hq-text);font-weight:800}
.phead p{color:var(--hq-text-2)}
.phead .eyebrow,.phead .kick{background:var(--hq-chip);color:var(--hq-blue)}
/* 头图里的描边按钮 */
.phead .btn-outline{border:1.5px solid var(--hq-blue);color:var(--hq-blue);background:#fff}
.phead .btn-outline:hover{background:var(--hq-chip)}

/* ================= 关于我们 大标题区 .ab-hero ================= */
.ab-hero{
  background:
    radial-gradient(900px 420px at 15% -20%,rgba(0,162,255,.22),transparent 60%),
    radial-gradient(820px 400px at 88% -5%,rgba(166,93,255,.18),transparent 58%),
    linear-gradient(180deg,#F1F7FF 0%,#FFFFFF 88%);
  color:var(--hq-text);
  border-bottom:1px solid var(--hq-line);
}
.ab-hero::before{background:none}
.ab-hero .hero-eyebrow{color:var(--hq-blue);border:1px solid rgba(1,122,255,.28);background:rgba(1,122,255,.06)}
.ab-hero h1{
  background:linear-gradient(100deg,#1E2026 12%,#017AFF 58%,#5550FF 92%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  font-weight:800;
}
.ab-hero .sub{color:var(--hq-text-2)}
.ab-hero .sub b{color:var(--hq-text)}
.ab-hero .hero-line{background:linear-gradient(90deg,#017AFF,#A65DFF)}
.ab-hero .hero-en{color:var(--hq-text-3)}

/* ================= 页脚：墨黑 + 品牌光晕（白色 LOGO 清晰可见） ================= */
.foot{
  background:
    radial-gradient(760px 300px at 8% 0%,rgba(1,122,255,.28),transparent 62%),
    radial-gradient(680px 320px at 92% 10%,rgba(85,80,255,.24),transparent 60%),
    #1E2026;
  color:#B7BECB;
}
.foot h5{color:#fff}
.foot li:hover{color:#fff}
.foot li a{transition:color .18s}
.foot li a:hover{color:#8FC6FF}
.foot-b{color:#8A93A3}
.foot .logo img{filter:none}
.foot .qr,.foot .contact-line{color:#B7BECB}
.foot .contact-line b{color:#fff}

/* ================= 首页 HERO（清澈科技蓝版） ================= */
.banner{background:#F1F7FF}
.slides{aspect-ratio:1600/620}
.slide img{display:none}          /* 隐藏旧深色轮播图，改用纯 CSS 版式 */
.hslide{
  position:absolute;inset:0;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:48px;
  padding:0 clamp(24px,6vw,96px);
  background:
    radial-gradient(880px 460px at 10% -10%,rgba(0,162,255,.20),transparent 62%),
    radial-gradient(760px 420px at 92% 6%,rgba(166,93,255,.16),transparent 60%),
    linear-gradient(180deg,#F1F7FF 0%,#FFFFFF 90%);
}
.hslide .chip{display:inline-flex;align-items:center;gap:8px;background:#E5F1FF;color:#017AFF;font-size:13px;font-weight:600;padding:7px 16px;border-radius:999px;margin-bottom:20px}
.hslide .chip i{width:7px;height:7px;border-radius:50%;background:#017AFF;animation:hqpulse 1.8s infinite}
@keyframes hqpulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.85)}}
.hslide h1{font-size:clamp(30px,3.5vw,52px);line-height:1.18;letter-spacing:.5px;font-weight:800;color:#1E2026}
.hslide h1 .g{background:linear-gradient(95deg,#017AFF,#5550FF);-webkit-background-clip:text;background-clip:text;color:transparent}
.hslide p.sub{margin-top:18px;font-size:16.5px;line-height:1.85;color:#686C73;max-width:540px}
.hslide .acts{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap}
.hslide .acts .btn{padding:13px 30px;border-radius:10px;font-size:15px}
.hslide .metrics{display:flex;gap:38px;margin-top:38px;flex-wrap:wrap}
.hslide .metrics div b{display:block;font-size:26px;font-weight:800;background:linear-gradient(95deg,#017AFF,#5550FF);-webkit-background-clip:text;background-clip:text;color:transparent}
.hslide .metrics div span{font-size:12.5px;color:#9AA3B2}
.hero-vis{position:relative}
.hero-vis .dash{background:#fff;border:1px solid #E1ECFB;border-radius:20px;padding:20px;box-shadow:0 24px 60px rgba(1,90,220,.16)}
.hero-vis .dash .bar{display:flex;gap:7px;margin-bottom:14px}
.hero-vis .dash .bar i{width:9px;height:9px;border-radius:50%}
.hero-vis .dash .bar i:nth-child(1){background:#FF5F57}
.hero-vis .dash .bar i:nth-child(2){background:#FEBC2E}
.hero-vis .dash .bar i:nth-child(3){background:#28C840}
.hero-vis .krow{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}
.hero-vis .kpi{background:#F6FAFF;border:1px solid #EAF3FF;border-radius:12px;padding:12px}
.hero-vis .kpi small{color:#9AA3B2;font-size:11px}
.hero-vis .kpi b{display:block;font-size:18px;margin-top:3px;color:#017AFF}
.hero-vis .chart{height:112px;border-radius:12px;background:#F6FAFF;border:1px solid #EAF3FF;position:relative;overflow:hidden}
.hero-vis .chart svg{position:absolute;inset:0;width:100%;height:100%}
.hero-vis .ftag{position:absolute;background:#fff;border:1px solid #E1ECFB;border-radius:14px;padding:11px 15px;font-size:12.5px;font-weight:600;color:#1E2026;box-shadow:0 16px 40px rgba(1,90,220,.16);animation:hqfloat 5s ease-in-out infinite}
.hero-vis .ftag small{display:block;font-weight:400;color:#9AA3B2;margin-top:3px;font-size:11px}
.hero-vis .ft1{top:-16px;right:6px}
.hero-vis .ft2{bottom:-18px;left:-12px;animation-delay:2.2s}
@keyframes hqfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
/* 轮播箭头 / 圆点 */
.bnav{background:rgba(255,255,255,.86)!important;border:1px solid #DAE8FB!important;color:#017AFF!important;box-shadow:0 8px 20px rgba(1,90,220,.14)}
.bnav:hover{background:#017AFF!important;color:#fff!important;border-color:transparent!important}
.bdon{background:rgba(1,122,255,.20)!important}
.bdon.on{background:linear-gradient(90deg,#017AFF,#5550FF)!important}

/* ================= 产品页 HERO（替换原深色 banner 图） ================= */
.phero{
  position:relative;overflow:hidden;padding:76px 0 78px;
  background:
    radial-gradient(820px 400px at 12% -18%,rgba(0,162,255,.22),transparent 62%),
    radial-gradient(720px 380px at 90% -6%,rgba(166,93,255,.18),transparent 60%),
    linear-gradient(180deg,#F1F7FF 0%,#FFFFFF 88%);
  border-bottom:1px solid var(--hq-line);
}
.phero .wrap{position:relative;z-index:2}
.phero .eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;letter-spacing:2px;color:#017AFF;background:#E5F1FF;border-radius:999px;padding:7px 16px;margin-bottom:20px}
.phero h1{font-size:clamp(28px,3vw,44px);line-height:1.25;font-weight:800;color:#1E2026;letter-spacing:.5px}
.phero h1 .g{background:linear-gradient(95deg,#017AFF,#5550FF);-webkit-background-clip:text;background-clip:text;color:transparent}
.phero p{margin-top:16px;font-size:16px;line-height:1.85;color:#686C73;max-width:760px}
.phero .acts{display:flex;gap:12px;margin-top:26px;flex-wrap:wrap}
.phero .acts .btn{padding:12px 28px;border-radius:10px}
.phero .acts .btn-ghost{background:#fff;border:1px solid #DAE8FB;color:#017AFF}
.phero .acts .btn-ghost:hover{border-color:#017AFF;background:#F6FAFF}
.phero .kpis{display:flex;gap:34px;margin-top:34px;flex-wrap:wrap}
.phero .kpis div b{display:block;font-size:24px;font-weight:800;background:linear-gradient(95deg,#017AFF,#5550FF);-webkit-background-clip:text;background-clip:text;color:transparent}
.phero .kpis div span{font-size:12.5px;color:#9AA3B2}

/* ================= 在线咨询组件（统一亮色） ================= */
.chat-launcher{background:linear-gradient(135deg,#017AFF,#5550FF);box-shadow:0 12px 30px rgba(1,110,255,.38)}
.chat-hd{background:linear-gradient(135deg,#017AFF,#5550FF)}
.chat-msgs{background:#F6FAFF}
.cmsg.me{background:linear-gradient(135deg,#017AFF,#5550FF)}
.cmsg.cs{border-color:#E1ECFB}
.chat-quick span{background:#E5F1FF;color:#017AFF}
.chat-quick span:hover{background:#D6E8FF}
.chat-ft input:focus{border-color:#017AFF;box-shadow:0 0 0 3px rgba(1,122,255,.12)}
/* 表单聚焦态 */
input:focus,textarea:focus,select:focus{border-color:#017AFF!important;box-shadow:0 0 0 3px rgba(1,122,255,.10)}
.btn-primary,.btn-lg{letter-spacing:.2px}

/* ================= 兼容：内联写死的旧蓝色 ================= */
a:hover{color:#017AFF}
::selection{background:rgba(1,122,255,.18);color:#1E2026}

/* ================= 深色区块统一改为品牌渐变 ================= */
.cta,.values,.bi,.pos-card,.base-pill,.scard-hot{
  background:linear-gradient(118deg,#017AFF 0%,#3A66FF 55%,#5550FF 100%)!important;
  color:#fff!important;
  box-shadow:0 22px 56px rgba(1,90,220,.26)!important;
}
.cta h2,.cta h3,.values h2,.values h3,.bi h3,.pos-card h3,.scard-hot h3{color:#fff!important}
.cta p,.values p,.bi p,.pos-card p,.scard-hot p{color:rgba(255,255,255,.86)!important}
.cta .btn,.values .btn,.bi .btn,.pos-card .btn{background:#fff!important;color:#017AFF!important;border-color:transparent!important}
.mv-card.mission{background:linear-gradient(135deg,#017AFF,#00A2FF)!important}
.mv-card.vision{background:linear-gradient(135deg,#5550FF,#A65DFF)!important}
/* 行业 / 能力色块 */
.g1,.c1{background:linear-gradient(120deg,#017AFF,#00A2FF)!important}
.g2,.c2{background:linear-gradient(120deg,#017AFF,#5550FF)!important}
.g3,.c3{background:linear-gradient(120deg,#3A66FF,#5550FF)!important}
.g4,.c4{background:linear-gradient(120deg,#00A2FF,#017AFF)!important}
.g5,.c5{background:linear-gradient(120deg,#5550FF,#A65DFF)!important}
.g6,.c6{background:linear-gradient(120deg,#00A2FF,#5550FF)!important}

/* ================= 移动端 HERO 适配 ================= */
@media (max-width:900px){
  .slides{aspect-ratio:auto!important;min-height:560px}
  .slide{position:relative!important;inset:auto!important;min-height:560px;display:none}
  .slide.on{display:block}
  .hslide{grid-template-columns:1fr!important;padding:44px 22px!important;align-content:center;position:relative!important}
  .hslide h1{font-size:29px!important}
  .hslide p.sub{font-size:14.5px}
  .hero-vis{display:none}
  .hslide .metrics{gap:22px;margin-top:26px}
  .hslide .metrics div b{font-size:21px}
  .phero{padding:48px 0 52px}
  .phero h1{font-size:26px}
}

/* ================= 深色模块头 / 公式卡 / AI 链路卡 ================= */
.chain.ai,.lock-copy .formula,.m-head{
  background:linear-gradient(120deg,#017AFF 0%,#3A66FF 58%,#5550FF 100%)!important;
  border-color:transparent!important;color:#fff!important;
}
.chain.ai .c-chips span{background:rgba(255,255,255,.16)!important;color:#fff!important;border-color:rgba(255,255,255,.24)!important}
.chain.ai .c-en,.m-head .m-sub,.m-head .m-code,.lock-copy .formula .f-t{color:rgba(255,255,255,.78)!important}
.lock-copy .formula p{color:rgba(255,255,255,.92)!important}
.lock-copy .formula p b{color:#fff!important}
.m-head .m-ico{background:rgba(255,255,255,.20)!important}

/* ================= HERO 高度 / 中等屏适配 ================= */
.slides{min-height:470px}
@media (max-width:1200px){
  .hslide{gap:30px}
  .hslide p.sub{font-size:15px;max-width:470px}
  .hslide .metrics{gap:26px;margin-top:26px}
  .hslide h1{font-size:clamp(28px,3.2vw,40px)}
}

/* ======================================================================
   2026-11-14 优化：间距压缩 / 页脚亮色化 / 随行页图片横幅 / 顾问悬浮窗
   ====================================================================== */

/* ---------- 1. 全站间距压缩：段落更紧凑 ---------- */
.sec{padding:30px 0!important}
.sec-t{font-size:30px!important}
.sec-d{margin-top:8px!important}
.crumb .wrap{height:42px!important}
.phero{padding:50px 0 52px!important}
.phead{padding:32px 0 34px!important}
.phead h1{font-size:30px!important}
.phead p{margin-top:8px!important}
.ab-hero{padding:64px 0 68px!important}
.ab-hero h1{font-size:46px!important}
.intro{gap:34px!important}
.values{margin-top:30px!important;padding:38px 32px!important}
.cta{padding:38px!important;gap:30px!important}
.cta h2,.cta h3{font-size:26px!important}
.base-pill{margin:18px auto!important;padding:18px 26px!important}
.chain.ai,.m-head,.formula{padding:20px 22px!important}
.foot{padding:40px 0 18px!important}
.foot-b{margin-top:22px!important;padding-top:14px!important}
.fgrid{gap:26px!important}
.slides{aspect-ratio:1600/560!important;min-height:440px!important}
.hslide .metrics{margin-top:28px!important}
.slide,.sec,.phero,.phead,.foot{scroll-margin-top:80px}

/* ---------- 2. 随行页：图片横幅 ---------- */
.ibanner{position:relative;overflow:hidden;background:#F1F7FF;border-bottom:1px solid var(--hq-line)}
.ibanner img{display:block;width:100%;height:auto}
@media (max-width:900px){
  .ibanner img{width:100%;height:252px;object-fit:cover;object-position:left center}
}

/* ---------- 3. 页脚：清澈科技蓝亮色版 ---------- */
.foot{
  background:linear-gradient(180deg,#F1F7FF 0%,#FFFFFF 100%)!important;
  color:#686C73!important;
  border-top:1px solid #E1ECFB;
  position:relative;
}
.foot::before{
  content:"";position:absolute;left:0;right:0;top:0;height:3px;
  background:linear-gradient(90deg,#00A2FF,#017AFF 45%,#5550FF 100%);
  opacity:.9;
}
.foot h5{color:#1E2026!important;font-weight:700}
.foot li,.foot li a{color:#686C73!important}
.foot li a:hover,.foot li:hover{color:#017AFF!important}
.foot .small{color:#9AA3B2!important;line-height:1.85}
.foot .logo img{height:32px!important;filter:none!important}
.foot-b{color:#9AA3B2!important;font-size:12.5px}
.foot-b a{color:#686C73}

/* ---------- 4. 弘桥在线顾问：可拖拽悬浮窗 ---------- */
.chat-launcher{border-radius:999px!important;padding:11px 20px!important}
.chat-launcher::before{
  content:"";position:absolute;inset:-6px;border-radius:999px;
  background:radial-gradient(circle,rgba(1,122,255,.30),transparent 70%);
  z-index:-1;animation:hqPulse 2.4s ease-in-out infinite;
}
@keyframes hqPulse{0%,100%{transform:scale(1);opacity:.75}50%{transform:scale(1.12);opacity:.35}}
.chat-panel{
  width:372px!important;border-radius:16px!important;
  box-shadow:0 28px 70px rgba(8,40,100,.26),0 0 0 1px rgba(1,122,255,.08)!important;
  max-height:min(78vh,620px)!important;
}
.chat-panel.dragging{transition:none!important;box-shadow:0 36px 80px rgba(8,40,100,.34)!important}
.chat-hd{cursor:move;user-select:none;padding:12px 14px!important;position:relative}
.chat-hd::after{
  content:"⋮⋮";position:absolute;right:40px;top:50%;transform:translateY(-50%) rotate(90deg);
  font-size:13px;letter-spacing:1px;color:rgba(255,255,255,.55);
}
.chat-hd b{font-size:14px!important}
.chat-msgs{height:min(46vh,320px)!important}
.chat-quick{padding:7px 12px!important}
.chat-ft{padding:9px 12px!important}
@media (max-width:520px){
  .chat-panel{right:10px!important;left:10px!important;width:auto!important;bottom:78px!important}
  .chat-msgs{height:44vh!important}
}

/* 随行页图片横幅：去掉旧版底部深色渐隐遮罩 */
.ibanner::after{display:none!important}
.ibanner img{background:#F1F7FF!important}

/* ---------- 5. 修复与微调（渲染校验后） ---------- */
/* 关键修复：hidden 属性必须真正隐藏顾问窗，否则首屏被遮挡 */
.chat-panel[hidden]{display:none!important}
#chatLauncher[hidden]{display:none!important}
/* 首屏标题：控制在两行内 */
.hslide{grid-template-columns:1.1fr .9fr!important}
.hslide h1{font-size:clamp(27px,3.05vw,45px)!important;letter-spacing:.2px}
.hslide p.sub{max-width:520px}
@media (max-width:900px){
  .hslide h1{font-size:27px!important}
}

/* ---------- 6. 移动端导航与密度 ---------- */
.nav-burger{
  display:none;align-items:center;justify-content:center;flex-direction:column;gap:4px;
  width:40px;height:36px;border:1px solid var(--hq-line);background:#fff;border-radius:10px;
  cursor:pointer;padding:0;margin-left:4px;transition:.2s
}
.nav-burger:hover{border-color:#BBD8FF;background:#F6FAFF}
.nav-burger span{display:block;width:17px;height:2px;border-radius:2px;background:#017AFF;transition:.25s}
.nav.menu-open .nav-burger span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.nav.menu-open .nav-burger span:nth-child(2){opacity:0}
.nav.menu-open .nav-burger span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
@media (max-width:1024px){
  .nav-burger{display:flex}
  .nav-in{gap:12px;height:60px!important}
  .nav.menu-open .nav-links{
    display:flex!important;position:absolute;left:0;right:0;top:100%;
    flex-direction:column;gap:0;padding:6px 18px 14px;background:#fff;
    border-bottom:1px solid var(--hq-line);box-shadow:0 22px 48px rgba(1,90,220,.14);
    max-height:calc(100vh - 60px);overflow-y:auto;z-index:120
  }
  .nav.menu-open .nav-links .nitem{display:block;height:auto;padding:11px 0;border-bottom:1px dashed #EAF2FE}
  .nav.menu-open .nav-links .nitem:last-child{border-bottom:none}
  .nav.menu-open .nitem>a{display:flex;justify-content:space-between;font-size:15px;color:var(--hq-text)}
  .nav.menu-open .mega,.nav.menu-open .ndrop{
    position:static!important;display:none!important;box-shadow:none!important;
    border:none!important;padding:8px 0 0!important;min-width:0!important;background:transparent!important
  }
  .nav.menu-open .nitem.open .mega,.nav.menu-open .nitem.open .ndrop{display:block!important}
  .nav.menu-open .mega-in{padding:0!important;box-shadow:none!important;border:none!important}
}
@media (max-width:640px){
  .sec{padding:40px 0!important}
  .sec-t{font-size:24px!important}
  .foot{padding:32px 0 16px!important}
  .cta{padding:26px!important}
  .phead{padding:26px 0 28px!important}
  .phero{padding:38px 0 40px!important}
}

/* ---------- 7. 细节收尾 ---------- */
.hero-vis .ftag{z-index:4}
.hero-vis .ft2{bottom:-26px!important;left:-26px!important}
@media (min-width:1025px){.foot-b{padding-right:160px}}
/* 移动端菜单里隐藏当前栏目下划线，避免误读为分割线 */
@media (max-width:1024px){.nav.menu-open .nav-links a.on::after{display:none}}

/* 新闻/文章页内联样式后的补充修正 */
.phead .pd,.phead .pdesc,.phead .desc{color:#686C73!important}
.phead .btn-outline{border-color:#017AFF!important;color:#017AFF!important;background:#fff!important}
.phead .btn-outline:hover{background:#E5F1FF!important}
.apache,.ahead{background:linear-gradient(180deg,#F1F7FF,#fff)!important;color:#1E2026!important}