/* ============================================================
   theme.css — 全站风格刷新（阶段一）
   设计系统：主色 #0F3460（深海军蓝） / 强调 #06B6D4（科技青）
   字体：Inter 优先 · 本文件最后加载，可整体删除回滚
   ============================================================ */

/* ---------- 0. 基础色板 ---------- */
:root{
  --qd-primary:#0F3460;
  --qd-accent:#06B6D4;
  --qd-ink:#1F2937;
  --qd-muted:#6B7280;
  --qd-line:#E5E9F2;
  --qd-surface:#F7F8FA;
}

/* ---------- 1. 全局字体与选中色 ---------- */
*{font-family:"Inter","PingFang SC","Microsoft Yahei","微软雅黑",Arial,Helvetica,sans-serif;}
::selection{background:#06B6D4;color:#fff;}
body{color:#1F2937;}

/* ---------- 2. 头部导航 ---------- */
#header{box-shadow:0 1px 0 #E5E9F2;}
#navbar .logo img{height:36px;}                 /* 桌面 logo 收小，头部更轻 */
#Nav li a{position:relative;color:#4B5563;font-weight:400;border-bottom:0!important;}
/* 导航选中/悬停：短圆头下划线（替掉原来的通栏 3px 粗线） */
#Nav li a::after{
  content:"";position:absolute;left:50%;bottom:13px;
  transform:translateX(-50%);
  width:0;height:2px;border-radius:2px;
  background-color:#06B6D4;
  transition:width .25s ease;
}
#Nav li a.act{color:#0F3460;font-weight:600;}
#Nav li a.act::after,
#Nav li:hover>a::after{width:22px;}
#Nav li:hover>a{color:#0F3460;border-bottom:0!important;}

/* 头部「免费咨询」按钮（替代原裸露电话号码，点击 tel: 拨号）
   风格：实心海军蓝小圆角，与 logo/正文同一体系，青色只作 hover 反馈 */
#navbar .consultBtn{
  flex:0 0 auto;
  margin-left:20px;
  padding:9px 20px;
  background-color:#0F3460;
  background-image:none;
  color:#fff;
  font-size:14px;font-weight:500;
  letter-spacing:1px;text-indent:1px;
  line-height:1;
  border-radius:4px;
  box-shadow:none;
  transition:background-color .25s ease,color .25s ease;
}
#navbar .consultBtn:hover{
  background-color:#06B6D4;
  background-image:none;
  color:#fff;
  transform:none;
  box-shadow:none;
}
@media (max-width:768px){
  /* 移动端隐藏：底部固定工具栏已有「拨号」入口，避免头部按钮溢出 */
  #navbar .consultBtn{display:none;}
  #navbar .logo img{height:30px;}
}

/* ---------- 2b. 首页 banner 高度（JS 会写内联 height:820px，需 !important 覆盖） ---------- */
@media (min-width:769px){
  .adminbuy_banner{height:680px!important;overflow:hidden;}
  .adminbuy_banner .banner,
  .adminbuy_banner .banner ul.bb,
  .adminbuy_banner .banner ul.bb .bb_li{height:100%!important;}
  /* 注意 img 可能被 <a> 包裹，须用后代选择器 */
  .adminbuy_banner .banner ul.bb .bb_li img{
    width:100%;height:100%!important;
    object-fit:cover;object-position:center center;
    display:block;
  }
}

/* ---------- 2c. 首页 banner 文字层（head.html 数据驱动：后台标题按「主・副」拆分） ----------
   图为深蓝科技风背景，文字用白字+暗影保证可读；pointer-events:none 不挡点击 */
