/* 26年官网首页版式调整（PRD 87156869）统一覆盖层，loaded after batch.css */

:root {
  --revamp-bg-blue: #EDF3FF;
  --revamp-text-dark: #333333;
  --revamp-blue: #0069FF;
  /* 灰度意见2：banner 底色改浅渐变（UED 给定值），后台配置 --revamp-banner-bg 可覆盖 */
  --revamp-banner-bg: linear-gradient(135deg, #C8E4FE 0%, #EAF7FE 53%, #ECE9FD 93%);
  /* 灰度意见4：底部 CTA 改浅色渐变（设计稿取样） */
  --revamp-cta-gradient: linear-gradient(135deg, #9DCCFD 0%, #D8ECFD 50%, #DED3FB 100%);
  --revamp-pill-gradient: linear-gradient(90deg, #05D7CD 0%, #006BFF 100%);
  --revamp-mbar-gradient: linear-gradient(90deg, #E1F2FF 0%, #FFFFFF 50%, #BEBDFC 100%);
}

/* 导航栏：始终白底黑字（等同原官网下滑后的样式） */
.header { background: #fff; box-shadow: 0 2px 10px rgba(31, 35, 41, 0.08); }
/* 灰度意见1：PC logo 高 30px（与移动端一致）并与导航文字垂直居中 */
.header .logo a { padding: 0; height: 80px; display: flex; align-items: center; }
.header .logo a img { height: 30px; width: auto; }
.header .nav li > a { color: var(--revamp-text-dark); }
/* 修改点五：右侧按钮 IP 图标替换 */
.header .ljsy .apply:after { background: url(../images/ip26.png) no-repeat center/cover; }

/* 修改点一：banner 大背景改浅渐变（灰度意见2），文字改深灰。
   !important 用于压过旧模板内联 background，配置仍经 --revamp-banner-bg 变量覆盖 */
.banner { background: var(--revamp-banner-bg) !important; }
.banner .img { position: relative; }
/* 去掉图片顶部黑色渐变遮罩（public.css 的 .banner .img:before 背景） */
.banner .img:before { background: none; }
.banner .bannerConA .t.colorWhite { color: var(--revamp-text-dark) !important; }
.banner .bannerConA .con { color: var(--revamp-text-dark); }
.bannerC .t { color: var(--revamp-text-dark); }
.bannerC .c { color: var(--revamp-text-dark); opacity: 0.65; }
.banner .swiper-pagination-bullet { background: rgba(51, 51, 51, 0.25); }

/* 修改点二：硬件模块底色改浅蓝；设计稿无标题分隔线，副标题为青蓝渐变字、正文 #333 */
.homeB { background: var(--revamp-bg-blue); }
.homeB .homeA-d .con .c { color: #333; opacity: 1; }
.homeB-a .con .t2.colorWhite { color: var(--revamp-text-dark) !important; }
.homeBZ .homeA-d .con .t1:before,
.homeBZ .homeA-d .con .t2:before { display: none; }
.homeB-a .con .t2.t3 {
  color: transparent;
  background: linear-gradient(90deg, #0AD0CF 0%, #09C7D3 18%, #07ADDF 35%, #0384F3 65%, #0173FB 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.homeB-a .con .more .more1 {
  color: var(--revamp-blue);
  background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.91504 5.58398H14.414V13.083' stroke='%230069FF' stroke-width='1.99972' stroke-linejoin='round'/%3E%3Cpath d='M3.80176 16.1891L14.4069 5.58398' stroke='%230069FF' stroke-width='1.99972' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right center;
}

/* 修改点七：服务区块标题改深灰（底色沿用原网页灰 #F4F4F6） */
.homeD .mainTit .t { color: var(--revamp-text-dark); }

/* 修改点七：官网最底部色块改白底、字体改深灰 */
.footer { background: #fff; }
.footerA dl dt a { color: var(--revamp-text-dark); }
.footerA dl dd, .footerA dl dd a, .footerA dl dd p { color: #666; }
.footerA dl dd a:hover { color: var(--revamp-blue); }
.footerA dl ul li .t { color: #666; }
.footerA dl ul li a { background: #F4F4F6; }
.copyright { border-top: 1px solid #E3E3E3; }
.copyright p, .copyright p a { color: #999; }
.copyright p a:hover { color: var(--revamp-blue); }

/* 修改点三 + 灰度意见4：底部 CTA 改浅色渐变 + 白卡表单，色块厚度与表单字号对齐设计稿 */
.homeH.homeHAA { padding: 60px 0 0; background: none; }
.homeH-a { background: var(--revamp-cta-gradient); border-radius: 0; padding: 78px 8.45vw 78px 12.4vw; }
.homeH-a .homeH-b { display: flex; align-items: center; justify-content: space-between; }
.homeH-c { position: static; transform: none; width: 36.4vw; float: none; box-sizing: border-box; }
.homeH-c .mainTit .t.colorWhite p { font-size: 44px; line-height: 1.3; font-weight: bold; color: var(--revamp-text-dark); }
.homeH-c .con { margin-top: 24px; }
.homeH-c .con p { font-size: 16px; color: var(--revamp-text-dark); opacity: 0.75; }
.homeH-c .con p.sub26 { margin: 0 0 12px; }
.homeH-c .con p span { background: none; padding-right: 0; }
.homeH-c .con p span a {
  display: inline-block; padding: 13px 54px 13px 15px; border: none; border-radius: 24px;
  font-size: 15px; line-height: 22px; color: var(--revamp-text-dark); background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M3 10h13' stroke='%23333333' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M11 4.5 16.5 10 11 15.5' stroke='%23333333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 28px center/15px;
  transition: all 0.4s;
}
.homeH-c .con p span a:hover { color: var(--revamp-blue); }
.homeH-a .homeH-d { width: 35.7vw; float: none; border-radius: 16px; padding: 28px; box-sizing: border-box; }
.homeH-a .homeH-d form, .homeH-a .homeH-d ul { margin: 0; padding: 0; }
.homeH-a .homeH-d .inp { padding: 0; display: block; }
/* +86 前缀已移除，手机号输入左内距恢复与其他输入一致 */
.homeH-a .homeH-d li .pho .phone { padding-left: 16px; }
/* 省市区三级联动改 flex 行，彻底消除 inline-block 行盒余高 */
.homeH-a #bioarea-wrap { display: flex; justify-content: space-between; }
.homeH-a #bioarea-wrap .layui-inline { display: block; width: 32%; margin: 0; }
.homeH-a .homeH-d ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
.homeH-a .homeH-d li { width: 43%; margin-bottom: 15px; border-bottom: none; }
.homeH-a .homeH-d li.li-full { width: 100%; margin-bottom: 0; }
.homeH-a .homeH-d li .t { font-size: 12px; line-height: 1; color: var(--revamp-text-dark); margin-bottom: 10px; }
.homeH-a .homeH-d li.note26 { margin-top: 10px; font-size: 12px; line-height: 1; color: #999; text-align: center; }
.homeH-a .homeH-d .inp.sel .layui-form-select .layui-input { height: 46px; line-height: 46px; box-sizing: border-box; }
/* public.css 用 #bioarea-wrap ID 选择器设 50px，需同级 ID 特异性覆盖 */
.homeH-a #bioarea-wrap .layui-form-select .layui-input {
  height: 46px; line-height: 46px; border-radius: 8px; font-size: 14px; padding-left: 16px;
}
.homeH-a .homeH-d li .inp input,
.homeH-a .homeH-d li .inp select { font-size: 14px; color: #333; height: 46px; line-height: 46px; }
.homeH-a .homeH-d li .inp .layui-input,
.homeH-a .homeH-d li .inp .layui-form-select .layui-input {
  height: 46px; line-height: 46px; font-size: 14px; color: #333;
  background: #F7F8FA; border: none; border-radius: 8px; padding-left: 16px;
}
.homeH-a .homeH-d li .sub button { height: 45px; line-height: 45px; font-size: 16px; border-radius: 8px; background: var(--revamp-blue); }
.homeH-a .homeH-d li .more { display: none; }
.homeH-a .homeH-d .inp.sel .layui-inline { width: 32%; }
.homeH-a .homeH-d .inp.sel .layui-inline select { width: 100%; }

/* 修改点四 + 灰度意见3：PC 侧边悬浮窗改瘦高比例（图标/间距对齐设计稿），垂直居中、常驻，全端显示不做响应式 */
.fixRight {
  width: 84px; right: 16px; top: 50%; bottom: auto; transform: translateY(-50%);
  background: linear-gradient(#fff, #fff) padding-box, var(--revamp-pill-gradient) border-box;
  border: 1px solid transparent; border-radius: 60px;
  padding: 16px 6px 22px; box-shadow: 0 6px 24px rgba(0, 105, 255, 0.12);
  box-sizing: border-box; text-align: center;
}
.fixRightT { background: none; border-radius: 0; padding: 0; display: flex; flex-direction: column; align-items: center; }
.fixRightT .icon {
  width: 60px; height: 60px; margin: 0 auto; border-radius: 50%;
  background: url(../images/ip26.png) no-repeat center/cover; overflow: hidden;
}
/* zoosnet 会往 #LR_User_Icon0 注入旧 gif，隐藏之，仅保留其点击行为 */
.fixRightT .icon img { display: none; }
.fixRightT .icon a { display: block; width: 100%; height: 100%; }
.fixRightT span.t {
  display: inline-block; margin-top: 4px; padding: 4px 6px; border-radius: 50px;
  background: var(--revamp-blue); color: #fff; font-size: 12px; white-space: nowrap;
}
.fixRightB { background: none; border-radius: 0; margin-top: 8px; padding: 8px 0 0; border-top: 1px solid #E3E3E3; }
.fixRightB-a { background: none; box-shadow: none; padding: 0; margin: 0 auto; }
.fixRightB-a ul li a { display: flex; flex-direction: column; align-items: center; }
.fixRightB-a ul li:nth-child(n+2) { border-top: none; margin-top: 10px; padding-top: 0; }
.fixRightB-a .icon {
  width: 56px; height: 56px; margin: 0 auto; border-radius: 50%;
  background: #EAF3FF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232666F9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='12' rx='2'/%3E%3Cpath d='M12 7.5v5'/%3E%3Cpath d='M9.5 10 12 12.5 14.5 10'/%3E%3Cpath d='M12 16v4'/%3E%3Cpath d='M8 20h8'/%3E%3C/svg%3E") center/26px no-repeat;
}
.fixRightB-a .icon img { display: none; }
.fixRightB-a .t { font-size: 12px; color: #333; margin-top: 4px; }

/* 修改点四：移动端底部固定条，替代右侧大悬浮窗 */
.mbar26 { display: none; }

@media (max-width: 800px) {
  /* 移动端 logo 高度 24px（本轮迭代：再缩小一档） */
  .header .logo a { height: auto; padding: 16px 0; display: block; }
  .header .logo a img { height: 24px; }

  /* 移动端 banner：沿用线上几何（内嵌圆角图、自然比例）与移动端文案（keywords/description），
     按 PRD 将文案置于图片上方；PC 标题叠层在移动端隐藏 */
  /* 移动端 banner：bannerCon 叠层恢复显示（同 PC），addCon 文案移到图片下方（需求文档 fig1） */
  .bannerCon {
    display: block; position: absolute; left: 0; right: 0; top: 0; width: auto; min-width: 0; height: auto;
    border-radius: 16px;
  }
  .banner .bannerConA { height: auto; }
  .banner .bannerConA-a { position: static; transform: none; padding: 16px 18px; }
  .banner .bannerConA .t.colorWhite p { font-size: 24px; line-height: 1.35; font-weight: bold; }
  .banner .bannerConA .con { font-size: 16px; line-height: 1.6; margin: 8px 0 24px; }
  .banner .bannerConA .more .mainMore { padding: 8px 18px; font-size: 12px; }
  .bannerA { display: flex; flex-direction: column; }
  .banner { padding-bottom: 24px; padding-top: 86px; }
  .banner .img { margin: 0 5vw; }
  .bannerB { position: static; width: 100%; margin: 16px 0 0; }
  .banner .swiper-pagination { position: static; bottom: auto; padding-left: 0; width: 100%; display: flex;
        justify-content: left;
        padding-left: 5vw; }
  /* 手机版问题修复1：图下文（bannerC 列）紧跟图片，圆点分页移到最下（设计稿 fig1） */
  .banner > div { display: flex; flex-direction: column; margin-bottom: 24px;}
  .bannerC { order: 1; margin-top: 20px; }
  .bannerB { order: 2; }
  .banner .swiper-pagination-bullet { flex: none; width: 7px; height: 7px; border-radius: 50%; margin: 0 16px 0 14px; }
  .banner .swiper-pagination-bullet-active { background: var(--revamp-blue); }
  .banner .addCon { display: block; padding: 16px 5vw 0; }
  .banner .addCon .t { color: var(--revamp-text-dark); }
  .banner .addCon .c { color: var(--revamp-text-dark); opacity: 0.75; }

  /* 底部固定条（几何/色值对齐 mgdone「移动版客服、下载及表单入口」）；移动端入口由底部条承担，隐藏侧边悬浮窗 */
  .mfixMes { display: none !important; }
  .fixRight { display: none; }
  .mbar26 {
    display: flex; align-items: center; z-index: 100;
    position: fixed; left: 0; right: 0; bottom: 0;
    height: calc(67px + constant(safe-area-inset-bottom));
    height: calc(67px + env(safe-area-inset-bottom));
    padding: 0 30px; box-sizing: border-box;
    background: var(--revamp-mbar-gradient); box-shadow: 0 -4px 16px rgba(31, 35, 41, 0.08);
  }
  .mbar26 a { text-align: center; color: #606060; font-size: 12px; }
  .mbar26 .mbar26-i { width: 49px; }
  .mbar26 .mbar26-i + .mbar26-i { margin-left: 36px; }
  .mbar26 .mbar26-i .icon { width: 20px; height: 20px; margin: 0 auto 4px; background: center/contain no-repeat; }
  .mbar26 .mbar26-i.kefu .icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232666F9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 13a8 8 0 0 1 16 0'/%3E%3Crect x='3' y='13' width='4' height='7' rx='2'/%3E%3Crect x='17' y='13' width='4' height='7' rx='2'/%3E%3Cpath d='M20 20a3 3 0 0 1-3 2h-4'/%3E%3C/svg%3E");
  }
  .mbar26 .mbar26-i.down .icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232666F9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='12' rx='2'/%3E%3Cpath d='M12 7.5v5'/%3E%3Cpath d='M9.5 10 12 12.5 14.5 10'/%3E%3Cpath d='M12 16v4'/%3E%3Cpath d='M8 20h8'/%3E%3C/svg%3E");
  }
  .mbar26 .mbar26-cta {
    flex: 1; margin-left: 30px; height: 34px; line-height: 34px; text-align: center;
    color: #fff; font-size: 12px; border-radius: 17px; background: var(--revamp-pill-gradient);
  }

  .homeH.homeHAA { padding-top: 24px; }
  .homeH-a { padding: 40px 5vw; }
  .homeH-a .homeH-b { display: block; }
  .homeH-c { width: 100%; float: none; padding-right: 0; }
  .homeH-c .mainTit .t.colorWhite p { font-size: 24px; }
  .homeH-a .homeH-d { width: 100%; float: none; margin-top: 20px; padding: 20px 16px; }
  .homeH-a .homeH-d li { width: 100%; }

  /* 手机版问题修复2：第二屏显示业态 tab，标题/详情字号按 UED 图缩小 */
  .homeA .homeAZ .homeA-b { display: block; margin: 20px auto 0; }
  .homeA .homeAZ .tabTit {
    display: flex; overflow-x: auto; min-width: 0; width: fit-content; box-sizing: border-box;
    background: #F4F4F6; border-radius: 60px; padding: 4px;
    scrollbar-width: none;margin: 0 auto;
  }
  .homeA .homeAZ .tabTit::-webkit-scrollbar { display: none; }
  .homeA .homeAZ .tabTit span { flex: none; font-size: 12px; padding: 8px 18px; }
  .homeA .mainTit .t { font-size: 20px; }
  .homeA-d .con .t1 { font-size: 12px; }
  .homeA-d .con .t2 { font-size: 17px; margin: 8px 0 10px; }
  .homeA-d .con .c { font-size: 12px; min-height: 0; line-height: 1.7; }
}