/* 海道服务模板 — 共享增强样式 v2 */
/* ===== Banner 自然融合 ===== */
.img-hero-wrap { position:relative; width:100%; height:200px; overflow:hidden; }
.img-hero-wrap img { width:100%; height:100%; object-fit:cover; display:block; }
.img-hero-wrap::after { content:''; position:absolute; inset:0; background:linear-gradient(0deg, rgba(0,0,0,0.5) 0%, transparent 50%, rgba(0,0,0,0.1) 100%); pointer-events:none; }
.header { position:relative; }
.header .brand-section { position:relative; z-index:2; }

/* ===== 核心价值 — SVG图标容器 ===== */
.trust-icon svg { width:24px; height:24px; display:block; }
.trust-item { text-align:center; padding:10px 4px; }
.trust-value { font-size:14px; font-weight:700; margin:4px 0 2px; }
.trust-label { font-size:10px; line-height:1.4; opacity:0.7; }

/* ===== 企业常见痛点 — 左对齐 ===== */
.pain-points { padding:0; list-style:none; }
.pain-points li { font-size:12px; line-height:1.7; margin-bottom:8px; padding-left:0; text-align:left; display:flex; align-items:flex-start; gap:6px; }
.pain-points li::before { content:'⚠️'; flex-shrink:0; font-size:13px; }
.pain-cta { margin-top:12px; text-align:center; }

/* ===== 服务项目卡片 ===== */
.svc-card { background:#f8f9fa; border-radius:10px; padding:14px; margin-bottom:10px; transition:all .2s; }
.svc-card:hover { transform:translateX(3px); }
.svc-card-title { font-size:13px; font-weight:600; margin-bottom:4px; }
.svc-card-desc { font-size:11px; line-height:1.6; opacity:0.7; }

/* ===== FAQ ===== */
.faq-item { background:#f8f9fa; border-radius:10px; padding:12px 14px; margin-bottom:10px; }
.faq-q { font-size:13px; font-weight:600; margin-bottom:4px; }
.faq-a { font-size:12px; line-height:1.6; opacity:0.65; }

/* ===== 底部栏 ===== */
.foot_bottom { position:fixed; bottom:20px; left:16px; right:16px; height:52px; background:rgba(255,255,255,0.95); backdrop-filter:blur(10px); border-radius:26px; display:flex; align-items:center; justify-content:center; box-shadow:0 4px 20px rgba(0,0,0,0.15); z-index:1000; }
.f_item { flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; font-size:11px; cursor:pointer; padding:8px 0; position:relative; }
.f_item:not(:last-child)::after { content:''; position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:28px; background:#e8e8e8; }

/* ===== 动画 ===== */
@keyframes fadeIn { from {opacity:0;transform:translateY(10px)} to {opacity:1;transform:translateY(0)} }
.tab-content.active { animation:fadeIn .3s ease; }