/* ============================================================
   服务与能力模块页面级样式（services.css）
   由 main/templates/services/ 下 7 个模板共用，
   通过 base.html 的 head block 在 v4.css 之后加载。
   类名统一使用 svc- 前缀，避免与全局 v4.css 及其他模块冲突。
   ============================================================ */

/* ---------- 首页 index.html：服务类型卡片 ---------- */

/* 卡片纵向弹性布局，使底部按钮对齐到列尾 */
.svc-card-col{display:flex;flex-direction:column}
/* 卡片标题（需压过 v4.css 的 .card h4，故用复合选择器） */
.card h4.svc-card-h4{margin:12px 0 6px}
/* 卡片描述段落：占满剩余高度（需压过 v4.css 的 .card p，故用复合选择器） */
.card p.svc-card-desc{margin:0;flex:1}
/* "适用对象"小标签文字 */
.svc-card-label{font-size:12.5px;color:var(--muted);margin:12px 0 5px;letter-spacing:.08em}
/* 卡片内标签组：清零默认上边距 */
.svc-tags-reset{margin:0}
/* 卡片内"查看详情"幽灵按钮 */
.svc-card-btn{font-size:13.5px;padding:6px 12px;margin-top:14px;align-self:flex-start}

/* ---------- 详情页共用：适用对象 ---------- */

/* 适用对象标题行（色条 + 标题 + 右侧数据链接） */
.svc-aud-head{display:flex;align-items:center;gap:13px;flex-wrap:wrap}
/* 标题左侧渐变色条 */
.svc-aud-bar{width:4px;height:18px;border-radius:2px;background:linear-gradient(180deg,#5FD6CE,#2AA8A1);flex:none}
/* 行内化的小节标题（需压过 v4.css 的 h3.sect，故用复合选择器） */
h3.sect.svc-sect-inline{margin:0;font-size:16.5px}
/* 右侧"查看进出口额数据"按钮：靠右对齐 */
.svc-aud-link{margin-left:auto;font-size:14px;padding:7px 15px}
/* 适用对象卡片横排容器 */
.svc-aud-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
/* 单个适用对象卡片 */
.svc-aud-card{padding:14px 18px;text-align:center;flex:1 1 0;min-width:140px}
/* 卡片内加粗标题（适用对象卡片与服务内容卡片共用） */
.svc-card-title{font-size:16px;color:var(--ink)}

/* ---------- 详情页共用：典型痛点 ---------- */

/* 痛点列表：双栏排布 */
.svc-pain-list{margin-top:14px;columns:2;column-gap:30px}
/* 单条痛点 */
.svc-pain-item{margin-bottom:9px}

/* ---------- 详情页共用：服务内容 ---------- */

/* 服务内容两列网格 */
.svc-svc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:16px}
/* 服务内容单卡片 */
.svc-svc-card{padding:15px 17px}
/* 服务内容卡片描述（需压过 v4.css 的 .card p，故用复合选择器） */
.card p.svc-svc-desc{margin:8px 0 0;font-size:14px;color:var(--muted);line-height:1.8}

/* ---------- 详情页共用：交付成果 ---------- */

/* 交付成果两列网格 */
.svc-del-grid{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:6px 26px}
/* 单条交付成果 */
.svc-del-item{font-size:16px;color:var(--ink2);line-height:1.9}

/* ---------- 详情页共用：做法与流程 ---------- */

/* 流程条上边距 */
.svc-flow{margin-top:16px}
/* 方法论区块（虚线顶边框分隔） */
.svc-method-wrap{margin-top:22px;padding-top:18px;border-top:1px dashed var(--line)}
/* 方法论四列网格 */
.svc-method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
/* 方法论名称 */
.svc-method-name{font-size:14px}
/* 方法论说明文字 */
.svc-method-desc{display:block;font-size:13px;color:var(--muted);margin-top:4px;line-height:1.7}