/* anti-rumor-refine.css — 远峰反谣言案例页版式整理 (2026-10-23). Remove the <link id="qm-anti-rumor-refine-css"> to revert. */
html body #page #content #yf-anti-rumor{--ar-w:1120px;--ar-line:#E2E3E3}

/* ---------- Title block ---------- */
html body #page #content #yf-anti-rumor .yf-title-block{padding-bottom:64px!important}
html body #page #content #yf-anti-rumor .yf-summary{padding:28px 32px!important;border-radius:12px;background:#F4F4F4!important;color:#393c41!important}

/* ---------- Client / meta strip: same 1120px column as the sections ---------- */
html body #page #content #yf-anti-rumor .yf-header{max-width:calc(var(--ar-w) + 2 * var(--qyf-gutter))!important;grid-template-columns:minmax(0,1fr) minmax(0,2fr)!important;gap:40px!important;padding-bottom:64px!important;align-items:center!important}
html body #page #content #yf-anti-rumor .yf-header::before{content:"";grid-column:1/-1;height:1px;background:var(--ar-line);margin-bottom:8px}
html body #page #content #yf-anti-rumor .yf-header::after{content:"";grid-column:1/-1;height:1px;background:var(--ar-line);margin-top:8px}
html body #page #content #yf-anti-rumor .yf-brand-block{align-items:center!important}
html body #page #content #yf-anti-rumor .yf-logo{width:56px!important;height:56px!important;font-size:20px!important;border-radius:8px!important;flex-shrink:0}
html body #page #content #yf-anti-rumor .yf-meta-info{gap:0!important}
html body #page #content #yf-anti-rumor .yf-meta-item{padding:4px 28px;box-shadow:inset 1px 0 0 var(--ar-line)}

/* ---------- Section headings ---------- */
html body #page #content #yf-anti-rumor .yf-section{padding-block:96px!important}
html body #page #content #yf-anti-rumor .yf-section-header{font-size:clamp(26px,2.6vw,36px)!important;margin-bottom:48px!important;padding-bottom:20px;border-bottom:1px solid var(--ar-line)}
html body #page #content #yf-anti-rumor :is(#qyf-response,#qyf-resilience) .yf-section-header{border-color:#D0D1D2}

/* Background vs challenge: two even panels */
html body #page #content #yf-anti-rumor .yf-section > .yf-grid-2{gap:24px!important}
html body #page #content #yf-anti-rumor .yf-section > .yf-grid-2 > *{padding:36px;border:1px solid var(--ar-line);border-radius:12px}
html body #page #content #yf-anti-rumor .yf-list-item:last-child{margin-bottom:0!important}

/* ---------- Response timeline: vertical rail with milestones ---------- */
html body #page #content #yf-anti-rumor .yf-timeline{gap:0!important;position:relative}
html body #page #content #yf-anti-rumor .yf-timeline-item{position:relative;grid-template-columns:200px minmax(0,1fr)!important;gap:48px!important;padding:32px 0 32px 36px!important;margin:0!important;border-top:1px solid #D0D1D2}
html body #page #content #yf-anti-rumor .yf-timeline-item:last-child{border-bottom:1px solid #D0D1D2}
html body #page #content #yf-anti-rumor .yf-timeline-item::before{content:"";position:absolute;left:0;top:44px;width:11px;height:11px;border-radius:50%;background:#171a20;box-shadow:0 0 0 4px #F4F4F4,0 0 0 5px #171a20}
html body #page #content #yf-anti-rumor .yf-time-badge{font-size:34px!important;line-height:1.1!important}
html body #page #content #yf-anti-rumor .yf-timeline-box{background:none!important;padding:0!important;color:#393c41!important}

/* ---------- Fact check: rumor vs fact, clearly paired ---------- */
html body #page #content #yf-anti-rumor .yf-fact-grid{gap:24px!important}
html body #page #content #yf-anti-rumor .yf-fact-col{padding:36px!important;border-radius:12px!important}
html body #page #content #yf-anti-rumor .yf-col-rumor{background:#F4F4F4!important}
html body #page #content #yf-anti-rumor .yf-col-fact{background:#171a20!important}
html body #page #content #yf-anti-rumor .yf-col-fact :is(.yf-fact-header,strong){color:#fff!important}
html body #page #content #yf-anti-rumor .yf-col-fact li{color:rgba(255,255,255,.78)!important}
html body #page #content #yf-anti-rumor .yf-fact-header{display:flex;align-items:center;gap:12px}
html body #page #content #yf-anti-rumor .yf-fact-header::before{font-size:12px;font-weight:500;letter-spacing:.08em;padding:4px 10px;border-radius:4px}
html body #page #content #yf-anti-rumor .yf-col-rumor .yf-fact-header::before{content:"谣言";background:#fff;color:#5c5e62}
html body #page #content #yf-anti-rumor .yf-col-fact .yf-fact-header::before{content:"事实";background:#fff;color:#171a20}
html body #page #content #yf-anti-rumor .yf-rumor-list li{padding:14px 0!important;margin:0!important;border-top:1px solid rgba(0,0,0,.08)}
html body #page #content #yf-anti-rumor .yf-col-fact .yf-rumor-list li{border-top-color:rgba(255,255,255,.12)}
html body #page #content #yf-anti-rumor .yf-col-rumor .yf-rumor-list li{text-decoration:line-through;text-decoration-color:rgba(0,0,0,.25)}

/* ---------- Firewall: four measures as cards ---------- */
html body #page #content #yf-anti-rumor .yf-check-list{gap:16px!important}
html body #page #content #yf-anti-rumor .yf-check-item{background:#fff;border-radius:12px;padding:28px!important;grid-template-columns:36px minmax(0,1fr)!important}
html body #page #content #yf-anti-rumor .yf-check-item::before{font-size:14px!important;font-weight:500;color:#171a20!important;padding-top:3px}

/* ---------- Footer aligned to the content column ---------- */
html body #page #content #yf-anti-rumor .yf-footer{max-width:var(--ar-w);margin:0 auto!important;padding-inline:0!important;box-sizing:content-box}

@media (max-width:1264px){html body #page #content #yf-anti-rumor .yf-footer{padding-inline:var(--qyf-gutter)!important}}
@media (max-width:767px){
  html body #page #content #yf-anti-rumor .yf-header{grid-template-columns:1fr!important;gap:24px!important}
  html body #page #content #yf-anti-rumor .yf-meta-item{padding:0;box-shadow:none}
  html body #page #content #yf-anti-rumor .yf-meta-info{gap:20px!important}
  html body #page #content #yf-anti-rumor .yf-section{padding-block:64px!important}
  html body #page #content #yf-anti-rumor .yf-section > .yf-grid-2 > *,html body #page #content #yf-anti-rumor .yf-fact-col{padding:24px!important}
  html body #page #content #yf-anti-rumor .yf-timeline-item{grid-template-columns:1fr!important;gap:12px!important;padding:24px 0 24px 28px!important}
  html body #page #content #yf-anti-rumor .yf-timeline-item::before{top:34px}
  html body #page #content #yf-anti-rumor .yf-time-badge{font-size:28px!important}
  html body #page #content #yf-anti-rumor .yf-summary{padding:20px!important}
  html body #page #content #yf-anti-rumor .yf-check-list{grid-template-columns:1fr!important}
}