.adminbuy_banner .bb_li{position:relative;}
.adminbuy_banner .btxt{
  position:absolute;left:8%;top:50%;transform:translateY(-50%);
  z-index:5;max-width:56%;
  color:#fff;pointer-events:none;
}
.adminbuy_banner .btxt h3{
  font-size:44px;font-weight:700;line-height:1.25;
  color:#fff;margin:0 0 14px;letter-spacing:1px;
  text-shadow:0 2px 18px rgba(6,22,48,.55);
}
.adminbuy_banner .btxt p{
  font-size:19px;font-weight:400;line-height:1.6;
  color:rgba(255,255,255,.92);margin:0;letter-spacing:.5px;
  text-shadow:0 2px 12px rgba(6,22,48,.5);
}
@media (max-width:768px){
  .adminbuy_banner .btxt{left:6%;max-width:88%;}
  .adminbuy_banner .btxt h3{font-size:24px;margin-bottom:8px;}
  .adminbuy_banner .btxt p{font-size:14px;}
  /* 移动端轮播 JS 会给 .banner 整体 scale(1.5) 做裁切，文字层会跟着跑出屏；
     压回原尺寸（img 用 cover 依然满幅），li/img 锁全宽 */
  .adminbuy_banner .banner{transform:none!important;}
  .adminbuy_banner .banner ul.bb .bb_li{width:100%!important;left:0!important;height:100%!important;}
  .adminbuy_banner .banner ul.bb .bb_li img{width:100%!important;height:100%!important;object-fit:cover;}
  /* 覆盖 response.css 的 .bb_li>img{opacity:0}（≤1100px 隐藏图片的旧规则），
     当前模板用 <img> 直出 banner 图，必须显示 */
  .adminbuy_banner .banner ul.bb .bb_li img{opacity:1!important;}
}

