/* ============================================================
   page-jiameng.css — 合作加盟
   签名布局：三种合作模式对比卡 + 政策表格 + 扶持横卷
   作用域：body.page-jiameng
   ============================================================ */

.jm-hero .hero-hotline{margin-top:18px;font-size:14px;color:var(--c-muted)}

/* ---------- 三种合作模式 ---------- */
.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch}
.mode-card{position:relative;background:#fff;border:1.5px solid var(--c-line);border-radius:var(--radius-lg);padding:34px 30px;box-shadow:var(--shadow-card);display:flex;flex-direction:column;transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.mode-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-soft)}
.mode-hot{border:2px solid var(--c-purple-300);background:linear-gradient(180deg,#fff,var(--c-bg-purple))}
.mode-badge{position:absolute;top:-14px;left:24px;background:var(--grad-main);color:#fff;font-size:12px;font-weight:700;padding:5px 14px;border-radius:999px}
.mode-num{font-size:14px;font-weight:800;color:var(--c-pink-400);letter-spacing:.1em}
.mode-card h3{font-size:23px;margin:8px 0 4px}
.mode-sub{font-size:13.5px;color:var(--c-purple-400);font-weight:600;margin-bottom:14px}
.mode-card>p{font-size:14px;color:var(--c-text)}
.mode-list{flex:1;margin-top:18px;padding-top:18px;border-top:1px dashed var(--c-line)}
.mode-list li{position:relative;padding-left:22px;margin-bottom:9px;font-size:13.5px;color:var(--c-text)}
.mode-list li::before{content:"";position:absolute;left:2px;top:9px;width:6px;height:6px;border-radius:50%;background:var(--grad-main)}

/* ---------- 政策表格 ---------- */
.pol-wrap{overflow-x:auto;border-radius:var(--radius-md);box-shadow:var(--shadow-card)}
.pol-table{width:100%;border-collapse:collapse;background:#fff;min-width:640px}
.pol-table th,.pol-table td{padding:15px 18px;text-align:center;font-size:14px;border-bottom:1px solid var(--c-line)}
.pol-table thead th{background:var(--c-bg-purple);color:var(--c-ink);font-weight:700}
.pol-table td:first-child{text-align:left;font-weight:600;color:var(--c-ink)}
.pol-table tbody tr:last-child td{border-bottom:0}

/* ---------- 扶持横卷 ---------- */
.sp-card{flex:0 0 230px;background:#fff;border:1px solid var(--c-line);border-left:4px solid var(--grad-main);border-radius:var(--radius-md);padding:24px 22px;box-shadow:var(--shadow-card)}
.sp-card h3{font-size:17px;margin-bottom:8px}
.sp-card p{font-size:13.5px;color:var(--c-text)}

/* ---------- 谁适合 ---------- */
.who-wrap{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:center}
.who-text p{margin-bottom:14px;color:var(--c-text)}
.who-figure{margin:0}
.who-figure img{border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}

/* ---------- FAQ ---------- */
.faq-list{max-width:860px;margin:0 auto}
.faq-item{background:#fff;border:1px solid var(--c-line);border-radius:var(--radius-md);margin-bottom:14px;overflow:hidden}
.faq-item[open]{box-shadow:var(--shadow-card)}
.faq-item summary{cursor:pointer;list-style:none;padding:18px 22px;font-weight:700;color:var(--c-ink);font-size:15.5px;position:relative;padding-right:44px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:22px;color:var(--c-purple-400);transition:transform .3s}
.faq-item[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.faq-item p{padding:0 22px 20px;font-size:14px;color:var(--c-text)}
.faq-item p a{color:var(--c-purple-400);font-weight:600}

/* ---------- CTA ---------- */
.cta-sec{background:var(--grad-soft)}
.cta-box{text-align:center;max-width:760px;margin:0 auto;padding:56px 30px;border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow-soft)}
.cta-box h2{margin-bottom:14px}
.cta-note{margin-top:18px;font-size:13.5px;color:var(--c-muted)}

/* ---------- 响应式 ---------- */
@media (max-width:1100px){
  .mode-grid{gap:18px}
}
@media (max-width:768px){
  .mode-grid{grid-template-columns:1fr;gap:26px}
  .who-wrap{grid-template-columns:1fr;gap:28px}
}
@media (max-width:360px){
  .mode-card{padding:26px 20px}
}