*{box-sizing:border-box}body{margin:0;background:#f4f6f9;color:#202536;font:16px Arial,sans-serif}.wrap{max-width:980px;margin:auto;padding:0 16px}header{background:#a90016;color:#fff;box-shadow:0 2px 8px #0002}.nav{height:64px;display:flex;align-items:center;justify-content:space-between}.nav b{font-size:20px}.nav nav{display:flex;gap:18px}.nav a{color:#fff;text-decoration:none}.hero{display:flex;justify-content:space-between;align-items:center;padding:30px 0 15px}.hero h1{margin:9px 0 6px;font-size:34px}.hero p{color:#687080}.badge{padding:7px 11px;border-radius:20px;font-size:13px;font-weight:bold}.badge.live{background:#ffe1e6;color:#b30018;animation:pulse 1s infinite}.badge.finished{background:#dcf7e6;color:#087a36}.badge.waiting{background:#fff1c9;color:#7b5700}@keyframes pulse{50%{opacity:.55}}.btn{display:inline-block;background:#b60016;color:#fff;border:0;border-radius:9px;padding:12px 18px;cursor:pointer}.card{background:#fff;border-radius:15px;box-shadow:0 5px 22px #18213a12;margin:18px 0;padding:20px}.card-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee;padding-bottom:12px}.card-head h2{margin:0 0 5px}.card-head small{color:#777}.progress{width:170px;height:9px;background:#eee;border-radius:9px;overflow:hidden}.progress i{display:block;height:100%;background:#b60016;transition:width .4s}.result-row{display:grid;grid-template-columns:130px 1fr;border-bottom:1px solid #eee;min-height:70px;align-items:center}.label{font-weight:bold;color:#565d6e}.numbers{display:flex;flex-wrap:wrap;justify-content:center;gap:18px}.numbers strong{font-size:27px;letter-spacing:1px}.numbers em{color:#a0a5af;font-style:normal}.special{background:#fff6f7}.special .numbers strong{font-size:40px;color:#d0001b}.new-number{animation:pop .5s ease}@keyframes pop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.15)}100%{transform:scale(1);opacity:1}}.update-line{text-align:right;color:#777;font-size:13px;margin-top:12px}.suggestion{text-align:center}.balls{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:20px}.balls span{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:#b60016;color:#fff;font-size:20px;font-weight:bold;box-shadow:inset 0 -5px 0 #850010}footer{text-align:center;color:#777;padding:30px}@media(max-width:600px){.nav nav a:nth-child(3){display:none}.hero{align-items:flex-start;gap:10px}.hero h1{font-size:27px}.btn{padding:10px 12px}.card{padding:12px}.card-head{display:block}.progress{width:100%;margin-top:12px}.result-row{grid-template-columns:82px 1fr}.numbers{gap:9px}.numbers strong{font-size:21px}.special .numbers strong{font-size:31px}}
.badge.normal{background:#e9eef7;color:#41506b}.rolling-number{display:inline-flex;align-items:center;justify-content:center;gap:1px;min-width:62px;height:42px;padding:0 8px;border-radius:10px;background:linear-gradient(145deg,#202535,#080a10);box-shadow:inset 0 0 0 1px #ffffff18,0 5px 12px #0002;overflow:hidden}.rolling-number i{display:inline-block;color:#fff;font:700 27px/1 Arial,sans-serif;font-style:normal;text-shadow:0 0 8px #fff8;animation:digitGlow .45s infinite alternate}.rolling-number i:nth-child(2n){animation-delay:.15s}.rolling-number i:nth-child(3n){animation-delay:.3s}@keyframes digitGlow{from{transform:translateY(-2px);opacity:.55;filter:blur(.4px)}to{transform:translateY(2px);opacity:1;filter:blur(0)}}.is-live .result-row{background-image:linear-gradient(90deg,transparent,#fff7f8,transparent);background-size:220% 100%;animation:liveSweep 2.2s linear infinite}.is-live .special{background-color:#fff1f3}@keyframes liveSweep{to{background-position:-220% 0}}.empty-slot{font-size:26px;color:#c5cad3;font-weight:700}.special .rolling-number{min-width:88px;height:54px}.special .rolling-number i{font-size:36px}@media(max-width:600px){.rolling-number{min-width:50px;height:36px;padding:0 5px}.rolling-number i{font-size:21px}.special .rolling-number{min-width:72px;height:46px}.special .rolling-number i{font-size:29px}}