/* digital-growth 页专属视觉（自 services/digital-growth.php 页内 <style> 提取，仅本页 link）
   公共 .v2-* 骨架与 Mobile 规则见 assets/css/pages/services-v2.css */

/* ============ digital-growth 页专属视觉（用户问题 → AI 搜索/问答 → 引用信息源 → 品牌进入答案） ============ */
/* 五页中 AI 搜索 / GEO 识别度最高的一页：抽象 HTML/CSS 示意，不做假 AI 平台 UI */
.dg-flow { display: flex; flex-direction: column; gap: 0; height: 100%; }
.dg-q { align-self: flex-start; max-width: 82%; background: #fff; border: 1px solid #d8e0ec; border-radius: 14px 14px 14px 4px; padding: 12px 16px; box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05); }
.dg-q small { display: block; font-size: 10px; font-weight: 700; letter-spacing: 0.06em; color: #8b95a5; margin-bottom: 5px; }
.dg-q b { font-size: 13px; font-weight: 600; color: #2c3648; }
.dg-ai { align-self: flex-end; width: 88%; background: linear-gradient(160deg, #0052cc, #003d9b); color: #fff; border-radius: 14px 14px 4px 14px; padding: 14px 16px; box-shadow: 0 10px 26px -12px rgba(0, 61, 155, 0.55); }
.dg-ai-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 9px; }
.dg-ai-head b { display: flex; align-items: center; gap: 6px; font-size: 12px; }
.dg-ai-head b .material-symbols-outlined { font-size: 15px; }
.dg-ai-head span { font-size: 10px; color: rgba(255, 255, 255, 0.72); }
.dg-ai-body i { display: block; height: 7px; border-radius: 4px; background: rgba(255, 255, 255, 0.30); }
.dg-ai-body i + i { margin-top: 7px; }
.dg-ai-body i.hl { width: 64%; background: rgba(255, 255, 255, 0.92); }
.dg-ai-src { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 11px; padding-top: 9px; border-top: 1px solid rgba(255, 255, 255, 0.22); }
.dg-ai-src span { font-size: 10px; font-weight: 600; color: #fff; background: rgba(255, 255, 255, 0.16); border-radius: 999px; padding: 3px 9px; }
.dg-arrow { display: flex; justify-content: center; padding: 6px 0; color: #b9c9e4; }
.dg-arrow .material-symbols-outlined { font-size: 20px; }
.dg-result { align-self: center; display: flex; align-items: center; gap: 10px; background: #fff; border: 1.5px solid rgba(0, 82, 204, 0.45); border-radius: 999px; padding: 10px 22px; box-shadow: 0 6px 18px -8px rgba(0, 61, 155, 0.35); }
.dg-result .material-symbols-outlined { font-size: 18px; color: #0052cc; }
.dg-result b { font-size: 14px; font-weight: 800; color: #003d9b; }
.dg-svc-mock { border: 1px solid #dbe3ee; border-radius: 12px 12px 0 0; background: #f6f8fb; padding: 14px; min-height: 148px; }
.dg-mini { background: #fff; border: 1px solid #e6eaf0; border-radius: 10px; padding: 10px 12px; display: flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 600; color: #2c3648; }
.dg-mini .material-symbols-outlined { font-size: 16px; color: #0052cc; }
.dg-mini + .dg-mini { margin-top: 8px; }
.dg-rank { display: flex; align-items: center; gap: 8px; background: #fff; border: 1px solid #e6eaf0; border-radius: 10px; padding: 8px 10px; }
.dg-rank u { width: 20px; height: 20px; border-radius: 6px; background: #eef2f8; color: #6b7686; font-size: 11px; font-weight: 700; display: flex; align-items: center; justify-content: center; text-decoration: none; flex-shrink: 0; }
.dg-rank.on u { background: #0052cc; color: #fff; }
.dg-rank i { flex: 1; height: 6px; border-radius: 3px; background: #e8edf5; }
.dg-rank.on i { background: rgba(0, 82, 204, 0.35); }
.dg-ans-src { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 9px; }
.dg-ans-src span { font-size: 10px; font-weight: 600; color: #3f4a5c; background: #eef2f8; border-radius: 999px; padding: 3px 9px; }
@media (max-width: 1200px) {
  .dg-flow { max-width: 640px; margin: 0 auto; }
}