.qr-generator-container{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px}.qr-generator-content{background:#fff;border-radius:20px;padding:40px;box-shadow:0 10px 40px #0003;max-width:600px;width:100%;text-align:center}.qr-generator-title{font-size:2.5rem;color:#dc143c;margin-bottom:30px;font-weight:700}.qr-stats{display:flex;justify-content:space-around;margin-bottom:30px;padding:20px;background:#f8f9fa;border-radius:10px}.stat-item{display:flex;flex-direction:column;gap:10px}.stat-label{font-size:.9rem;color:#666}.stat-value{font-size:2rem;font-weight:700;color:#dc143c}.qr-actions{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:30px}.btn{padding:15px 40px;font-size:1.1rem;border:none;border-radius:10px;cursor:pointer;font-weight:700;transition:all .3s ease}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-start{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.btn-start:disabled{background:linear-gradient(135deg,#6c757d,#5a6268);opacity:.6}.btn-start:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #28a74566}.btn-reset{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff}.btn-reset:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #dc354566}.btn-wheel{background:linear-gradient(135deg,#6f42c1,#9d50ff);color:#fff}.btn-wheel:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #6f42c166}.btn-wheel:disabled{background:linear-gradient(135deg,#6c757d,#5a6268);opacity:.6}.qr-code-display{margin-top:30px;padding-top:30px;border-top:2px solid #eee}.qr-code-display h2{font-size:1.5rem;color:#333;margin-bottom:20px}.qr-code-wrapper{display:flex;justify-content:center;padding:20px;background:#fff;border-radius:10px;margin-bottom:15px}.qr-code-image{max-width:100%;height:auto;border:5px solid #f0f0f0;border-radius:10px}.qr-url{margin-top:15px;font-size:.9rem;color:#666;word-break:break-all}.qr-url a{color:#dc143c;text-decoration:none}.qr-url a:hover{text-decoration:underline}.qr-instruction{color:#666;font-size:1rem;margin-top:15px}.qr-scanner-container{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px}.qr-scanner-content{background:#fff;border-radius:20px;padding:60px 40px;box-shadow:0 10px 40px #0003;max-width:500px;width:100%;text-align:center}.loading-spinner{border:4px solid #f3f3f3;border-top:4px solid #DC143C;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.success-icon{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;font-size:60px;display:flex;align-items:center;justify-content:center;margin:0 auto 30px;animation:scaleIn .5s ease}.error-icon{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;font-size:60px;display:flex;align-items:center;justify-content:center;margin:0 auto 30px;animation:scaleIn .5s ease}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.scanner-title{font-size:2.5rem;color:#dc143c;margin-bottom:30px;font-weight:700}.user-number-display{margin:40px 0;padding:30px;background:linear-gradient(135deg,#dc143c,#ff6b6b);border-radius:15px;color:#fff}.number-label{display:block;font-size:1.2rem;margin-bottom:15px;opacity:.9}.number-value{display:block;font-size:5rem;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.2);animation:bounce .6s ease}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.scanner-message{font-size:1.2rem;color:#666;margin:20px 0}.user-count-info{margin-top:40px;padding:20px;background:#f8f9fa;border-radius:10px;display:flex;flex-direction:column;gap:10px}.count-label{font-size:1rem;color:#666}.count-value{font-size:2rem;font-weight:700;color:#dc143c}.error-message{color:#dc3545;font-size:1.2rem;padding:20px;background:#f8d7da;border-radius:10px;border:1px solid #f5c6cb}.number-wheel-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:linear-gradient(135deg,#DC143C 0%,#FF6B6B 50%,#FFD700 100%);padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.number-wheel-content{background:#fff;padding:30px;border-radius:20px;box-shadow:0 10px 30px #0000001a;width:100%;max-width:600px}.wheel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.back-button{padding:10px 20px;background:#6c757d;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;transition:all .3s ease}.back-button:hover{background:#5a6268;transform:translateY(-2px)}.wheel-title{margin:0;font-size:24px;color:#dc143c}.wheel-controls{margin-bottom:30px}.input-group{margin-bottom:20px}.input-group label{display:block;margin-bottom:8px;color:#555}.input-group input{width:100%;padding:12px;border:2px solid #ddd;border-radius:8px;font-size:16px;transition:border-color .3s}.input-group input:focus{border-color:#007bff;outline:none}.stats-info{display:flex;gap:20px}.stat-box{flex:1;background:#f8f9fa;padding:15px;border-radius:10px;text-align:center}.stat-label{display:block;font-size:14px;color:#666;margin-bottom:5px}.stat-value{display:block;font-size:2rem;font-weight:700;color:#dc143c}.wheel-section{margin-top:30px}.slot-machine-container{position:relative;margin:40px 0;display:flex;flex-direction:column;align-items:center}.slot-window{width:200px;height:160px;border:4px solid #333;border-radius:15px;overflow:hidden;position:relative;background:#fff;box-shadow:inset 0 0 20px #0000001a}.slot-numbers{display:flex;flex-direction:column;will-change:transform}.slot-number{height:80px;display:flex;justify-content:center;align-items:center;font-size:40px;font-weight:700;color:#333;border-bottom:1px solid #eee;box-sizing:border-box}.slot-number.winner{color:#ff4757;background-color:#fff1f2;transition:all .3s}.slot-pointer{position:absolute;right:-10px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:15px solid transparent;border-bottom:15px solid transparent;border-right:25px solid #ff4757;z-index:10}.slot-pointer:before{content:"";position:absolute;left:-190px;top:-1px;width:180px;height:2px;background:#ff47574d}.result-display{margin-top:20px;text-align:center;animation:fadeIn .5s ease-out}.result-number{font-size:60px;font-weight:900;color:#ff4757;line-height:1}.result-label{font-size:18px;color:#666;margin-top:10px}.wheel-actions{display:flex;gap:15px;margin-top:30px}.spin-button{flex:2;padding:15px;background:#28a745;color:#fff;border:none;border-radius:10px;font-size:18px;font-weight:700;cursor:pointer;transition:background .3s,transform .1s}.spin-button:hover:not(:disabled){background:#218838}.spin-button:active:not(:disabled){transform:scale(.98)}.spin-button:disabled{background:#ccc;cursor:not-allowed}.reset-button{flex:1;padding:15px;background:#dc3545;color:#fff;border:none;border-radius:10px;font-size:16px;cursor:pointer;transition:background .3s}.reset-button:hover:not(:disabled){background:#c82333}.empty-message,.empty-state{text-align:center;color:#888;margin-top:20px;font-style:italic}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Noto Serif TC",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#dc143c,#ff6b6b,gold);min-height:100vh}#root{width:100%;min-height:100vh}