*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,Microsoft YaHei,sans-serif;background:linear-gradient(135deg,#c31432,#240b36);min-height:100vh;overflow-x:hidden}#app{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px}.lottery-container[data-v-ca4d4b73]{max-width:1400px;width:100%;min-height:100vh;padding:20px;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.music-control[data-v-ca4d4b73]{position:fixed;top:20px;right:20px;display:flex;flex-direction:column;align-items:flex-end;gap:10px;z-index:100}.music-btn-group[data-v-ca4d4b73]{display:flex;gap:10px}.music-btn[data-v-ca4d4b73]{width:60px;height:60px;font-size:28px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;cursor:pointer;box-shadow:0 4px 15px #667eea66;transition:all .3s ease}.music-btn[data-v-ca4d4b73]:hover{transform:scale(1.1);box-shadow:0 6px 20px #667eea99}.music-btn[data-v-ca4d4b73]:active{transform:scale(.95)}.volume-toggle-btn[data-v-ca4d4b73]{width:60px;height:60px;font-size:24px;background:linear-gradient(135deg,#f093fb,#f5576c);border:none;border-radius:50%;cursor:pointer;box-shadow:0 4px 15px #f5576c66;transition:all .3s ease}.volume-toggle-btn[data-v-ca4d4b73]:hover{transform:scale(1.1);box-shadow:0 6px 20px #f5576c99}.volume-toggle-btn[data-v-ca4d4b73]:active{transform:scale(.95)}.volume-control[data-v-ca4d4b73]{display:flex;align-items:center;gap:8px;padding:10px 15px;background:#667eeaf2;border-radius:25px;box-shadow:0 4px 15px #667eea4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideIn-ca4d4b73 .3s ease}@keyframes slideIn-ca4d4b73{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.volume-icon[data-v-ca4d4b73]{font-size:20px}.volume-slider[data-v-ca4d4b73]{width:120px;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff4d;border-radius:3px;outline:none;cursor:pointer}.volume-slider[data-v-ca4d4b73]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:#fff;border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #0000004d;transition:all .2s ease}.volume-slider[data-v-ca4d4b73]::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 3px 12px #0006}.volume-slider[data-v-ca4d4b73]::-moz-range-thumb{width:16px;height:16px;background:#fff;border:none;border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #0000004d;transition:all .2s ease}.volume-slider[data-v-ca4d4b73]::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 3px 12px #0006}.volume-value[data-v-ca4d4b73]{font-size:14px;color:#fff;font-weight:700;min-width:45px;text-align:center}.header[data-v-ca4d4b73]{text-align:center;margin-bottom:20px;position:relative}.title[data-v-ca4d4b73]{font-size:36px;color:#fff;text-shadow:0 0 20px rgba(255,215,0,.8),0 0 40px rgba(255,0,0,.6);margin-bottom:8px;animation:glow-ca4d4b73 2s ease-in-out infinite}.title-icon[data-v-ca4d4b73]{display:inline-block;animation:bounce-ca4d4b73 1s ease-in-out infinite}.subtitle[data-v-ca4d4b73]{font-size:20px;color:gold;letter-spacing:6px;font-weight:700;margin-bottom:10px}.tip[data-v-ca4d4b73]{font-size:16px;color:#fffc;letter-spacing:2px;animation:tip-blink-ca4d4b73 2s ease-in-out infinite}@keyframes tip-blink-ca4d4b73{0%,to{opacity:.6}50%{opacity:1}}@keyframes glow-ca4d4b73{0%,to{text-shadow:0 0 20px rgba(255,215,0,.8),0 0 40px rgba(255,0,0,.6)}50%{text-shadow:0 0 30px rgba(255,215,0,1),0 0 60px rgba(255,0,0,.8)}}@keyframes bounce-ca4d4b73{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.prize-grid[data-v-ca4d4b73]{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px;width:100%;max-width:1200px}.prize-card[data-v-ca4d4b73]{background:linear-gradient(145deg,#fff,#f5f5f5);border-radius:12px;padding:18px 12px;text-align:center;transition:all .3s ease;position:relative;cursor:pointer;box-shadow:0 4px 15px #0003;border:3px solid transparent;min-height:100px;display:flex;flex-direction:column;justify-content:center}.prize-card[data-v-ca4d4b73]:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000004d}.prize-card.highlight[data-v-ca4d4b73]{border-color:gold;border-width:5px;background:linear-gradient(145deg,#fffef0,#fff8dc);box-shadow:0 0 40px gold,0 0 60px #ffd700cc,0 0 80px #ffd70099,inset 0 0 30px #ffd70066;animation:highlight-pulse-ca4d4b73 .4s ease-in-out;transform:scale(1.15);z-index:10}.prize-card.winner[data-v-ca4d4b73]{border-color:gold;background:linear-gradient(145deg,#fff8dc,#fffaf0);box-shadow:0 0 40px gold,0 0 60px #ffd70099;animation:winner-glow-ca4d4b73 1s ease-in-out infinite;transform:scale(1.1)}@keyframes highlight-pulse-ca4d4b73{0%{transform:scale(1.15);box-shadow:0 0 40px gold,0 0 60px #ffd700cc,0 0 80px #ffd70099}50%{transform:scale(1.2);box-shadow:0 0 50px gold,0 0 70px #ffd700e6,0 0 100px #ffd700b3}to{transform:scale(1.15);box-shadow:0 0 40px gold,0 0 60px #ffd700cc,0 0 80px #ffd70099}}@keyframes winner-glow-ca4d4b73{0%,to{box-shadow:0 0 40px gold,0 0 60px #ffd70099}50%{box-shadow:0 0 50px gold,0 0 80px #ffd700cc}}.prize-number[data-v-ca4d4b73]{position:absolute;top:10px;left:10px;width:30px;height:30px;background:#c31432;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;transition:all .3s ease}.prize-card.highlight .prize-number[data-v-ca4d4b73]{background:gold;color:#c31432;transform:scale(1.3);box-shadow:0 0 15px #ffd700cc}.prize-title[data-v-ca4d4b73]{font-size:18px;font-weight:700;color:#c31432;margin-bottom:6px;transition:all .3s ease;line-height:1.3}.prize-desc[data-v-ca4d4b73]{font-size:14px;color:#666;transition:all .3s ease;line-height:1.4}.prize-card.highlight .prize-title[data-v-ca4d4b73]{font-size:20px;color:#ff6b00;text-shadow:0 0 10px rgba(255,215,0,.5)}.prize-card.highlight .prize-desc[data-v-ca4d4b73]{font-size:15px;color:#333;font-weight:600}.lottery-btn[data-v-ca4d4b73]{display:block;margin:0 auto;padding:14px 60px;font-size:20px;font-weight:700;color:#fff;background:linear-gradient(135deg,#c31432,#e74c3c);border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px #c3143280}.lottery-btn[data-v-ca4d4b73]:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 35px #c31432b3;background:linear-gradient(135deg,#e74c3c,#c31432)}.lottery-btn[data-v-ca4d4b73]:disabled{opacity:.7;cursor:not-allowed;animation:btn-pulse-ca4d4b73 1s ease-in-out infinite}@keyframes btn-pulse-ca4d4b73{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.modal-overlay[data-v-ca4d4b73]{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn-ca4d4b73 .3s ease}@keyframes fadeIn-ca4d4b73{0%{opacity:0}to{opacity:1}}.modal-content[data-v-ca4d4b73]{background:linear-gradient(145deg,#fff,#fffaf0);border-radius:25px;padding:50px 60px;max-width:500px;width:90%;text-align:center;box-shadow:0 20px 60px #00000080;border:5px solid #ffd700;animation:modalShow-ca4d4b73 .5s cubic-bezier(.68,-.55,.265,1.55)}@keyframes modalShow-ca4d4b73{0%{transform:scale(.5) rotate(-5deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.modal-header[data-v-ca4d4b73]{margin-bottom:30px}.congratulation[data-v-ca4d4b73]{font-size:36px;font-weight:700;color:#c31432;margin-bottom:15px;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.trophy[data-v-ca4d4b73]{font-size:80px;animation:trophy-rotate-ca4d4b73 2s ease-in-out infinite}@keyframes trophy-rotate-ca4d4b73{0%,to{transform:rotate(-10deg) scale(1)}50%{transform:rotate(10deg) scale(1.1)}}.modal-body[data-v-ca4d4b73]{margin-bottom:30px}.winner-title[data-v-ca4d4b73]{font-size:32px;font-weight:700;color:#08f;margin-bottom:15px;text-shadow:0 0 10px rgba(255,215,0,.5)}.winner-desc[data-v-ca4d4b73]{font-size:24px;color:#333;font-weight:500}.close-btn[data-v-ca4d4b73]{padding:12px 50px;font-size:20px;font-weight:700;color:#fff;background:linear-gradient(135deg,#c31432,#e74c3c);border:none;border-radius:30px;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px #c3143266}.close-btn[data-v-ca4d4b73]:hover{transform:translateY(-2px);box-shadow:0 8px 20px #c3143299}@media (max-width: 1440px){.lottery-container[data-v-ca4d4b73]{padding:15px}.header[data-v-ca4d4b73]{margin-bottom:15px}.title[data-v-ca4d4b73]{font-size:32px}.subtitle[data-v-ca4d4b73]{font-size:18px}.prize-grid[data-v-ca4d4b73]{gap:12px;margin-bottom:15px}.prize-card[data-v-ca4d4b73]{padding:15px 10px;min-height:90px}.prize-title[data-v-ca4d4b73]{font-size:16px}.prize-desc[data-v-ca4d4b73]{font-size:13px}}@media (max-width: 1024px){.title[data-v-ca4d4b73]{font-size:28px}.subtitle[data-v-ca4d4b73]{font-size:16px}.prize-grid[data-v-ca4d4b73]{gap:10px}.prize-card[data-v-ca4d4b73]{padding:12px 8px;min-height:80px}.prize-title[data-v-ca4d4b73]{font-size:15px}.prize-desc[data-v-ca4d4b73]{font-size:12px}.lottery-btn[data-v-ca4d4b73]{padding:12px 50px;font-size:18px}}@media (max-width: 768px){.lottery-container[data-v-ca4d4b73]{padding:10px}.title[data-v-ca4d4b73]{font-size:24px}.subtitle[data-v-ca4d4b73]{font-size:14px;letter-spacing:4px}.tip[data-v-ca4d4b73]{font-size:14px}.prize-grid[data-v-ca4d4b73]{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:10px}.lottery-btn[data-v-ca4d4b73]{padding:10px 40px;font-size:16px}}