:root{--red:#ff4757;--blue:#2d98da;--green:#20bf6b;--text:#2d3436;--bg:#f5f6fa;--card-bg:#ffffff}
body{font-family:Noto Sans TC,sans-serif;max-width:800px;margin:20px auto;padding:0 20px;background:var(--bg)}
header,footer{text-align:center}
header p{margin:0;font-size:1.6rem}
header strong,header span{color:#00f;padding:0 5px}
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,.amkj{display:flex;justify-content:space-between;align-items:center}
.kjjl a{background:#d00;color:#fff;padding:1px 8px 2px;border-radius:8px}
.period-info{color:var(--text);opacity:.9}
.number-container{display:grid;grid-template-columns:repeat(6,1fr) 1.1fr;gap:1rem;margin:1rem 0 0}
.number-group{text-align:center}
.number-item{color:#fff;font-weight:700;font-size:3rem;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}
.number-grid .loading,.number-grid .error-card{display:block ruby}
@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:1.8rem;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}
.number-grid{display:grid;grid-template-columns:repeat(6,1fr) 1.1fr;gap:1rem;border-radius:8px;margin:1rem 0 0}
.number-card{position:relative;border-radius:8px;text-align:center;color:#fff}
.number-card.blue{background:var(--blue)}
.number-card.red{background:var(--red)}
.number-card.green{background:var(--green)}
.number{font-size:3rem;font-weight:700}
.zodiac{font-size:1.8rem;opacity:.9;background:#fff;color:#000;text-align:center}
.number-card.special{position:relative;transform:scale(1.1);animation:pulse 1.5s infinite}
@keyframes pulse{0%{transform:scale(1)}
50%{transform:scale(1.05)}
100%{transform:scale(1)}
}
@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%}
header p{font-size:1.85rem}
.kjjl a{font-size:2rem}
.adcode .adtext a{font-size:3rem}
.adcode li img{height:88px}
.adcode .adtext{height:72px}
.period h3,.period-info h3{font-size:2.5rem}
.number-container,.number-grid{gap:.6rem}
}