/* ============================================================
   service 首页 (xiaoercms_service.html) 专属样式
   科技青蓝主题覆盖金色 + 深浅交替层次 + hero 顶部间距
   仅作用于 service 首页，不影响其他 service 页面。
   ============================================================ */

/* ===== service 首页专属：科技青蓝主题（覆盖金色强调） ===== */
:root{
	--sv-acc:#3f9df0;   /* 主强调：亮青蓝 */
	--sv-acc2:#8ecbff;  /* 次强调：浅青蓝 */
	--sv-grad:linear-gradient(135deg,#3f9df0 0%,#8ecbff 100%);
}
/* section 标题线与强调 */
.au-sec-line{background:linear-gradient(90deg,#3f9df0 0%,#8ecbff 100%);}
/* hero 面包屑、kicker、标题高亮、数字 */
.au-crumbs a:hover{color:#7fc3ff;}
.au-kicker{background:rgba(63,157,240,.12);border-color:rgba(63,157,240,.35);color:#9fd0ff;}
.au-hero-title .hl{color:#5fb4ff;text-shadow:0 0 24px rgba(63,157,240,.35);}
.au-stat-num{color:#6bc0ff;}
/* 主按钮 */
.au-cta-btn{background:linear-gradient(135deg,#3f9df0 0%,#6bc0ff 100%);color:#06213a;box-shadow:0 8px 30px rgba(63,157,240,.4);}
.au-cta-btn:hover{box-shadow:0 12px 40px rgba(63,157,240,.5);color:#06213a;}
.au-cta-ghost{border-color:rgba(63,157,240,.5);}
.au-cta-ghost:hover{background:rgba(63,157,240,.15);border-color:#5fb4ff;color:#fff;}
/* 卡片 hover 顶线、图标、价格 */
.au-card::before{background:linear-gradient(90deg,#3f9df0 0%,#8ecbff 100%);}
.au-card:hover .au-card-ico{background:linear-gradient(135deg,#3f9df0 0%,#6bc0ff 100%);}
.au-card-price .price-value{color:#2f8be0;}
/* adv hover */
.au-adv:hover .au-adv-ico{background:linear-gradient(135deg,#3f9df0 0%,#6bc0ff 100%);}
/* case 底部线、分类、hover */
.au-case::after{background:linear-gradient(90deg,#3f9df0,#8ecbff);}
.au-case .au-case-cat{color:#2f8be0;}
/* stats */
.au-stat .au-stat-v{color:#6bc0ff;}
.au-stat .au-stat-ico{color:#8ecbff;}
/* FAQ */
.au-faq-item:hover{border-color:rgba(63,157,240,.5);}
.au-faq-q i{color:#2f8be0;}
/* CTA 内部 */
.au-cta-in .au-kicker{color:#8ecbff;}
.au-cta-in h2 .hl{color:#6bc0ff;}
.au-cta-feats i{color:#6bc0ff;}
/* 服务导航 chips */
.au-chips .au-chip.active,.au-chips .au-chip:hover{border-color:#3f9df0;background:rgba(63,157,240,.1);color:#2f8be0;}
/* 案例 more 链接 */
.au-case-more a{color:#2f8be0;}
.au-case-more a:hover{color:#1a6fc0;}

/* ===== 层次感增强：深浅板块交替 ===== */
/* 深色(白底)板块带极浅蓝底，浅色板块带蓝灰渐变，形成明显层次 */
.au-sec{background:linear-gradient(180deg,#ffffff 0%,#f4f8ff 100%);position:relative;}
.au-sec.alt{background:linear-gradient(180deg,#e9f1ff 0%,#dde9ff 100%);}
/* 每个板块之间加柔和的渐变分隔光带 */
.au-sec::after{
	content:'';position:absolute;left:0;right:0;bottom:0;height:1px;
	background:linear-gradient(90deg,transparent,rgba(63,157,240,.25),transparent);
}
/* 板块 head 层级标题 */
.au-sec-head .au-sec-kick{color:#2f8be0;letter-spacing:4px;}
.au-sec.alt .au-sec-kick{color:#1a6fc0;}
/* 卡片在浅色板块上增强阴影层次 */
.au-sec.alt .au-card,.au-sec.alt .au-adv{
	box-shadow:0 8px 24px rgba(22,53,107,.08);
	background:#ffffff;
}
/* 卡片 hover 层级抬升 */
.au-sec.alt .au-card:hover,.au-sec.alt .au-adv:hover{
	box-shadow:0 18px 44px rgba(22,53,107,.16);
	transform:translateY(-6px);
}
/* 深色板块(白底)的卡片 */
.au-sec .au-card,.au-sec .au-adv{background:#ffffff;}
/* 数据统计与 CTA 深色块形成强对比锚点 */
.au-stats{background:linear-gradient(135deg,#0f1b3c 0%,#16356b 55%,#1a4a86 100%);}
.au-cta{background:linear-gradient(135deg,#0a1430 0%,#16356b 100%);}

/* ===== hero 上部间距调整：与导航拉开距离 ===== */
.au-hero{padding-top:190px;}
@media (max-width:768px){
	.au-hero{padding-top:150px;}
}