*{margin:0;padding:0;box-sizing:border-box;font-family:Microsoft YaHei,sans-serif}body{background-color:#f0f2f5;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;min-height:100vh;padding:0 20px}.container{display:flex;flex-direction:row;width:100%;min-width:1000px;max-width:1600px;background-color:#fff;border-radius:15px;box-shadow:0 8px 30px rgba(0,0,0,.1);overflow:hidden;padding:20px;gap:30px;margin:20px auto;align-items:flex-start;justify-content:space-between}.page-title{color:#e74c3c;font-size:48px;text-align:center;margin:0 0 30px;text-shadow:3px 3px 6px rgba(0,0,0,.2);font-weight:800;letter-spacing:4px;position:relative;display:block;padding:20px 30px;background:linear-gradient(45deg,#e74c3c,#ff4757);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;width:100%;z-index:10}.page-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:60%;height:3px;background:linear-gradient(90deg,transparent,#ff4757,transparent)}.wheel-container{flex:0 0 68%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:30px;margin-top:0;background:linear-gradient(180deg,#f8f9fa,#fff);border-radius:15px}.wheel{width:550px;height:550px;border-radius:50%;position:relative;overflow:hidden;transition:transform 8s cubic-bezier(.17,.67,.21,.99);box-shadow:0 0 15px rgba(0,0,0,.2);border:8px solid #f8f9fa;margin-top:130px}.wheel:after{content:"";right:0;bottom:0;background:radial-gradient(circle,hsla(0,0%,100%,.2) 0,hsla(0,0%,100%,0) 70%);pointer-events:none;border-radius:50%}.wheel-item,.wheel:after{position:absolute;top:0;left:0}.wheel-item{width:100%;height:100%;color:#fff;border:1px solid hsla(0,0%,100%,.3);text-shadow:0 1px 2px rgba(0,0,0,.5);overflow:hidden;box-sizing:border-box}.wheel-item span{position:absolute;font-weight:700;font-size:clamp(36px,calc(600px/var(--item-count)/3),64px);color:#fff;white-space:nowrap;transform-origin:bottom center;text-align:center;padding:5px;left:10%;top:30%;z-index:1;text-shadow:1px 1px 2px rgba(0,0,0,.7)}.wheel.many-items .wheel-item span{font-size:clamp(14px,calc(600px/var(--item-count)/4),48px);top:25%}.pointer{top:30%;width:0;height:0;z-index:10;border-left:10px solid transparent;border-right:10px solid transparent;border-top:80px solid #c40b0b;filter:drop-shadow(0 0 5px rgba(216,5,5,.8));box-shadow:inset 0 0 10px #fff;animation:golden-glow 1.5s infinite}.pointer,.pointer:after{position:absolute;left:50%;transform:translateX(-50%)}.pointer:after{content:"";top:-40px;width:3px;height:15px}.spin-button-container{margin-top:50px;text-align:center}#spinBtn{padding:12px 24px;background-color:#ff4757;color:#fff;border:none;border-radius:25px;font-size:18px;cursor:pointer;transition:background-color .3s;box-shadow:0 4px 8px rgba(255,71,87,.3)}#spinBtn:hover{background-color:#ff2d40}#spinBtn:disabled{cursor:not-allowed;box-shadow:none;opacity:.7}#spinBtn:disabled,#spinBtn:disabled:hover{background-color:#ccc}.result{display:none}.content-container{flex:0 0 30%;padding:15px;display:flex;flex-direction:column;gap:10px;border-left:3px solid #f0f0f0;background:linear-gradient(180deg,#f8f9fa,#f0f2f5);border-radius:15px}.input-section{background:linear-gradient(to bottom right,#fff,#f8f9fa);padding:15px;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.08);border:1px solid rgba(0,0,0,.05)}.input-section h3{margin-bottom:10px;color:#333}#prizeInput{width:100%;height:120px;padding:15px;border:2px solid #e1e4e8;border-radius:8px;resize:vertical;margin-bottom:15px;font-size:15px;transition:all .3s ease;background-color:#f8f9fa;color:#2d3436}#prizeInput:focus{border-color:#ff4757;box-shadow:0 0 0 3px rgba(255,71,87,.1);outline:none}#addPrizeBtn,#clearPoolBtn,#fullscreenBtn,#importBtn,#importDefaultBtn{padding:8px 15px;background:linear-gradient(45deg,#4b7bec,#3867d6);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;margin-right:5px;margin-top:10px;font-weight:500;letter-spacing:.5px;box-shadow:0 3px 8px rgba(75,123,236,.3)}#fullscreenBtn{background:linear-gradient(45deg,#26de81,#20bf6b);box-shadow:0 3px 8px rgba(38,222,129,.3)}#fileInput{margin-top:10px}#importDefaultBtn{background:linear-gradient(45deg,#ff6b81,#ff4757);box-shadow:0 3px 8px rgba(255,107,129,.3)}.import-section{background-color:#f8f9fa;padding:15px;border-radius:8px;margin-bottom:15px}.import-controls{position:relative;overflow:hidden;display:inline-block}#fileInput{opacity:0;position:absolute;left:-999px}.custom-file-btn{background:var(--primary-gradient);color:#fff;padding:10px 25px;border-radius:8px;cursor:pointer;transition:all .3s;border:none;font-size:14px}.custom-file-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.upload-progress{width:80%;height:8px;background:hsla(0,0%,100%,.1);border-radius:4px;margin:15px auto}.progress-bar{height:100%;background:var(--primary-gradient);border-radius:4px;transition:width .3s ease}.import-section h3{margin-bottom:10px;color:#333}.prize-pools{flex-direction:column;gap:10px;flex-grow:1}.pool,.prize-pools{display:flex;text-align:left}.pool{flex:1;max-width:800px;flex-direction:column;align-items:flex-start;position:relative;background:linear-gradient(135deg,#fff,#f8f9fa);padding:15px;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.08);border:1px solid rgba(0,0,0,.05);transition:transform .3s ease}.pool:hover{transform:translateY(-2px)}.pool h3{margin-bottom:10px;color:#333;border-bottom:1px solid #eaeaea;padding-bottom:5px}.pool-content{max-height:250px;overflow-y:auto;margin-top:15px;padding:10px;background:hsla(0,0%,100%,.8);border-radius:8px;border:1px solid #e1e4e8;scrollbar-width:thin;scrollbar-color:#ff4757 #f0f2f5;display:flex;flex-wrap:wrap;gap:8px;text-align:left;justify-content:flex-start}.pool-content::-webkit-scrollbar{width:8px}.pool-content::-webkit-scrollbar-track{background:#f0f2f5;border-radius:4px}.pool-content::-webkit-scrollbar-thumb{background:#ff4757;border-radius:4px}.pool-content::-webkit-scrollbar-thumb:hover{background:#ff2d40}.prize-item{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;background-color:#f5f6fa;border-radius:6px;border:1px solid #dcdde1;transition:all .3s ease;cursor:pointer;font-size:14px;line-height:1.2;color:#2d3436;width:fit-content;min-width:80px;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prize-item:hover{transform:translateX(3px);border-color:#ff4757;box-shadow:0 2px 4px rgba(0,0,0,.1);background-color:#dfe6e9;transform:translateY(-2px)}.highlight{background-color:#ff4757;color:#fff;animation:pulse 1.5s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,71,87,.7)}70%{box-shadow:0 0 0 10px rgba(255,71,87,0)}to{box-shadow:0 0 0 0 rgba(255,71,87,0)}}.control-buttons button{padding:12px 24px;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:700;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(45deg,#2d3436,#636e72);color:#fff;box-shadow:0 4px 10px rgba(0,0,0,.1)}.control-buttons button:hover{transform:translateY(-2px);box-shadow:0 6px 12px rgba(0,0,0,.15);background:linear-gradient(45deg,#1e272e,#485460)}@media (max-width:900px){.container{flex-direction:column}.wheel{width:360px;height:360px}.content-container{border-left:none;border-top:1px solid #eaeaea}}.current-prize{position:absolute;top:120px;left:50%;transform:translateX(-50%);z-index:1000;margin:0 auto;background-color:#ff4757;color:#fff;padding:15px 25px;border-radius:20px;font-weight:700;box-shadow:0 4px 8px rgba(0,0,0,.2);max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}@keyframes golden-glow{0%{filter:drop-shadow(0 0 3px rgba(255,215,0,.5))}50%{filter:drop-shadow(0 0 6px rgba(255,215,0,.8))}to{filter:drop-shadow(0 0 3px rgba(255,215,0,.5))}}.wheel-item-segment{display:flex;align-items:center;justify-content:center;color:#fff;border:1px solid hsla(0,0%,100%,.2);text-shadow:0 1px 2px rgba(0,0,0,.5);box-sizing:border-box;overflow:hidden}.wheel.few-items .wheel-item{border:2px solid hsla(0,0%,100%,.4)}.wheel-item-segment span,.wheel.few-items .wheel-item span{left:10%;width:80%}.wheel-item-segment span,.wheel.few-items .wheel-item-segment span,.wheel.few-items .wheel-item span{font-size:clamp(48px,calc(600px/var(--item-count)/1.2),86px)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);backdrop-filter:blur(5px);display:none;justify-content:center;align-items:center;z-index:999;animation:modalFadeIn .3s ease-out}.modal{background:linear-gradient(145deg,#2d3436,#1e272e);border-radius:15px;padding:25px;min-width:300px;max-width:90%;box-shadow:0 10px 30px rgba(0,0,0,.3);z-index:10000;transform:scale(.9);animation:modalEnter .4s cubic-bezier(.68,-.55,.27,1.55) forwards}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-title{color:#fff;font-size:1.5em;margin:0}.modal-close{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;transition:transform .2s}.modal-close:hover{transform:rotate(90deg)}.modal-body{color:#dfe6e9;font-size:16px;margin-bottom:25px;white-space:pre-line;line-height:1.6;padding:10px 0}.modal-footer{text-align:right}.modal-confirm{background:linear-gradient(45deg,#2ecc71,#27ae60);color:#fff;border:none;padding:10px 25px;border-radius:8px;cursor:pointer;transition:all .3s}.modal-confirm:active{transform:scale(.95)}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalEnter{0%{transform:scale(.5) rotate(-5deg);opacity:0;filter:blur(2px)}to{transform:scale(1) rotate(0deg);opacity:1;filter:blur(0)}}.wheel-item-segment span,.wheel-item span{text-shadow:none;letter-spacing:normal}#currentPrize{padding:10px 20px;margin:0 auto;min-width:300px;width:600px;height:60px;position:absolute;top:20%;left:50%;transform:translateX(-50%);z-index:9999;display:flex;align-items:center;justify-content:center;background-color:transparent;box-shadow:none}.prize-final-container{position:relative;display:inline-block;padding:15px 30px;background:rgba(255,71,87,.9);border-radius:15px;box-shadow:0 4px 8px rgba(0,0,0,.2);overflow:hidden;min-width:200px;max-width:80%}.prize-final-result{font-size:32px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);position:relative;z-index:2;padding:10px;width:100%;text-align:center}@keyframes container-glow{0%,to{box-shadow:0 10px 30px rgba(0,0,0,.3),0 0 60px rgba(255,215,0,.3)}50%{box-shadow:0 10px 30px rgba(0,0,0,.3),0 0 100px rgba(255,215,0,.6)}}@keyframes rotate-glow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.modal-content{background:linear-gradient(145deg,#2d3436,#485460);padding:30px 40px;border-radius:16px;box-shadow:0 12px 24px rgba(0,0,0,.2);color:#fff;min-width:280px;text-align:center;transform:translateY(-20px);opacity:0;animation:slideIn .4s cubic-bezier(.23,1,.32,1) forwards}.modal-icon{font-size:48px;margin-bottom:15px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.modal-buttons{margin-top:25px;display:flex;gap:15px;justify-content:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{to{opacity:1;transform:translateY(0)}}@keyframes text-shine{0%{filter:brightness(100%) drop-shadow(0 0 8px rgba(255,215,0,.7))}50%{filter:brightness(120%) drop-shadow(0 0 15px rgba(255,215,0,.9))}to{filter:brightness(100%) drop-shadow(0 0 8px rgba(255,215,0,.7))}}.wheel-container{position:relative}.help-button{position:absolute;top:20px;left:20px;z-index:999;padding:8px 16px;background:#fff;border-radius:4px;box-shadow:0 2px 6px hsla(0,0%,66.7%,.2)}