/* 168pk10.com 首页专属版式（class 前缀 mjh-）
   基础层在 /css/base.css（深墨底令牌/导航/页脚/Hero 外壳），此处只写本页独有布局。 */

.mjh-intro{padding-top:clamp(20px,3vw,30px)}
.mjh-intro .mjh-lede{font-size:clamp(16px,1.8vw,18px);color:var(--text);max-width:62ch}
.mjh-intro p{max-width:64ch}

.mjh-overview .mjh-table{margin-top:6px}
.mjh-table caption{color:var(--text-3)}

.mjh-nav-list{display:grid;gap:10px;padding-left:0;list-style:none;margin-top:8px}
.mjh-nav-list li{position:relative;padding:12px 16px 12px 18px;background:var(--ink-2);border:1px solid var(--line);border-left:3px solid var(--brand);border-radius:0 var(--r-sm) var(--r-sm) 0}
.mjh-nav-list a{font-weight:700}
.mjh-nav-list li::marker{content:""}

.mjh-points-list{columns:2;column-gap:28px;padding-left:1.4em}
.mjh-points-list li{break-inside:avoid}

.mjh-timeline-list{counter-reset:mjh-step;list-style:none;padding-left:0}
.mjh-timeline-list li{counter-increment:mjh-step;position:relative;padding:10px 0 10px 46px;border-bottom:1px dashed var(--line)}
.mjh-timeline-list li::before{content:counter(mjh-step);position:absolute;left:0;top:9px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--brand-soft);color:var(--brand);font-weight:800;font-size:14px}
.mjh-timeline-list strong{color:var(--text)}

.mjh-stats-dl{display:grid;grid-template-columns:minmax(120px,180px) 1fr;gap:4px 20px;margin-top:8px}
.mjh-stats-dl dt{color:var(--gold);font-weight:700}
.mjh-stats-dl dd{margin:0;padding-bottom:10px;border-bottom:1px solid var(--line)}

.mjh-room-note{margin-top:10px;border-style:solid;border-left:3px solid var(--accent)}
.mjh-room-note p{margin:0;color:var(--text-2)}

.mjh-quote{margin-top:10px;background:linear-gradient(180deg,var(--ink-2),var(--ink-3));border-left:4px solid var(--gold)}
.mjh-quote p{color:var(--text);font-size:17px}
.mjh-quote cite{display:block;margin-top:6px;color:var(--text-3);font-style:normal;font-size:14px}

.mjh-howto-steps{counter-reset:mjh-h;list-style:none;padding-left:0}
.mjh-howto-steps li{counter-increment:mjh-h;padding:8px 0 8px 40px;position:relative}
.mjh-howto-steps li::before{content:"0" counter(mjh-h);position:absolute;left:0;top:8px;color:var(--accent);font-weight:800;font-family:var(--mono)}

.mjh-faq-item{margin-bottom:8px}
.mjh-faq-item p{margin:.2em 0 .8em;color:var(--text-2)}

.mjh-terms-dl{display:grid;grid-template-columns:minmax(90px,140px) 1fr;gap:2px 18px}
.mjh-terms-dl dt{color:var(--text);font-weight:700}
.mjh-terms-dl dd{margin:0;padding-bottom:8px;border-bottom:1px solid var(--line)}

.mjh-audience-list,.mjh-more-list{display:grid;gap:8px;padding-left:1.3em}
.mjh-more-list a{font-weight:600}

.mjh-end p{max-width:66ch}
.mjh-end{border-top:2px solid var(--brand-soft)}

@media (max-width:640px){
  .mjh-points-list{columns:1}
  .mjh-stats-dl,.mjh-terms-dl{grid-template-columns:1fr;gap:2px}
  .mjh-stats-dl dt,.mjh-terms-dl dt{margin-top:8px}
}