/* ============================================================
   cap-vas-reflow.css — 「六大增值服务 · Value-added」独立通栏 1920×600
   白底 #FFFFFF + 居中标题（品牌色短下划线）+ 6 张固定 350×160 卡片（3 列 × 2 行）
   卡片版式：左图标（46×46）+ 右侧标题/描述
   scoped：仅 capabilities-draft.html 引用，不污染全站 style.css
   v=20260906
============================================================ */

.cap-vas-band{position:relative;background:#fff;overflow:hidden}
.cap-vas-band__inner{
  max-width:1472px;margin:0 auto;
  padding:56px 32px 60px;
  min-height:600px;   /* 1920×600：内容不足时由 min-height 兜到 600 */
  display:flex;flex-direction:column;justify-content:center;
}

/* ---------- 居中主标题 + 品牌色短下划线 ---------- */
.cap-vas-head{text-align:center;margin-bottom:32px}
.cap-vas-title{
  font-family:'Inter',system-ui,sans-serif;
  font-size:clamp(1.7rem,3.2vw,2.6rem);font-weight:700;line-height:1.2;
  color:#1a1a1a;margin:0;
}
.cap-vas-title .accent{color:#DA1884}
.cap-vas-title::after{
  content:'';display:block;
  width:56px;height:4px;border-radius:2px;background:#DA1884;
  margin:18px auto 0;
}

/* ---------- 6 张固定 350×160 卡片（3 列 × 2 行，居中） ---------- */
.cap-vas-grid{
  display:grid;
  grid-template-columns:repeat(3,350px);
  justify-content:center;
  gap:20px;
}
.cap-vas-card{
  width:350px;height:160px;
  display:flex;align-items:center;gap:16px;
  padding:22px 24px;
  background:#fff;
  border:1px solid #eee7ee;
  border-radius:14px;
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;
}
/* 悬停浮动：上浮 + 边框转洋红 + 图标变洋红填充 + 柔和投影 */
.cap-vas-card:hover{
  transform:translateY(-6px);
  border-color:rgba(218,24,132,.35);
  box-shadow:0 16px 34px rgba(26,26,26,.10);
}
.cap-vas-card__ic{
  flex:0 0 auto;width:46px;height:46px;border-radius:12px;
  display:grid;place-items:center;
  background:#F8F8F8;border:1px solid #eee7ee;color:#DA1884;
  transition:all .3s ease;
}
.cap-vas-card__ic svg{width:24px;height:24px}
.cap-vas-card:hover .cap-vas-card__ic{background:#DA1884;color:#fff;border-color:#DA1884}
.cap-vas-card__tx{min-width:0}
.cap-vas-card__tx b{
  display:block;
  font-family:'Inter',system-ui,sans-serif;
  font-size:.98rem;font-weight:700;color:#1a1a1a;line-height:1.35;
}
.cap-vas-card__tx p{
  margin:8px 0 0;
  font-size:.8rem;color:#6b6570;line-height:1.6;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}

/* ---------- 响应式 ---------- */
@media(max-width:1023px){
  .cap-vas-grid{grid-template-columns:repeat(2,350px)}
}
@media(max-width:768px){
  .cap-vas-band__inner{padding:52px 20px 60px;min-height:0}
  .cap-vas-head{margin-bottom:28px}
  .cap-vas-grid{grid-template-columns:1fr;gap:14px}
  .cap-vas-card{width:100%;height:auto}
}
@media(prefers-reduced-motion:reduce){
  .cap-vas-card,.cap-vas-card:hover{transform:none;transition:none}
}