/* 168cpkj.com · 彩票走势图（图表阅读页）专属版式，前缀 zst- */

.zst-hero{padding:32px 0 8px}
.zst-hero h1{max-width:22em}
.zst-note{display:block;margin-top:14px;font-size:15px;color:var(--ink-2)}

.zst-anatomy,.zst-types,.zst-order,.zst-scan,.zst-lines,.zst-marks,
.zst-mobile,.zst-pitfalls,.zst-when,.zst-practice,.zst-faq,.zst-links,.zst-close{padding:22px 0}
.zst-anatomy,.zst-types,.zst-order{padding-top:26px}

.zst-axes{margin:0;padding:0;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.zst-axes dt{color:var(--brand);font-size:15px;padding-bottom:4px;border-bottom:2px solid var(--line)}
.zst-axes dd{margin:0;color:var(--ink-2);font-size:15px}

.zst-table{font-size:15px}
.zst-table caption{font-style:italic}
.zst-table-sm{max-width:760px}
.zst-table tbody tr:nth-child(even){background:#fafcfd}

.zst-steps{counter-reset:zst;list-style:none;padding-left:0;display:grid;gap:10px}
.zst-steps li{counter-increment:zst;position:relative;padding:8px 14px 8px 46px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-sm)}
.zst-steps li::before{content:counter(zst);position:absolute;left:12px;top:8px;width:22px;height:22px;border-radius:50%;background:var(--accent);color:#fff;font-size:13px;font-weight:700;display:grid;place-items:center}

.zst-quote{margin:0;font-size:16px}

.zst-list,.zst-mobile-list,.zst-links-list{padding-left:1.25em}
.zst-list li,.zst-mobile-list li,.zst-links-list li{margin:.4em 0}
.zst-mobile-list li::marker{color:var(--accent)}

.zst-marks-dl{margin:0;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.zst-marks-dl dt{font-weight:700;color:var(--ink)}
.zst-marks-dl dd{margin:0;color:var(--ink-2);font-size:15px;padding-left:0}

.zst-det{margin-bottom:8px}
.zst-det summary{color:var(--ink);font-size:15.5px}
.zst-det p{margin:.4em 0 .7em;color:var(--ink-2)}

.zst-links-list{list-style:none;padding-left:0;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.zst-links-list li{background:var(--card);border:1px solid var(--line);border-left:3px solid var(--brand);border-radius:var(--r-sm);padding:8px 12px;font-size:15px}
.zst-links-list a{font-weight:700}

.zst-close{border-top:1px solid var(--line);margin-top:12px}

@media (max-width:640px){
  .zst-axes,.zst-marks-dl{grid-template-columns:1fr}
  .zst-table{font-size:14px}
  .zst-table th,.zst-table td{padding:.45em .5em}
}