:root{--red:#ff4757;--blue:#2d98da;--green:#20bf6b;--text:#2d3436;--bg:#f5f6fa;--card-bg:#ffffff;--main-color:#fff;--depth:12px}
body{font-family:Noto Sans TC,sans-serif;max-width:800px;margin:20px auto;padding:0 20px;background:var(--bg)}
header{display:flex;justify-content:space-between;align-items:baseline}
header p{margin:0;font-size:2rem}
header strong{color:#00f;padding:0 15px 0 5px;font-size:2rem}
header .logo{font-size:5rem;font-weight:900;letter-spacing:2px;color:var(--main-color);text-shadow:1px 1px 0 #ff4d4d,2px 2px 0 #f33,3px 3px 0 #ff1a1a,4px 4px 0 red,5px 5px 0 #e60000,6px 6px 0 #c00,-1px -1px 1px #ffb3b3,-2px -2px 2px #f99;transition:all .4s cubic-bezier(.175, .885, .32, 1.275)}
a{text-decoration:none}
h3,h4,h5,h6{margin:0}
li{list-style:none}
.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}
.card img{max-width:100%}
.card.tuyuan h3{margin-bottom:.8rem}
.card.tuyuan a{color:#666;padding-right:1rem}
.amkj,.current-header{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 .error-card,.number-grid .loading{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{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)}
}
footer{text-align:center}
@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:2.5rem}
header .logo{font-size:6rem}
.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}
.adcode li a,.card.tuyuan a,.card.tuyuan h3,.zodiac,.zodiac-item,footer{font-size:2.5rem}
}