*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:"Segoe UI","Microsoft YaHei",Arial,sans-serif;background:#f4f6f8;color:#1e252d}.site{max-width:1180px;margin:0 auto;padding:0 18px}.topbar{height:92px;display:flex;align-items:center;justify-content:space-between}.logo-link{display:flex;align-items:center;height:76px}.site-logo{display:block;width:auto;height:76px;object-fit:contain}.secure{font-size:13px;color:#7d8792}.carousel{position:relative;overflow:hidden;height:235px;border-radius:14px;background:#e9edf1;box-shadow:0 7px 28px rgba(20,30,45,.07);margin-bottom:20px}.slides{height:100%;display:flex;transition:transform .5s ease}.slide{min-width:100%;height:100%;display:flex;align-items:center;padding:0 8%;position:relative;overflow:hidden}.slide:before,.slide:after{content:"";position:absolute;border-radius:50%;opacity:.25}.slide:before{width:330px;height:330px;right:-70px;top:-130px;background:#fff}.slide:after{width:220px;height:220px;right:160px;bottom:-140px;background:#fff}.slide>div{position:relative;z-index:1;color:#fff}.slide strong{display:block;font-size:34px;letter-spacing:2px;margin-bottom:10px}.slide span{font-size:15px;opacity:.9}.slide-a{background:linear-gradient(115deg,#1671b8,#4b9bd1)}.slide-b{background:linear-gradient(115deg,#078f79,#41bda6)}.slide-c{background:linear-gradient(115deg,#343b45,#727d8a)}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border:0;border-radius:50%;background:rgba(255,255,255,.8);font-size:30px;line-height:35px;color:#303840;cursor:pointer}.carousel-btn:hover{background:#fff}.carousel-btn.prev{left:18px}.carousel-btn.next{right:18px}.dots{position:absolute;bottom:14px;left:0;right:0;text-align:center}.dot{width:8px;height:8px;border:0;padding:0;margin:0 4px;border-radius:50%;background:rgba(255,255,255,.55);cursor:pointer}.dot.active{width:22px;border-radius:5px;background:#fff}.card{background:#fff;border:1px solid #e5e9ed;border-radius:13px;box-shadow:0 6px 24px rgba(20,28,40,.04);margin-bottom:18px}.latest-card{padding:27px 28px}.history-card{padding:24px 28px}.section-title{font-size:20px;font-weight:700}.section-head{display:flex;justify-content:space-between;align-items:center}.hint,.muted{font-size:13px;color:#8a939d}.loading{text-align:center;padding:34px 0;color:#8a939d}.empty{text-align:center;padding:35px 0}.period{text-align:center;font-size:28px;font-weight:700;margin:20px 0 5px}.draw-time{text-align:center;color:#808995;font-size:13px}.number-line{display:flex;align-items:flex-start;justify-content:center;gap:15px;margin:27px auto 5px;flex-wrap:nowrap}.number-item{width:60px;text-align:center;flex:0 0 60px}.number-item img{display:block;width:60px;height:60px}.zodiac{display:block;color:#111;font-size:15px;font-weight:600;line-height:22px;margin-top:2px;min-height:22px}.plus{font-size:25px;font-weight:600;line-height:60px;color:#111;margin:0 2px}.table-wrap{overflow:auto;margin-top:18px}table{width:100%;border-collapse:collapse;min-width:820px}th,td{padding:14px 12px;text-align:left;border-bottom:1px solid #edf0f3;font-size:14px;vertical-align:middle}th{background:#fafbfc;color:#66707b;font-weight:600}.period-cell{font-weight:600;white-space:nowrap}.number-line.compact{justify-content:flex-start;gap:7px;margin:0}.number-line.compact .number-item{width:43px;flex-basis:43px}.number-line.compact .number-item img{width:43px;height:43px}.number-line.compact .zodiac{font-size:12px;line-height:18px;min-height:18px}.number-line.compact .plus{font-size:20px;line-height:43px;margin:0}.pager{display:flex;align-items:center;justify-content:center;gap:18px;padding-top:20px}.pager button{border:1px solid #dce1e6;background:#fff;border-radius:7px;padding:8px 14px;cursor:pointer;color:#303841}.pager button:disabled{opacity:.4;cursor:not-allowed}footer{text-align:center;padding:28px;color:#9aa2aa;font-size:12px}.admin-bg{background:#f1f3f6}.admin-shell{max-width:1180px;margin:auto;padding:20px}.admin-shell.narrow{max-width:900px}.adminbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;padding:12px 2px}.adminbar a{color:#3b4652;text-decoration:none;margin-right:12px}.inline{display:inline}.toolbar{background:#fff;border:1px solid #e3e6ea;border-radius:10px;padding:14px 16px;display:flex;justify-content:space-between;margin-bottom:12px}.btn,.adminbar button{display:inline-block;border:1px solid #dfe3e8;background:#fff;border-radius:7px;padding:8px 13px;color:#333;text-decoration:none;cursor:pointer}.primary{background:#20242b!important;color:#fff!important;border-color:#20242b!important}.danger-link{border:0;background:none;color:#b42318;cursor:pointer}.form-card,.login-card{background:#fff;border:1px solid #e7e9ed;border-radius:12px;box-shadow:0 6px 24px rgba(20,28,40,.04);padding:24px}.form-card label,.login-card label{display:block;font-size:13px;color:#5d6671;margin:13px 0 6px}.form-card input,.login-card input{width:100%;padding:11px 12px;border:1px solid #dfe3e8;border-radius:7px;font-size:14px}.grid7{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.error{background:#fff0ef;border:1px solid #ffd2ce;color:#a11a13;padding:10px 12px;border-radius:7px;margin-bottom:14px}.success{background:#effaf1;border:1px solid #c9ebcf;color:#216b2c;padding:10px 12px;border-radius:7px;margin-bottom:14px}.login-card{max-width:390px;margin:12vh auto}.login-card h1{margin:0}.login-card .primary{width:100%;margin-top:20px;padding:11px}.center{text-align:center;padding:18vh 20px}.center h1{font-size:64px;margin:0}@media(max-width:720px){.site{padding:0 10px}.topbar{height:76px}.site-logo{height:62px}.secure{font-size:11px}.carousel{height:170px;border-radius:10px}.slide{padding:0 12%}.slide strong{font-size:25px}.slide span{font-size:12px}.carousel-btn{width:34px;height:34px;font-size:25px}.carousel-btn.prev{left:10px}.carousel-btn.next{right:10px}.latest-card,.history-card{padding:18px 14px}.number-line{gap:7px}.number-item{width:45px;flex-basis:45px}.number-item img{width:45px;height:45px}.zodiac{font-size:13px}.plus{font-size:21px;line-height:45px}.number-line.compact{min-width:570px}.grid7{grid-template-columns:repeat(2,1fr)}.adminbar,.toolbar{gap:10px;align-items:flex-start;flex-direction:column}}


