:root{--n-hot-bg:#fff5eb;--n-hot-border:#f59e0b;--n-hot-num:#b45309;--n-cold-bg:#eff6ff;--n-cold-border:#3b82f6;--n-cold-num:#1d4ed8;--n-bg:#f8f8f8;--n-border:#e2e2e2;--n-num:#111111;--n-freq:#6b7280;--n-radius:8px;--n-speed:160ms}.lottery-numbers{display:flex;flex-wrap:wrap;gap:10px;margin:15px 0}.number-box{background:var(--n-bg);border:1.5px solid var(--n-border);border-radius:var(--n-radius);padding:10px 14px;display:flex;flex-direction:column;align-items:center;min-width:64px;cursor:default;transition:transform var(--n-speed) ease,border-color var(--n-speed) ease,box-shadow var(--n-speed) ease;animation:nb-in 280ms ease both}.number-box:hover{transform:translateY(-2px);border-color:#b0b0b0;box-shadow:0 4px 12px rgb(0 0 0 / .08)}.number-box:nth-child(1){animation-delay:0ms}.number-box:nth-child(2){animation-delay:35ms}.number-box:nth-child(3){animation-delay:70ms}.number-box:nth-child(4){animation-delay:105ms}.number-box:nth-child(5){animation-delay:140ms}.number-box:nth-child(6){animation-delay:175ms}.number-box:nth-child(7){animation-delay:210ms}.number-box:nth-child(8){animation-delay:245ms}.number-box:nth-child(9){animation-delay:280ms}.number-box:nth-child(10){animation-delay:315ms}@keyframes nb-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.number{font-size:20px;font-weight:700;line-height:1;color:var(--n-num);letter-spacing:-.02em}.frequency{font-size:12px;color:var(--n-freq);margin-top:5px;letter-spacing:.01em}.lottery-numbers.hot .number-box{background:var(--n-hot-bg);border-color:var(--n-hot-border)}.lottery-numbers.hot .number-box:hover{border-color:#d97706;box-shadow:0 4px 12px rgb(245 158 11 / .18)}.lottery-numbers.hot .number{color:var(--n-hot-num)}.lottery-numbers.cold .number-box{background:var(--n-cold-bg);border-color:var(--n-cold-border)}.lottery-numbers.cold .number-box:hover{border-color:#2563eb;box-shadow:0 4px 12px rgb(59 130 246 / .18)}.lottery-numbers.cold .number{color:var(--n-cold-num)}