*{margin:0;padding:0;box-sizing:border-box}body{font-family:Microsoft YaHei,Segoe UI,sans-serif;background:linear-gradient(135deg,#a50000,#d32f2f);min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px;color:#fff;overflow-x:hidden}.container{width:70vw;text-align:center;margin:0 auto}.header{position:relative;padding:20px;margin-bottom:20px}h1{font-size:2.8rem;margin-bottom:10px;text-shadow:0 0 15px rgba(255,215,0,.8);color:#ffeb3b}.subtitle,h1{position:relative;z-index:2}.subtitle{font-size:1.1rem;color:#ffecb3;max-width:500px;margin:0 auto}.festival-border{position:absolute;top:-30px;left:-50px;right:-50px;height:100%;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="20" viewBox="0 0 100 20"><path d="M0,10 Q25,20 50,10 T100,10" stroke="%23ffeb3b" stroke-width="2" fill="none"/></svg>');background-repeat:repeat-x;background-position:0 0;animation:wave 10s linear infinite;z-index:1}.lottery-card{background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:25px;box-shadow:0 15px 35px rgba(0,0,0,.5);border:3px solid rgba(255,215,0,.5);margin:20px 0}.lottery-card,.lottery-wheel{position:relative;overflow:hidden}.lottery-wheel{height:300px;background:rgba(0,0,0,.3);border-radius:15px;margin:30px auto;perspective:1000px;box-shadow:inset 0 0 30px rgba(255,215,0,.5)}.slot-window{width:80%;height:100px;margin:0 auto;border:4px solid #ffeb3b;border-radius:12px;background:rgba(0,0,0,.6);box-shadow:0 0 30px rgba(255,215,0,.7),inset 0 0 20px rgba(255,215,0,.5);z-index:10;margin-top:100px}.slot-container,.slot-window{position:relative;overflow:hidden}.slot-container{height:100%}.slot{position:absolute;top:0;left:0;width:100%;transition:transform .1s;will-change:transform}.name-item{height:100px;display:flex;justify-content:center;align-items:center;font-size:2.2rem;font-weight:700;color:#fff;text-shadow:0 0 3px rgba(0,0,0,.7);padding:5px 15px}.overlay{top:0;bottom:0;background:linear-gradient(0deg,rgba(165,0,0,.8) 0,transparent 20%,transparent 80%,rgba(165,0,0,.8));pointer-events:none;z-index:20}.center-highlight,.overlay{position:absolute;left:0;right:0}.center-highlight{top:50%;background:linear-gradient(90deg,transparent,#ffeb3b,transparent);box-shadow:0 0 20px #ffeb3b;z-index:15}.center-highlight:after,.center-highlight:before{content:"";position:absolute;top:-20px;width:40px;height:40px;border:2px solid #ffeb3b;border-radius:50%;box-shadow:0 0 20px #ffeb3b;animation:pulse 2s infinite}.center-highlight:before{left:20px}.center-highlight:after{right:20px}.controls{display:flex;justify-content:center;gap:15px;margin-top:30px}.btn{padding:12px 35px;font-size:1.1rem;font-weight:700;border:none;border-radius:50px;cursor:pointer;transition:all .3s;box-shadow:0 5px 15px rgba(0,0,0,.3);outline:none;text-transform:uppercase;letter-spacing:2px;position:relative;overflow:hidden;z-index:1}.btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:hsla(0,0%,100%,.1);z-index:-1;transition:transform .3s}.btn:hover:before{transform:scale(1.1)}.btn-start{background:linear-gradient(90deg,#ff9800,#ff5722);color:#fff}.btn-stop{background:linear-gradient(90deg,#4caf50,#8bc34a);color:#fff}.btn-reset{background:linear-gradient(90deg,#2196f3,#03a9f4);color:#fff}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:0 5px 15px rgba(0,0,0,.3)!important}.btn:hover:not(:disabled){transform:translateY(-5px) scale(1.05);box-shadow:0 10px 25px rgba(0,0,0,.5)}.winner-section{margin-top:30px;padding:20px;background:rgba(0,0,0,.3);border-radius:15px;font-size:1.2rem;border:2px dashed rgba(255,215,0,.7);position:relative;animation:fadeIn .8s ease-out}.winner-name{font-size:2.2rem;font-weight:700;color:#ffeb3b;text-shadow:0 0 10px rgba(255,235,59,.8);margin:15px 0;padding:12px 25px;background:rgba(0,0,0,.3);border-radius:10px;display:inline-block;animation:pulse 2s infinite;margin-left:20px}.celebration{position:fixed;width:100%;height:100%;top:0;left:0;pointer-events:none;z-index:200;display:none}.confetti{position:absolute;width:12px;height:12px;background-color:#ffeb3b;box-shadow:0 0 8px #ffeb3b;animation:fall linear forwards}@keyframes fall{to{transform:translateY(100vh) rotate(1turn);opacity:0}}@keyframes pulse{0%{transform:scale(1);text-shadow:0 0 10px rgba(255,235,59,.8);box-shadow:0 0 0 rgba(255,215,0,.6)}50%{transform:scale(1.08);text-shadow:0 0 25px #ffeb3b;box-shadow:0 0 15px rgba(255,215,0,.9)}to{transform:scale(1);text-shadow:0 0 10px rgba(255,235,59,.8);box-shadow:0 0 0 rgba(255,215,0,.6)}}@keyframes wave{0%{background-position:0 0}to{background-position:100px 0}}.lantern{position:absolute;width:45px;height:60px;z-index:5;opacity:.8;animation:swing 6s ease-in-out infinite}.lantern:after,.lantern:before{content:"";position:absolute;width:100%;height:12px;background:#ff9800;border-radius:50%}.lantern:before{top:0}.lantern:after{bottom:0}.lantern-body{position:absolute;top:12px;bottom:12px;left:4px;right:4px;background:#e53935;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#ffeb3b;font-weight:700;font-size:1.3rem}@keyframes swing{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}.fireworks{position:fixed;width:100%;height:100%;top:0;left:0;pointer-events:none;z-index:201;display:none}.firework{position:absolute;width:5px;height:5px;border-radius:50%;animation:explode 1.5s forwards}@keyframes explode{0%{transform:translate(0);opacity:1}to{transform:translate(var(--tx),var(--ty));opacity:0}}@media (max-width:768px){.controls{flex-direction:column;gap:12px}.btn{width:100%}h1{font-size:2.2rem}.winner-name{font-size:1.8rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.decorations{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}@keyframes glow{0%{text-shadow:0 0 10px #ffeb3b,0 0 20px #ffeb3b}50%{text-shadow:0 0 20px #ff9800,0 0 30px #ff9800}to{text-shadow:0 0 10px #ffeb3b,0 0 20px #ffeb3b}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.decoration{position:absolute;font-size:2.5rem;color:#ffeb3b;z-index:1;opacity:.7;animation:float 8s ease-in-out infinite}.decoration:first-child{top:10%;left:8%;animation-delay:0s}.decoration:nth-child(2){top:15%;right:7%;animation-delay:-2s}.decoration:nth-child(3){bottom:20%;left:5%;animation-delay:-4s}.decoration:nth-child(4){bottom:15%;right:6%;animation-delay:-6s}.del-prize{font-size:20px;position:absolute;right:0;top:0;padding:0;color:rgba(0,0,0,.48);display:none}.winner-name:hover .del-prize{display:inline-block}