/* ASR 视觉打磨�?· 叠加于原�?CSS 之上
   品牌主色 #3E5FAC（蓝），克制升级科技感；只做加法不改原结构�?   令牌来自 brand-spec.md（原站真实色值的 OKLch 换算）�?/
:root {
  --asr-accent: oklch(0.497 0.131 264);
  --asr-accent-warm: oklch(0.680 0.120 264);
  --asr-fg: oklch(0.218 0.000 89.9);
  --asr-muted: oklch(0.560 0.010 25);
  --asr-ring: oklch(0.497 0.131 264 / 0.55);
}

/* —�?品牌化文本选区 —�?*/
::selection { background: oklch(0.497 0.131 264 / 0.18); color: var(--asr-fg); }
::-moz-selection { background: oklch(0.497 0.131 264 / 0.18); color: var(--asr-fg); }

/* — 隐藏整页全局滚动条（保留滚动能力）— */
html, body {
  scrollbar-width: none;       /* Firefox */
  -ms-overflow-style: none;    /* 旧 Edge / IE */
}
html::-webkit-scrollbar,
body::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

/* —�?英文眉标：淡�?�?有字距的克制标签，提升层级感 —�?*/
.puben { letter-spacing: 0.22em; font-weight: 600; }

/* —�?中文区块标题：微调字距，更舒�?—�?*/
.pubcn { letter-spacing: 0.04em; }

/* —�?统计区（翱捷速度）：图标清晰�?+ 悬停强调 —�?*/
.alaboutp4i { opacity: 0.85; transition: opacity 0.35s ease; }
.alaboutp4 li:hover .alaboutp4i { opacity: 1; }
.alaboutp42 { letter-spacing: 0.02em; }

/* —�?全局无障碍焦点环（品牌红，所有交互元素）—�?*/
a:focus-visible,
button:focus-visible,
[tabindex]:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
.lcsearch:focus-visible,
.more2:focus-visible,
.businessslider:focus-visible {
  outline: 2px solid var(--asr-accent);
  outline-offset: 2px;
  border-radius: 2px;
}

/* —�?主营业务卡片：图片轻缩放（与新闻卡一致的悬停语言）—�?*/
.thumb { overflow: hidden; }
.thumb > img { transition: transform 0.5s ease; }
.thumb:hover > img { transform: scale(1.04); }

/* —�?卡片底栏悬停：品牌红标题，不灰化 —�?*/
.cont_box .cont_tit { transition: color 0.3s ease; }
.cont_box:hover .cont_tit { color: var(--asr-accent); }

/* —�?"了解更多" 按钮过渡平滑 —�?*/
.more2 { transition: background 0.3s ease, color 0.3s ease; }
.more2:focus-visible { outline-offset: 3px; }


/* —�?区块锚点偏移（吸顶导航不遮标题）—�?*/
.mainabout, .ajsudu, .indexhistory, .mainpro { scroll-margin-top: 96px; }

/* —�?图片默认：防溢出 + 清晰渲染 —�?*/
img { max-width: 100%; }

/* —�?"了解更多"按钮箭头改用 iconfont —�?   �?public/img/icon_viewmore_wt.svg / more_arrow.png 未随 vendor 目录迁入，背景图 404 */
.mpromore a i, .mpromore em i {
  background: none;
  color: #fff;
  line-height: 45px;
  text-align: center;
}
#business ul li .btn_area .more span {
  background: none;
  padding-right: 0;
}
#business ul li .btn_area .more .icon-youjiantou {
  font-size: 14px;
  margin-left: 4px;
}

/* 导航下拉链接：移除右箭头图标（content:none 连同 index.css 的背景图箭头一并清除） */
.mcdsub .hasnav:before, .mcdsub .hasnav:after,
.mcdsub .dl4 > dd > .hasnav:before, .mcdsub .dl4 > dd > .hasnav:after {
  content: none;
  background: none;
}


/* —�?首页轮播左右圆钮改用 iconfont —�?   �?pagel/pager 系列 + niur.png 背景缺失;悬停仍走原规�?蓝底白箭�? */
.businesssbtnlr1, .businesssbtnlr2 { background-image: none !important; }
.pubbtnbtn:before, .pubbtnbtn:after {
  background: none;
  font-family: "iconfont";
  content: "\e6df";
  font-size: 14px;
  line-height: 50px;
  text-align: center;
}
.pubbtnbtnl:before, .pubbtnbtnl:after { transform: scaleX(-1); }
.pubbtnbtn:before { color: #999; }
.pubbtnbtn:after { color: #fff; }

/* — 关于我们 Tab 切换重播：v-show 常驻 DOM，靠 active 类在切换时重播淡入上移 — */
@keyframes aboutTabIn {
  from { opacity: 0; transform: translateY(24px); }
  to   { opacity: 1; transform: none; }
}
.about-child.is-active { animation: aboutTabIn 0.6s ease both; }