/* ============================================================
   首页专属样式 · 基于 products.css 的 pf-* 组件体系扩展
   依赖：/css/products.css（需先引入）
   ============================================================ */

/* ===== Hero ===== */
#idx-hero .pf-hero-grid{padding-top:76px;}

/* ===== 一体化价值：复用 pf-feat 卡片，改 3 列 ===== */
#idx-value .pf-feats{grid-template-columns:repeat(3,1fr);}
#idx-value .pf-feat .pf-pi{width:44px;height:44px;border-radius:12px;background:var(--pf-primary-soft);display:flex;align-items:center;justify-content:center;margin-bottom:14px;}
#idx-value .pf-feat .pf-pi svg{width:22px;height:22px;stroke:var(--pf-primary);}

/* ===== 服装行业：业务痛点卡 ===== */
.idx-pains{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.idx-pain{display:block;background:#fff;border:1px solid var(--pf-line);border-radius:var(--pf-r-l);padding:22px 22px 18px;transition:transform .22s,box-shadow .22s,border-color .22s;}
.idx-pain:hover{transform:translateY(-3px);box-shadow:var(--pf-shadow-hover);border-color:#BEDAFF;}
.idx-pain .pn{display:inline-flex;width:26px;height:26px;border-radius:8px;background:var(--pf-primary-soft);color:var(--pf-primary);font-size:.75rem;font-weight:800;align-items:center;justify-content:center;margin-bottom:12px;}
.idx-pain b{display:block;font-size:1.0625rem;color:var(--pf-ink);font-weight:700;margin-bottom:8px;}
.idx-pain span{display:block;font-size:.875rem;line-height:1.75;color:var(--pf-body);}
.idx-pain em{display:block;margin-top:12px;padding-top:12px;border-top:1px dashed var(--pf-line);font-style:normal;font-size:.8125rem;line-height:1.65;color:var(--pf-primary);}

/* ===== 服装业务主线链 ===== */
.idx-chain{display:flex;align-items:center;gap:6px;margin-top:34px;background:#fff;border:1px solid var(--pf-line);border-radius:var(--pf-r-l);padding:20px 16px;overflow-x:auto;}
.idx-cnode{flex:1;min-width:104px;text-align:center;}
.idx-cnode .ci{width:40px;height:40px;margin:0 auto 8px;border-radius:11px;background:var(--pf-primary-soft);display:flex;align-items:center;justify-content:center;}
.idx-cnode .ci svg{width:20px;height:20px;stroke:var(--pf-primary);}
.idx-cnode b{display:block;font-size:.875rem;color:var(--pf-ink);font-weight:700;white-space:nowrap;}
.idx-cnode span{display:block;font-size:.75rem;line-height:1.55;color:var(--pf-muted);margin-top:3px;}
.idx-car{flex:0 0 auto;color:var(--pf-primary);font-weight:700;font-size:.8125rem;}

/* ===== 服装行业功能卡 ===== */
.idx-funcs{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:26px;}
.idx-func{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--pf-line);border-radius:var(--pf-r-l);padding:20px;text-decoration:none;transition:transform .22s,box-shadow .22s,border-color .22s;}
.idx-func:hover{transform:translateY(-5px);box-shadow:var(--pf-shadow-hover);border-color:#BEDAFF;text-decoration:none;}
.idx-func .fi{width:44px;height:44px;flex:0 0 auto;border-radius:12px;background:var(--pf-primary-soft);display:flex;align-items:center;justify-content:center;}
.idx-func .fi svg{width:22px;height:22px;stroke:var(--pf-primary);}
.idx-func b{display:block;font-size:1rem;color:var(--pf-ink);font-weight:700;margin-bottom:6px;}
.idx-func span{display:block;font-size:.875rem;line-height:1.7;color:var(--pf-body);}
.idx-func em{font-style:normal;margin-left:auto;align-self:center;color:var(--pf-primary);font-weight:600;font-size:.875rem;flex:0 0 auto;}

/* ===== 服装方案 CTA ===== */
.idx-cta{display:flex;justify-content:center;margin-top:30px;}

/* ===== 其它行业入口（附带，仅链接） ===== */
.idx-others{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin-top:38px;padding-top:26px;border-top:1px solid var(--pf-line);}
.idx-others .ot-h{font-size:.875rem;color:var(--pf-muted);margin-right:2px;}
.idx-others a{font-size:.875rem;color:#334155;background:#fff;border:1px solid var(--pf-line);border-radius:100px;padding:8px 16px;text-decoration:none;transition:border-color .2s,color .2s,transform .2s;}
.idx-others a:hover{border-color:var(--pf-primary);color:var(--pf-primary);transform:translateY(-2px);text-decoration:none;}
.idx-others a.ot-all{border-style:dashed;color:var(--pf-primary);}

/* ===== 为什么好落地：三张优势卡 ===== */
.idx-advs{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.idx-adv{background:#fff;border:1px solid var(--pf-line);border-radius:var(--pf-r-l);padding:32px 26px;text-align:center;transition:transform .22s,box-shadow .22s,border-color .22s;}
.idx-adv:hover{transform:translateY(-4px);box-shadow:var(--pf-shadow-hover);border-color:#BEDAFF;}
.idx-adv .ai{width:52px;height:52px;margin:0 auto 16px;border-radius:14px;background:var(--pf-primary-soft);display:flex;align-items:center;justify-content:center;}
.idx-adv .ai svg{width:26px;height:26px;stroke:var(--pf-primary);}
.idx-adv b{display:block;font-size:1.125rem;color:var(--pf-ink);font-weight:700;margin-bottom:10px;}
.idx-adv span{display:block;font-size:.9375rem;line-height:1.8;color:var(--pf-body);}

/* ===== 响应式 ===== */
@media (max-width:1100px){
    #idx-value .pf-feats{grid-template-columns:repeat(2,1fr);}
    .idx-pains,.idx-funcs{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:980px){
    .idx-advs{grid-template-columns:1fr;}
}
@media (max-width:640px){
    #idx-value .pf-feats{grid-template-columns:1fr;}
    .idx-pains,.idx-funcs{grid-template-columns:1fr;}
    .idx-func em{display:none;}
    .idx-chain{gap:2px;padding:18px 12px;}
    .idx-cnode{min-width:86px;}
    .idx-cnode span{display:none;}
    .idx-car{font-size:.75rem;}
}