/* AI 公益组织运营库 · 营销推介（作用域隔离到 .mkt-page）
   配色统一引用全站 style.css 的 :root 变量（--brand / --brand-dark / --brand-light / --accent / --bg / --text / --text-soft / --border），
   不再在本地重定义颜色，确保与平台（ai.qgwap.com）主题完全一致。 */
.mkt-page {
  font-family:-apple-system,"Microsoft YaHei","PingFang SC",sans-serif;
  color:var(--text); background:var(--bg); line-height:1.7;
}
.mkt-page * { box-sizing:border-box; margin:0; padding:0; }
.mkt-page .wrap { max-width:920px; margin:0 auto; padding:0 22px 80px; }

/* HERO */
.mkt-page .hero { background:linear-gradient(135deg,var(--brand) 0%,var(--brand-dark) 100%); color:#fff; padding:74px 22px 64px; text-align:center; }
.mkt-page .hero .tag { display:inline-block; background:rgba(255,255,255,.16); border:1px solid rgba(255,255,255,.35); padding:6px 16px; border-radius:999px; font-size:14px; letter-spacing:1px; margin-bottom:22px; }
.mkt-page .hero h1 { font-size:42px; font-weight:800; letter-spacing:1px; margin-bottom:16px; }
.mkt-page .hero p { font-size:19px; opacity:.94; max-width:680px; margin:0 auto; margin-bottom:20px;}
.mkt-page .hero .sub { margin-top:18px; font-size:15px; opacity:.82; }
.mkt-page .hero .btns { display:flex; gap:14px; justify-content:center; flex-wrap:wrap; }
.mkt-page .hero a { display:inline-block; padding:13px 26px; border-radius:999px; font-weight:700; text-decoration:none; font-size:15px; }
.mkt-page .hero .primary { background:#fff; color:var(--brand-dark); }

/* SECTION */
.mkt-page section { padding:54px 0 8px; }
.mkt-page .sec-head { text-align:center; margin-bottom:36px; }
.mkt-page .sec-head .kicker { color:var(--brand); font-weight:700; letter-spacing:2px; font-size:14px; }
.mkt-page .sec-head h2 { font-size:28px; margin:8px 0 10px; color:var(--text); }
.mkt-page .sec-head p { color:var(--text-soft); max-width:640px; margin:0 auto; font-size:15px; }

/* PAIN */
.mkt-page .pains { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.mkt-page .pain { background:#fff; border:1px solid var(--border); border-radius:14px; padding:24px 20px; position:relative; }
.mkt-page .pain .no { position:absolute; top:-14px; left:20px; width:34px; height:34px; border-radius:9px; background:var(--brand); color:#fff; font-weight:800; display:flex; align-items:center; justify-content:center; font-size:15px; }
.mkt-page .pain h3 { margin:10px 0 8px; font-size:17px; }
.mkt-page .pain p { font-size:14px; color:var(--text-soft); }

/* VALUE */
.mkt-page .values { display:grid; grid-template-columns:repeat(2,1fr); gap:18px; }
.mkt-page .val { background:#fff; border:1px solid var(--border); border-left:4px solid var(--brand); border-radius:12px; padding:22px; }
.mkt-page .val h3 { font-size:17px; margin-bottom:6px; display:flex; align-items:center; gap:8px; }
.mkt-page .val h3 .ic { color:var(--brand); font-size:20px; }
.mkt-page .val p { font-size:14px; color:var(--text-soft); }

/* FEATURE MAP */
.mkt-page .fmap { background:#fff; border:1px solid var(--border); border-radius:14px; overflow:hidden; }
.mkt-page .fmap .row { display:grid; grid-template-columns:160px 1fr; gap:0; border-bottom:1px solid var(--border); }
.mkt-page .fmap .row:last-child { border-bottom:none; }
.mkt-page .fmap .lab { background:var(--brand-light); color:var(--brand-dark); font-weight:700; padding:16px 18px; font-size:15px; display:flex; align-items:center; }
.mkt-page .fmap .cnt { padding:16px 20px; font-size:14.5px; color:var(--text); }
.mkt-page .fmap .cnt b { color:var(--brand-dark); }

/* CASE */
.mkt-page .case { background:linear-gradient(135deg,#fff 0%,var(--brand-light) 100%); border:1px solid var(--border); border-radius:16px; padding:34px 30px; }
.mkt-page .case h3 { font-size:20px; color:var(--brand-dark); margin-bottom:14px; }
.mkt-page .case ul { list-style:none; display:grid; gap:12px; }
.mkt-page .case li { display:flex; gap:12px; font-size:15px; }
.mkt-page .case li .dot { color:var(--brand); font-weight:800; flex:0 0 auto; }
.mkt-page .case .quote { margin-top:20px; padding:16px 18px; background:#fff; border-left:4px solid var(--accent); border-radius:8px; font-size:14.5px; color:var(--text-soft); font-style:italic; }

/* WHY */
.mkt-page .why { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.mkt-page .why .c { background:#fff; border:1px solid var(--border); border-radius:12px; padding:22px; text-align:center; }
.mkt-page .why .c .big { font-size:30px; font-weight:800; color:var(--brand); }
.mkt-page .why .c h4 { margin:6px 0 6px; font-size:16px; }
.mkt-page .why .c p { font-size:13.5px; color:var(--text-soft); }

/* CTA */
.mkt-page .cta { background:var(--brand-dark); color:#fff; border-radius:18px; padding:46px 30px; text-align:center; margin-top:22px; }
.mkt-page .cta h2 { font-size:26px; margin-bottom:12px; }
.mkt-page .cta p { opacity:.9; max-width:600px; margin:0 auto 24px; font-size:15px; }
.mkt-page .cta .btns { display:flex; gap:14px; justify-content:center; flex-wrap:wrap; }
.mkt-page .cta a { display:inline-block; padding:13px 26px; border-radius:999px; font-weight:700; text-decoration:none; font-size:15px; }
.mkt-page .cta .primary { background:#fff; color:var(--brand-dark); }
.mkt-page .cta .ghost { border:1px solid rgba(255,255,255,.6); color:#fff; }

/* FOOT */
.mkt-page .foot { text-align:center; color:var(--text-soft); font-size:13px; margin-top:36px; line-height:2; }

@media (max-width:720px) {
  .mkt-page .pains, .mkt-page .values, .mkt-page .why { grid-template-columns:1fr; }
  .mkt-page .fmap .row { grid-template-columns:1fr; }
  .mkt-page .fmap .lab { border-bottom:1px solid var(--border); }
  .mkt-page .hero h1 { font-size:32px; }
}