/* caipiaoruanjian.html 专属版式：开奖数据整理与查看工具页。前缀 rj- */

.rj-lead{padding:34px 0 10px}
.rj-lead-in{max-width:820px}
.rj-kicker{margin:0 0 .5em;font-size:13px;letter-spacing:.14em;color:var(--brand);text-transform:uppercase}
.rj-lead h1{margin-bottom:.5em}
.rj-sub{font-size:17px;color:var(--ink-2)}
.rj-facts-title{margin:1.4em 0 .6em;font-size:16px;color:var(--ink-3);letter-spacing:.04em}
.rj-facts{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.rj-facts li{position:relative;padding:10px 14px 10px 34px;background:var(--card);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:var(--r-sm);font-size:15px;color:var(--ink-2)}
.rj-facts li::before{content:"›";position:absolute;left:14px;top:10px;color:var(--accent);font-weight:700}

.rj-func,.rj-steps,.rj-scene,.rj-compare,.rj-device,.rj-scope,.rj-search,.rj-display,.rj-export,.rj-freq,.rj-myth,.rj-faq,.rj-links{padding:26px 0}
.rj-func .wrap,.rj-steps .wrap,.rj-scene .wrap,.rj-device .wrap,.rj-scope .wrap,.rj-search .wrap,.rj-display .wrap,.rj-export .wrap,.rj-myth .wrap,.rj-faq .wrap,.rj-links .wrap{max-width:900px}
.rj-compare .wrap,.rj-freq .wrap{max-width:980px}

.rj-dl{display:grid;grid-template-columns:minmax(120px,180px) 1fr;gap:0;background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin:0}
.rj-dl dt{margin:0;padding:12px 16px;background:var(--accent-soft);color:var(--ink);border-top:1px solid var(--line);font-size:15px}
.rj-dl dd{margin:0;padding:12px 16px;border-top:1px solid var(--line);color:var(--ink-2);font-size:15px}
.rj-dl dt:first-of-type,.rj-dl dd:first-of-type{border-top:0}

.rj-ol{counter-reset:rj;list-style:none;padding:0;margin:0}
.rj-ol li{counter-increment:rj;position:relative;padding:12px 0 12px 48px;border-bottom:1px dashed var(--line-2)}
.rj-ol li:last-child{border-bottom:0}
.rj-ol li::before{content:counter(rj,decimal-leading-zero);position:absolute;left:0;top:12px;width:32px;height:32px;display:grid;place-items:center;background:var(--brand);color:#fff;border-radius:50%;font-size:13px;font-weight:700}
.rj-ol strong{color:var(--ink)}

.rj-ul{list-style:none;padding:0;margin:0}
.rj-ul li{position:relative;padding:9px 0 9px 22px}
.rj-ul li::before{content:"";position:absolute;left:2px;top:18px;width:8px;height:8px;background:var(--accent);border-radius:2px}
.rj-scene .rj-ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2px 22px}

.rj-table{font-size:15px}
.rj-table td:first-child{color:var(--ink-2)}
.rj-env td:nth-child(2),.rj-freq-table td:nth-child(2){white-space:nowrap;color:var(--ink-3)}

.rj-aside{margin:1.2em 0}
.rj-aside p:last-child{margin-bottom:0}

.rj-myth blockquote{font-size:16px;border-left-width:5px}
.rj-myth-list li::before{background:var(--brand)}

.rj-faq details{border-left:3px solid var(--accent)}
.rj-faq summary{color:var(--ink)}
.rj-faq p{color:var(--ink-2);font-size:15px}

.rj-links-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:4px 22px}
.rj-links-list li{padding:8px 0;border-bottom:1px solid var(--line)}
.rj-links-list a{font-weight:600}

@media (max-width:620px){
  .rj-dl{grid-template-columns:1fr}
  .rj-dl dt{border-top:1px solid var(--line)}
  .rj-dl dd{border-top:0;padding-top:0}
  .rj-scene .rj-ul{grid-template-columns:1fr}
}