/* ---------- 3. 区块标题（居中版：标题居中 + 下方青色短线，与卡片小标题拉开层级） ---------- */
.ydtitle{margin:5vw 0 3vw;text-align:center;}.ydtitle i.arr{display:none;}
.ydtitle:after{display:none;}
.ydtitle h2{
  display:inline-block;
  color:#0F3460;font-weight:600;letter-spacing:1px;
}
.ydtitle h2::after{
  content:"";display:block;
  width:36px;height:3px;border-radius:2px;
  background-color:#06B6D4;margin:12px auto 0;
}
.ydtitle.t2{position:relative;}
.ydtitle.t2 .more{position:absolute;right:0;top:4px;color:#6B7280;font-size:14px;}
.ydtitle.t2 .more:hover{color:#06B6D4;}

/* ---------- 3b. 首页栏目间距统一（9/21 用户要求）----------
   基准 = banner 与「我们能为你做什么」之间的距离 96px（@1440 视口）。
   原值不齐：do4s mb 86.4 / case 系 mb 72 / 末尾 67；统一为 96px。
   用相邻兄弟选择器精确覆盖，不改动既有规则结构 */
@media (min-width:769px){
  /* 栏目间距统一（9/21 用户要求）= banner↔do4s 的视觉间距 = 96px。
     注意 #adminbuy_news3s 内部浮动列之间夹着模板缩进产生的空白文本节点，
     每个空白行盒高 23.8px（= body line-height），会把容器实际视觉底往下撑，
     所以末尾 CTA 段实测为 96+23.8=119.8px；这里减掉一个行盒补偿，视觉即 96 */
  .adminbuy_banner{margin-bottom:72px;}
  #do4s{margin-top:0;margin-bottom:96px;}
  #adminbuy_case{margin-top:0;margin-bottom:96px;}
  .subimg{margin-top:0!important;margin-bottom:96px!important;}
  #adminbuy_news3s{margin-top:0;padding-bottom:0;margin-bottom:0;display:flow-root;}
  .footop_bar{margin-top:72px;}
  .ydtitle{margin-top:0;}
}

/* ---------- 4. 服务四宫格（我们能为你做什么） ---------- */
#do4s{margin-bottom:96px;}   /* 栏目间距统一 = banner↔do4s 基准（9/21） */
#do4s .do{border-radius:8px;overflow:hidden;}
#do4s .do.current .item_cate{background-color:#0F3460;}
#do4s .item_cate .tubiao{color:#0F3460;}
#do4s .do.current .item_cate .tubiao{color:#fff;}
#do4s .do_detail_btn{border-color:#0F3460;color:#0F3460;background-color:transparent;}
#do4s .do.current .do_detail_btn{color:#fff;border-color:#fff;background-color:transparent;}
#do4s .do_detail_btn:hover,
#do4s .do.current .do_detail_btn:hover{background-color:#06B6D4;border-color:#06B6D4;color:#fff;}
#do4s .do.current .item_list{
  background-image:none;               /* 去右下角引号贴纸 */
  box-shadow:none;border:0.5px solid #E5E9F2;
}
#do4s .item_list a:hover{color:#06B6D4;}
#do4s .item_list li a::before{background:#0F3460;}
.adminbuy_banner .banner .num li.num_hover{background-color:#06B6D4;}
#do4s .spot li.on{background:#06B6D4;opacity:1;}

/* ---------- 5. 案例卡（解决方案/核心服务/AI开发/小程序开发） ---------- */
#adminbuy_case{margin-bottom:96px;}   /* 栏目间距统一（9/21） */
#adminbuy_case ul.adminbuy_case>li{transition:transform .3s ease,box-shadow .3s ease;}
#adminbuy_case ul.adminbuy_case>li:hover{transform:translateY(-4px);}
#adminbuy_case ul.adminbuy_case>li .imWrap{
  border-radius:8px;overflow:hidden;
  box-shadow:0 6px 18px rgba(15,52,96,.08);
}
#adminbuy_case ul.adminbuy_case>li h3{color:#1F2937;}
#adminbuy_case ul.adminbuy_case>li:hover h3{color:#0F3460;}
#adminbuy_case ul.adminbuy_case>li .con .num{color:#9CA3AF;}
#adminbuy_case ul.adminbuy_case>li .imgcon .btn{background-color:#0F3460;}
#adminbuy_case ul.adminbuy_case>li .imgcon .btn:hover{background-color:#06B6D4;}

/* ---------- 6. 新闻区 ---------- */
#adminbuy_news3s .tabUl li{color:#6B7280;}
#adminbuy_news3s .tabUl li.act{color:#0F3460;}
#adminbuy_news3s_03 .tit small{color:#9CA3AF;}
#adminbuy_news3s_03 ul li a{color:#4B5563;}
#adminbuy_news3s_03 ul li a:hover{color:#06B6D4;}
.adminbuy_news3s_01 .date strong{color:#0F3460;}

/* ---------- 7. 通用按钮与工具类 ---------- */
.btn.qq,.btn.bg{background-color:#0F3460;}
.btn.qq:hover,.btn.bg:hover{background-color:#06B6D4;}
.cc{color:#0F3460;}
.bcc{background-color:#0F3460;}
.small_a a:hover{color:#06B6D4;}

/* ---------- 8. 内页元素 ---------- */
#board{border-top:2px solid #06B6D4;}
#lytable .indexcode,
.lyonline{background-color:#0F3460!important;background-image:none!important;}
.lyonline:hover{background-color:#14406B!important;}
.lyonline i{color:#fff!important;}

/* 右侧悬浮工具条（原大红色） */
.flow ul li .sidebox,
.flow ul li .sidetop,
.flow ul li .wx{background-color:#0F3460;}
.flow .wx .wx_code{background-color:#0F3460;}
.flow ul li .sidetop:hover,
.flow ul li .sidebox:hover,
.flow .wx:hover{background-color:#06B6D4;}

/* ---------- 9. 页尾 CTA 条（原红印章+暗红渐变按钮） ---------- */
.footop_bar{
  background-color:#0A2647;
  background-image:linear-gradient(120deg,#0A1F3C 0%,#0F3460 60%,#14406B 100%);
  background-size:cover;
}
.footop_bar .y15{display:none;}              /* 隐藏烙在图里的红印章 */
.footop_bar .word strong{letter-spacing:.25em;font-weight:600;}
.footop_bar .word span{color:#06B6D4;}
.footop_bar .ewm .img{background:rgba(255,255,255,.06);border-radius:8px;}
.footop_bar .btn,
.footop_bar .btn:hover{
  background-color:#06B6D4;
  background-image:none;
  color:#fff;border-radius:2.2rem;
  font-size:.9rem;line-height:2.6rem;letter-spacing:2px;
  box-shadow:0 6px 16px rgba(6,182,212,.35);
  transition:all .3s ease;
}
.footop_bar .btn:hover{background-color:#0AA6C1;transform:translateY(-2px);}

/* 内页广告位按钮/标题（原暗红渐变） */
.adimg h4{color:#06B6D4;}
.adimg .btn:hover{background-image:none;background-color:#06B6D4;}
.btnact,
.special_btn5s.on,
.special_btn5s:hover{background-image:none;background-color:#06B6D4;}

/* ---------- 11. 全站文字体系统一（正文冷灰 / 标题海军蓝 / 交互青） ---------- */
a{color:#4B5563;}
a:hover{color:#06B6D4;}
.titdiv_01 h3,.titdiv_02 h3{color:#0F3460;}
.titdiv_01 .sub,.titdiv_02 .sub{color:#6B7280;}

/* 面包屑 */
.breaker{color:#9CA3AF;}
.breaker a{color:#4B5563;}
.breaker a:hover{color:#06B6D4;}

/* 右侧栏 */
.Rside h2{color:#0F3460;font-weight:600;}
.Rside h2::before{background-color:#06B6D4;}
.iauth a{color:#4B5563;}
.iauth a.act,
.iauth a:hover{color:#0F3460;}
.iauth a.act::after,
.iauth a:hover::after{color:#06B6D4;}
.news_pre h4{color:#1F2937;}
.news_pre li a:hover h4{color:#06B6D4;}
.news_pre .date{color:#9CA3AF;}
.tag_pre a{color:#4B5563;background-color:#F1F5F9;}
.tag_pre a:hover{color:#fff;background-color:#06B6D4;}
.lNav3 span.active{color:#06B6D4;}
.lNav3>li.open{background-color:#ECFAFC;}
.subnav3 li a{color:#4B5563;}
.subnav3 li a:hover{color:#06B6D4;}

/* 新闻/文章列表卡 */
.inner_learn li{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 14px rgba(15,52,96,.07);transition:transform .3s ease,box-shadow .3s ease;}
.inner_learn li:hover{transform:translateY(-4px);box-shadow:0 10px 24px rgba(15,52,96,.12);}
.inner_learn li h3{color:#1F2937;border-bottom-color:#E5E9F2;}
.inner_learn li h3:hover{color:#06B6D4;}
.inner_learn li p{color:#6B7280;}
.inner_learn li .date{color:#9CA3AF;background-image:none;padding-right:16px;position:relative;}
.inner_learn li .date::after{content:"";position:absolute;right:2px;top:50%;width:7px;height:7px;border-top:2px solid #06B6D4;border-right:2px solid #06B6D4;transform:translateY(-50%) rotate(45deg);}
/* 日期与箭头同水平线（9/21 用户反馈）：模板里日期是 </p> 后的裸文本（行盒 23.8px），
   .date 是其下方高 15px 的空盒子，箭头 ::after 定位在空盒中心 → 比日期文字低 ~20px。
   这里把空 .date 负 margin 上移正好叠在日期行上，箭头 top:50% 即与文字同轴 */
.inner_learn li .con{padding-bottom:14px;}   /* 补回日期行下方留白（原 .date 的 5+10 padding） */
.inner_learn li .date{margin-top:-23.8px;height:23.8px;line-height:23.8px;box-sizing:border-box;padding-top:0;padding-bottom:0;}

/* 分页 */
.pagination a{color:#4B5563;border:1px solid #E5E9F2;}
.pagination span{color:#9CA3AF;}
.pagination a:hover{color:#fff;background-color:#0F3460;border-color:#0F3460;}
.pagination .active a{color:#fff;background-color:#06B6D4;border-color:#06B6D4;}

/* 文章详情页 */
.articleTit{color:#0F3460;font-weight:600;}
.sub_info{color:#9CA3AF;border-bottom:1px solid #E5E9F2;}
.guide{background-color:#F1F5F9;color:#6B7280;border-left:3px solid #06B6D4;}
.articleCon{color:#374151;line-height:1.9;}
.articleCon img{border-radius:6px;}
.articleCon a{color:#06B6D4;}
.skip a{color:#4B5563;}
.skip a:hover{color:#06B6D4;}
.guide_bot{background-color:#F1F5F9;color:#9CA3AF;}
.maylike{border:1px solid #E5E9F2;border-radius:8px;}
.maylike h3{color:#0F3460;}
.maylike li{background-image:none;padding-left:16px;position:relative;border-bottom-color:#F1F5F9;}
.maylike li::before{content:"";position:absolute;left:2px;top:50%;width:6px;height:6px;border-radius:2px;background-color:#06B6D4;transform:translateY(-50%);}
.maylike li a{color:#4B5563;}
.maylike li a:hover{color:#06B6D4;}

/* ---------- 13. 修复：深底标签与广告位按钮的隐形文字 ---------- */
/* 首页新闻区 tab（深 navy 底，激活项原为 navy 字配 navy 底） */
#adminbuy_news3s .tabUl li{color:#CBD5E1;}
#adminbuy_news3s .tabUl li.act{background-color:#0F3460;color:#fff;}
#adminbuy_news3s .tabUl li.act::after{border-top-color:#0F3460;}

/* adimg 广告位按钮（.btn.qq 海军蓝底 + .adimg .btn 海军蓝字 = 文字隐形） */
.adimg h3{color:#fff;}
.adimg h4{color:#06B6D4;}
.adimg .btn,
.adimg .btn.qq,
.adimg .btn:hover,
.adimg .btn.qq:hover{
  background-color:#06B6D4;
  background-image:none;
  color:#fff;
  border-radius:2.2rem;
  box-shadow:0 6px 16px rgba(6,182,212,.35);
}
.adimg .btn:hover{background-color:#0AA6C1;}

/* 页尾版权条：并入海军蓝体系 */
#footer{background-color:#0A1F3C;}
#footer .fotnav dl dt a{color:#fff;}
#footer .fotnav dl dd a{color:#9CA3AF;}
#footer .fotnav dl dd a:hover{color:#06B6D4;}
.copyright{background-color:#0A1F3C;border-top:1px solid rgba(255,255,255,.08);}
.copyright .con a{color:#9CA3AF;}
.copyright .con a:hover{color:#06B6D4;}

/* ---------- 12. 滚动条与细节 ---------- */
.adminbuy_faq{color:#1F2937;}
h1,h2,h3,h4,h5,h6{color:#1F2937;}
a{transition:color .2s ease;}

/* 滚动条主题化：窗口 <1200px 时横向滚动条为白色轨道（360 等浏览器页底显白条），
   统一改为海军蓝轨道 + 暗蓝滑块，与页脚融合 */
::-webkit-scrollbar{width:10px;height:10px;}
::-webkit-scrollbar-track{background:#0A1F3C;}
::-webkit-scrollbar-thumb{background:#1E4368;border-radius:5px;}
::-webkit-scrollbar-thumb:hover{background:#06B6D4;}
::-webkit-scrollbar-corner{background:#0A1F3C;}
/* 注意：不要加 scrollbar-color/scrollbar-width（新标准属性）——
   Chromium 121+ 一旦检测到它们就会禁用 ::-webkit-scrollbar 自定义滚动条，
   回退成系统浅色滚动条，360 页底会重新出现浅灰横条 */
/* ===== 手机侧边栏弹出框 logo（后台 ad id=1 数据驱动，无卡片） ===== */
.sidebar .profilebox .avatar{margin-bottom:18px;}

/* ===== 导航选中项去掉下划线（用户 9/21 明确要求）=====
   上面 §2 的 a.act::after 短青线只在 hover 时出现，选中态不再显示；
   选中仍靠海军蓝 #0F3460 + 加粗区分 */
#Nav li a.act::after{width:0!important;height:0!important;content:none!important;display:none!important;}
#Nav li a.act{color:#0F3460!important;font-weight:600!important;}

/* ===== 页面底层背景 = 页脚深蓝（9/21）=====
   只设 html（body 不动，避免中间区块透底）：CSS 背景传播机制下，
   文档尽头之外/overscroll 回弹/意外留白都显示深蓝而非白色，
   与版权条无缝融合；横向滚动条轨道(§12)本就是同色 */
html{background-color:#0A1F3C;}

/* ===== 案例轮播轨道裁剪（9/21）=====
   ul.adminbuy_case 是 JS 横移轨道，实际宽 1261px > 容器 1200px 属正常，
   但此前未被裁剪，把文档撑宽到 1274px —— 窗口 <1274 就会出现横向滚动条
   （版权条下方那条白带就是它）。锁进容器内即可 */
#adminbuy_case{overflow:hidden;}

/* ============================================================
   14. 全站质感统一（9/21 全站审计后实施）
   目标：卡片语言全站一致（白底/圆角/海军蓝软阴影/hover 浮起）、
   去除 2010 年代残留（纸张翘角贴图/黑阴影/黑底分页/点线下划线）、
   文章详情专业排版、统计数字与电话主题化
   ============================================================ */

/* --- 14.1 去除老式「纸张翘角」贴图（shadow-left/right.png） --- */
.adminbuy_case li::before,
.adminbuy_case li::after,
.inner_newsul li::before,
.inner_newsul li::after{display:none!important;}

/* --- 14.2 卡片现代化：首页案例卡 + 内页服务/方案列表卡 ---
   静息：白底/10px 圆角/海军蓝 7% 软阴影（与首页新闻卡一致）
   hover：上浮 4px + 阴影加深；遮罩由纯黑改深蓝（品牌一致） */
.adminbuy_case li,
.inner_newsul li{
  background-color:#fff;
  border-radius:10px;
  overflow:hidden;
  box-shadow:0 4px 14px rgba(15,52,96,.07);
  transition:transform .3s ease,box-shadow .3s ease;
}
.adminbuy_case li:hover,
.inner_newsul li:hover{
  transform:translateY(-4px);
  box-shadow:0 10px 24px rgba(15,52,96,.12);
}
.adminbuy_case li:hover .abs,
.inner_newsul li:hover .abs{background-color:rgba(10,31,60,.55);}
/* 首页案例卡文字区：去掉老式实线边框（视觉已由卡片阴影接管） */
#adminbuy_case .adminbuy_case .con{border:none;}
/* 摘要上方的小分隔线调淡 */
.adminbuy_case li p::before{border-top-color:#EEF2F7;}
/* 内页列表卡分类标签色 */
.inner_newsul li .tags{color:#9CA3AF;}
.inner_newsul li .tags a,
.inner_newsul li .tags i{color:#9CA3AF;}
.inner_newsul li .tags a:hover{color:#06B6D4;}

/* --- 14.3 首页新闻区左右卡（与卡片语言统一） --- */
.adminbuy_news3s_01{border-radius:10px;overflow:hidden;box-shadow:0 4px 14px rgba(15,52,96,.07);}
.adminbuy_news3s_01 .cont{border-color:#EEF2F7;}
.adminbuy_news3s_03{border:1px solid #EEF2F7;border-radius:10px;box-shadow:0 4px 14px rgba(15,52,96,.07);}
.adminbuy_news3s_03 li a:hover{color:#06B6D4;}

/* --- 14.4 分页主题化（原 hover/active 是黑底 #333） --- */
.pagination a{
  color:#4B5563;
  border:1px solid #E5E9F2;
  border-radius:6px;
  transition:all .25s ease;
}
.pagination a:hover,
.pagination .active a{
  color:#fff;background-color:#0F3460;border-color:#0F3460;
}
.pagination .active a{background-color:#06B6D4;border-color:#06B6D4;}
.pagination .disabled a{color:#C4CAD4;background-color:#F7F9FC;border-color:#EEF2F7;}

/* --- 14.5 文章详情页专业排版 --- */
.articleTit{color:#0F3460;font-weight:600;letter-spacing:.5px;}
.article .sub_info{color:#9CA3AF;}
.articleCon{font-size:15px;line-height:1.9;color:#374151;}
.articleCon p{margin:0 0 1.2em;}
.articleCon h1,.articleCon h2,.articleCon h3,.articleCon h4{color:#0F3460;font-weight:600;}
.articleCon img{border-radius:8px;}
/* 导读框：左侧青色竖条 + 浅蓝灰底 */
.guide{background-color:#F1F5F9;border-left:3px solid #06B6D4;border-radius:0 8px 8px 0;color:#6B7280;}
.guide .red{color:#06B6D4;font-weight:600;}
/* 免责声明 */
.guide_bot{background-color:#F8FAFC;color:#9CA3AF;border-radius:8px;}
/* 上一篇/下一篇 */
.skip a{color:#4B5563;transition:color .2s ease;}
.skip a:hover{color:#06B6D4;}
/* 猜你喜欢：虚线盒子 → 主题卡片；点线下划线标题 → 海军蓝 + 青色短线 */
.maylike{border:1px solid #EEF2F7;border-radius:10px;padding:1rem 1.2rem 1.1rem;box-shadow:0 4px 14px rgba(15,52,96,.05);}
.maylike h3{border-bottom:none;color:#0F3460;font-weight:600;position:relative;padding-bottom:8px;margin-bottom:.8rem;}
.maylike h3::after{content:"";position:absolute;left:0;bottom:0;width:36px;height:3px;border-radius:2px;background-color:#06B6D4;}
.maylike li a{color:#4B5563;}
.maylike li a:hover{color:#06B6D4;}

/* --- 14.6 内页顶部导航条（服务列表 tab）主题化 --- */
.innernav{background-color:#fff;border-radius:10px;box-shadow:0 4px 14px rgba(15,52,96,.07);padding:8px;margin-bottom:2.5rem;}
.innernav .nava{border-radius:8px;transition:all .25s ease;}
.innernav .nava:hover{background-color:#06B6D4;color:#fff;}
.innernav .nava.act{background-color:#0F3460;color:#fff;}

/* --- 14.7 关键数字主题化（about 统计 / contact 电话，原黑色） ---
   about 统计 = dl dd .con strong（50px），源规则 #about_div1 dl strong 特异性更高须带 ID；
   contact 电话 = .contactpage .dl01 dd>strong（48px）；页脚 dl/dd 内是 <a> 不受影响 */
dl dd .con strong,
#about_div1 dl strong{color:#0F3460;}
.contactpage .dl01 dd>strong{color:#0F3460;letter-spacing:1px;}

/* --- 14.8 细节质感：选中文字 / 键盘焦点 --- */
::selection{background-color:#0F3460;color:#fff;}
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible{outline:2px solid #06B6D4;outline-offset:2px;}

/* ============================================================
   15. 360 页底白条根治（10/01）
   背景：body 有 min-width:1200px，360 兼容模式（IE 内核）不支持
   ::-webkit-scrollbar 主题化，窗口 <1200px 时页脚底部出现系统默认
   白色横向滚动条（白条）。j1feel.net 已验证 overflow-x 方案在 360 正常。
   ============================================================ */
/* 15.1 隐藏页面横向滚动条（窄窗口不再露出白条；桌面宽窗口无任何影响） */
html,body{overflow-x:hidden;}
/* 15.2 IE/360 兼容模式滚动条着色（Trident 老式属性，webkit 内核自动忽略） */
body{
  scrollbar-face-color:#0A1F3C;
  scrollbar-track-color:#0A1F3C;
  scrollbar-arrow-color:#9CA3AF;
  scrollbar-highlight-color:#0A1F3C;
  scrollbar-3dlight-color:#0A1F3C;
  scrollbar-shadow-color:#0A1F3C;
  scrollbar-darkshadow-color:#0A1F3C;
}

/* ============================================================
   16. 移动端间距压缩 + banner 高度兜底（10/02）
   背景：全局 #do4s / #adminbuy_case margin-bottom:96px 在手机上过大
   （390px 屏 ≈ 25% 屏高），用户反馈栏目间空隙太大；
   banner 首屏依赖 JS 写内联 height，JS 未就绪时容器塌陷 → 首屏空白，
   刷新后 JS 缓存快 → 正常。此段用 CSS 兜底，不依赖 JS。
   ============================================================ */
@media (max-width:768px){
  .adminbuy_banner{margin-bottom:2vw;height:56vw!important;}
  #do4s{margin-bottom:5vw;}
  #adminbuy_case{margin-bottom:5vw;}
  .subimg{margin-bottom:5vw!important;}
  .ydtitle{margin:2vw 0 1.5vw;}
}