:root{--blue:#3498db;--red:#e74c3c;--green:#2ecc71;--text:#2c3e50}
body{font-family:"微軟正黑體",Arial,Helvetica,Verdana;background:#f8f9fa;padding:20px 0;margin:0}
.container{max-width:800px;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.1);padding:2rem}
.container.post{margin-top:25px}
.container.post li{padding:5px 0}
.container.post li a{font-size:24px;font-weight:600;color:#000}
.container.post li a:hover{background:#ff0}
.number-grid{display:grid;grid-template-columns:repeat(6,1fr) 1.2fr;gap:1.5rem;margin:2rem 0}
.number-card{position:relative;border-radius:8px;padding:1rem 0 0;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:2rem;font-weight:700;margin-bottom:.5rem}
.zodiac{font-size:1.5rem;opacity:.9;background:#fff;color:#000}
.period{font-size:1.2rem;color:var(--text);margin-bottom:.5rem}
.number-card.special{position:relative;transform:scale(1.1);box-shadow:0 0 15px rgba(231,76,60,.5);animation:pulse 1.5s infinite}
.number-card.special::after{content:"特码";position:absolute;bottom:-25px;left:50%;transform:translateX(-50%);color:#e74c3c;font-size:.8rem;font-weight:700;white-space:nowrap}
@keyframes pulse{0%{transform:scale(1)}
50%{transform:scale(1.05)}
100%{transform:scale(1)}
}
@media (max-width: 992px) {
.number-grid{gap:.5rem}
.container{max-width:100%}
.period,.zodiac{font-size:2.5rem}
.number{font-size:3rem}
}