.latest-head{
display:flex;
justify-content:space-between;
align-items:center;
border:1px solid #1b4da1;
padding:15px 24px;
margin:-27px -28px 20px;
color:#17469e;
font-size:20px;
font-weight:bold;
}
.period,.period-cell{
color:#e60012;
font-weight:bold;
}
.history-card table th{
background:#eee;
text-align:center;
}
.history-card table td{
text-align:center;
}
@media(max-width:720px){
.latest-head{
margin:-18px -14px 18px;
font-size:15px;
padding:12px;
}
}

/* V5 exact layout overrides */
.latest-card{padding:0 28px 28px!important}
.latest-titlebar{height:70px;margin:0 -28px 0;padding:0 25px;display:flex;align-items:center;justify-content:space-between;border:1px solid #17469e;color:#17469e;font-size:20px;font-weight:800}
.latest-meta{display:flex;align-items:center;justify-content:flex-start;gap:22px;margin:35px auto 0;max-width:900px}
.latest-period,.history-period{color:#e60012!important;font-weight:800!important;font-size:18px}
.draw-time{color:#555;font-size:14px}
.latest-card .number-line{margin-top:28px;margin-bottom:22px}
.history-card{padding:0 28px 24px!important;overflow:hidden}
.history-title{font-size:22px;font-weight:800;padding:25px 0 20px}
.draw-table{border:1px solid #d3d3d3;border-collapse:collapse}
.draw-table th{background:#efefef!important;color:#333!important;font-size:17px;font-weight:800;text-align:center!important;border:1px solid #d3d3d3;padding:12px}
.draw-table td{text-align:center!important;border:1px solid #d3d3d3;padding:15px 12px}
.draw-table tbody tr{height:110px}
.draw-table .number-line.compact{justify-content:center!important;min-width:520px}
footer{color:#999}
@media(max-width:720px){
 .latest-card{padding:0 14px 18px!important}
 .latest-titlebar{height:auto;min-height:58px;margin:0 -14px;padding:10px 12px;font-size:15px;gap:10px}
 .latest-meta{margin-top:22px;gap:12px;flex-wrap:wrap}
 .latest-period{font-size:16px}
 .history-card{padding:0 12px 18px!important}
 .history-title{font-size:19px;padding:18px 0 14px}
}

/* V6 confirmed target appearance */
.latest-meta{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:center!important;
  gap:8px!important;
  margin:34px auto 0!important;
  text-align:center!important;
}
.latest-period{
  color:#e60012!important;
  font-size:28px!important;
  line-height:1.25!important;
  font-weight:800!important;
}
.latest-datetime{
  color:#4d5660!important;
  font-size:15px!important;
  font-weight:600!important;
}
.history-period{
  color:#e60012!important;
  font-weight:800!important;
}
@media(max-width:720px){
  .latest-period{font-size:23px!important}
  .latest-datetime{font-size:14px!important}
}
