/* ============================================================
   cap-models-reflow.css — 「三种合作模式 · Models」独立通栏 1920×600
   浅灰 #F8F8F8 背景 + 居中标题（品牌色短下划线）+ 3 张白卡一行（悬停浮动）
   scoped：仅 capabilities-draft.html 引用，不污染全站 style.css
   v=20260906
============================================================ */

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

/* ---------- 居中 Headline + 品牌色短下划线 ---------- */
.cap-models-head{text-align:center;margin-bottom:46px}
.cap-models-eyebrow{
  display:inline-block;
  font-size:.8rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  color:#DA1884;margin-bottom:12px;
}
.cap-models-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-models-title .accent{color:#DA1884}
.cap-models-title::after{
  content:'';display:block;
  width:56px;height:4px;border-radius:2px;background:#DA1884;
  margin:18px auto 0;
}

/* ---------- 3 张白卡一行（等宽等高） ---------- */
.cap-models-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.cap-model-card{
  position:relative;
  background:#fff;
  border:1px solid #eee7ee;
  border-radius:18px;
  padding:34px 30px;
  overflow:hidden;
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;
}
.cap-model-card::before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,transparent,rgba(221,19,123,.06));
  opacity:0;transition:opacity .3s ease;
}
/* 悬停浮动：上浮 + 边框转洋红 + 柔和投影 + 图标变洋红填充 */
.cap-model-card:hover{
  transform:translateY(-8px);
  border-color:rgba(218,24,132,.35);
  box-shadow:0 18px 40px rgba(26,26,26,.10);
}
.cap-model-card:hover::before{opacity:1}
.cap-model-card__num{
  font-family:'Space Mono',monospace;
  font-size:.78rem;letter-spacing:.14em;color:#8a8390;font-weight:500;
  position:relative;z-index:1;
}
.cap-model-card__ic{
  width:54px;height:54px;border-radius:14px;margin:16px 0 20px;
  background:#F8F8F8;border:1px solid #eee7ee;
  display:grid;place-items:center;color:#DA1884;
  position:relative;z-index:1;transition:all .3s ease;
}
.cap-model-card__ic svg{width:26px;height:26px}
.cap-model-card:hover .cap-model-card__ic{background:#DA1884;color:#fff;border-color:#DA1884}
.cap-model-card h3{
  font-family:'Inter',system-ui,sans-serif;
  font-weight:700;font-size:1.3rem;color:#1a1a1a;margin:0;
  position:relative;z-index:1;
}
.cap-model-card h3 .tag{
  display:inline-block;margin-left:8px;
  font-family:'Space Mono',monospace;font-size:.62rem;font-weight:500;
  color:#DA1884;vertical-align:middle;letter-spacing:.1em;
}
.cap-model-card p{
  margin-top:12px;color:#6b6570;font-size:.9rem;line-height:1.7;
  position:relative;z-index:1;
}
.cap-model-card__feats{
  margin-top:18px;display:flex;flex-wrap:wrap;gap:7px;
  position:relative;z-index:1;
}
.cap-model-card__feats span{
  font-size:.72rem;font-weight:600;color:#4a4450;
  background:#F8F8F8;border:1px solid #eee7ee;padding:5px 11px;border-radius:999px;
}

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