/* community-refine.css — 社群营销页版式整理 (2026-10-23). Remove the <link id="qm-community-refine-css"> to revert. */
html body{--cr-ink:#171A20;--cr-card:#202329;--cr-line:rgba(255,255,255,.1);--cr-mute:#A2A3A5;--cr-light:#F4F4F4}

/* Bottom “浏览专业能力目录 / 浏览案例” links were picked up by the page's global `nav{position:fixed}` and floated over the header */
html:not(#qmT):not(#qmC) body nav.ql-text-links{position:static!important;background:none!important;backdrop-filter:none!important;border:0!important;z-index:auto!important}

/* ---------- Hero ---------- */
html body .hero{min-height:82vh!important}
html body .hero h1{font-size:clamp(48px,6.4vw,92px)!important;line-height:1.08!important;color:#fff!important;-webkit-text-fill-color:#fff!important;background:none!important;margin-bottom:28px!important}
html body .hero-subtitle{font-size:clamp(17px,1.6vw,22px)!important;line-height:1.75!important;color:var(--cr-mute)!important;margin-bottom:44px!important}
html body .hero-subtitle strong{color:#fff!important}
html body .btn{min-width:180px;padding:14px 32px!important;border-radius:4px!important;font-size:15px!important;font-weight:500!important;letter-spacing:.04em;transform:none!important}
html body .btn-primary{background:#fff!important;color:var(--cr-ink)!important;border:1px solid #fff!important}
html body .btn-primary:hover{background:#E2E3E3!important;border-color:#E2E3E3!important}
html body .btn-secondary{background:transparent!important;color:#fff!important;border:1px solid rgba(255,255,255,.45)!important}
html body .btn-secondary:hover{background:rgba(255,255,255,.08)!important;border-color:#fff!important}

/* ---------- Section rhythm: dark / light alternation ---------- */
html body .section-title{font-size:clamp(32px,3.4vw,48px)!important;margin-bottom:clamp(40px,5vw,72px)!important}
html body .split-section,html body .stats-section,html body .testimonial-section{background:var(--cr-light)!important;--text:#171A20;--text-dim:#5C5E62;color:#171A20}
html body .split-section .section-title,html body .stats-section .section-title,html body .testimonial-section .section-title{color:#171A20!important}

/* Manifesto */
html body .manifesto p{font-size:clamp(20px,2.2vw,28px)!important;line-height:1.7!important;margin-bottom:6px!important;color:var(--cr-mute)!important}
html body .manifesto p strong{color:#fff!important;margin-top:28px!important;font-size:clamp(24px,2.6vw,34px)!important;font-weight:500!important}

/* Problem vs answer */
html body .split-grid{margin-top:0!important;gap:clamp(24px,3vw,40px)!important}
html body .split-col{background:#fff;border-radius:12px;padding:clamp(28px,3vw,44px)}
html body .split-col h3{font-size:22px!important;font-weight:500!important;color:#171A20!important;margin-bottom:8px!important;padding-bottom:20px;border-bottom:1px solid #E2E3E3}
html body .split-col:last-child h3::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#3E6AE1;margin:0 10px 3px 0}
html body .split-col .card{background:none!important;border:0!important;border-bottom:1px solid #EEE!important;border-radius:0!important;padding:22px 0!important;margin:0!important;transform:none!important}
html body .split-col .card:last-child{border-bottom:0!important;padding-bottom:0!important}
html body .split-col .card h4{color:#171A20!important;font-size:17px!important;font-weight:500!important;margin-bottom:6px!important}
html body .split-col .card p{color:#5C5E62!important;font-size:15px!important}

/* Method */
html body .method-grid{margin-top:0!important;gap:20px!important}
html body .method-card{background:var(--cr-card)!important;border:1px solid var(--cr-line)!important;border-radius:12px!important;padding:36px 32px!important;transform:none!important}
html body .method-card:hover{border-color:rgba(255,255,255,.28)!important;background:#25282f!important}
html body .method-number{background:none!important;color:var(--cr-mute)!important;padding:0!important;border-radius:0!important;font-size:13px!important;font-weight:500!important;letter-spacing:.12em;margin-bottom:20px!important}
html body .method-card h3{font-size:22px!important;color:#fff!important;margin-bottom:12px!important}
html body .method-card p{font-size:15px!important;line-height:1.7!important;margin-bottom:22px!important;padding-bottom:22px;border-bottom:1px solid var(--cr-line)}
html body .method-card li{font-size:14px!important;margin-bottom:8px!important}

/* Stats */
html body .stats-grid{gap:0!important;background:#fff;border-radius:12px;overflow:hidden}
html body .stat-card{background:none!important;border:0!important;border-radius:0!important;padding:44px 20px!important;transform:none!important;box-shadow:inset 1px 0 0 #E2E3E3}
html body .stat-card:first-child{box-shadow:none}
html body .stat-value{color:#171A20!important;font-size:clamp(40px,4.4vw,60px)!important;font-weight:500!important;letter-spacing:-.02em}
html body .stat-label{color:#5C5E62!important;font-size:15px!important}

/* Cases */
html body .case-card{background:var(--cr-card)!important;border:1px solid var(--cr-line)!important;border-radius:12px!important;padding:clamp(28px,4vw,56px)!important;margin-bottom:24px!important}
html body .case-card:hover{border-color:rgba(255,255,255,.24)!important}
html body .case-tag{background:none!important;color:var(--cr-mute)!important;border:1px solid rgba(255,255,255,.3);padding:5px 14px!important;font-size:13px!important;font-weight:500!important}
html body .case-title{font-size:clamp(24px,2.4vw,32px)!important;color:#fff!important}
html body .case-desc{font-size:16px!important;max-width:52em;margin-bottom:36px!important}
html body .case-metrics{gap:0!important;border-top:1px solid var(--cr-line);border-bottom:1px solid var(--cr-line);margin-bottom:32px!important}
html body .metric{background:none!important;border-radius:0!important;padding:28px 12px!important;transform:none!important;box-shadow:inset 1px 0 0 var(--cr-line)}
html body .metric:first-child{box-shadow:none}
html body .metric-value{color:#fff!important;font-size:clamp(28px,2.8vw,40px)!important;font-weight:500!important}
html body .quote{border-left:2px solid rgba(255,255,255,.4)!important;font-style:normal!important;font-size:15px!important}

/* Testimonials */
html body .testimonial{background:#fff!important;border:0!important;border-radius:12px!important;padding:32px!important;transform:none!important;display:flex;flex-direction:column;justify-content:space-between}
html body .testimonial-text{color:#171A20!important;font-size:16px!important;line-height:1.8!important}
html body .author-avatar{background:#171A20!important;color:#fff!important}
html body .testimonial .author-info h4{color:#171A20!important}
html body .testimonial .author-info p{color:#5C5E62!important}

/* FAQ */
html body .faq-item{background:none!important;border:0!important;border-bottom:1px solid var(--cr-line)!important;border-radius:0!important;padding:24px 0!important;margin:0!important}
html body .faq-item:first-child{border-top:1px solid var(--cr-line)!important}
html body .faq-question{font-size:17px!important;font-weight:500!important;color:#fff}
html body .faq-question span:last-child{color:#fff!important;font-weight:300}

/* CTA */
html body .cta h2{font-size:clamp(34px,3.8vw,56px)!important;line-height:1.2!important}
html body .cta-phone{color:#fff!important;font-weight:500!important;letter-spacing:.02em}

@media (max-width:768px){
  html body .stats-grid{grid-template-columns:repeat(2,1fr)!important}
  html body .stat-card:nth-child(3){box-shadow:none}
  html body .stat-card:nth-child(n+3){border-top:1px solid #E2E3E3!important}
  html body .case-metrics{grid-template-columns:repeat(2,1fr)!important}
  html body .metric:nth-child(3){box-shadow:none}
  html body .btn{min-width:0;flex:1}
}