:root{--red:#ff4757;--blue:#2d98da;--green:#20bf6b;--text:#2d3436;--bg:#f5f6fa;--card-bg:#ffffff}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;max-width:800px;margin:20px auto;padding:0 20px;background:var(--bg)}
a{text-decoration:none}
h3,h4,h5,h6{margin:0}
.card{background:var(--card-bg);padding:1.8rem;border-radius:1.2rem;margin:1.5rem 0;box-shadow:0 6px 15px rgba(0,0,0,.04);transition:transform .2s ease}
.current-header{display:flex;justify-content:space-between;align-items:center}
.period-info{color:var(--text);opacity:.9}
.number-container{display:grid;grid-template-columns:repeat(6,1fr) 1.2fr;gap:1.2rem;margin:1.5rem 0}
.number-group{text-align:center}
.number-item{padding:.8rem;color:#fff;font-weight:600;font-size:1.5rem;box-shadow:0 2px 6px rgba(0,0,0,.1);transition:opacity .3s ease}
.number-item.special{animation:special-glow 1s ease-in-out infinite}
@keyframes special-glow{0%,100%{opacity:1}
50%{opacity:.6}
}
.red{background:var(--red)}
.blue{background:var(--blue)}
.green{background:var(--green)}
.zodiac-item{font-size:.9rem;padding:.3rem;color:var(--text);background:#ddd;opacity:.9}
.error-message{color:var(--red);padding:1rem;border-radius:.8rem;margin:1.5rem 0;text-align:center}
.adcode{text-align:center}
.adcode .adtext{height:60px}
.adcode .adtext a{font-weight:600;font-size:2.5rem}
.adcode .adtext a:hover{color:#d00}
.adcode li{list-style:none;margin-bottom:5px}
.adcode li a{color:#000}
.adcode li img{width:100%;height:66px}
@media (max-width:600px){.card{padding:1.2rem}
.number-container{gap:.8rem}
.number-item{font-size:1rem;padding:.6rem}
}
@media (max-width: 992px) {
body{max-width:100%}
.period-info h3,.number-item{font-size:2.5rem}
.period-info h5,.zodiac-item{font-size:2rem}
.number-container{gap:.6rem}
.adcode .adtext a{font-size:3rem}
.adcode li img{height:88px}
.adcode .adtext{height:72px}
}