*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Microsoft YaHei',Arial,sans-serif;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);min-height:100vh;padding:20px;color:#333}.container{max-width:1200px;margin:0 auto;background:#fff;border-radius:20px;padding:30px;box-shadow:0 10px 40px rgba(0,0,0,.2)}header{text-align:center;margin-bottom:30px}header h1{color:#667eea;font-size:2.5em;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.subtitle{color:#666;font-size:1.1em}.user-info{display:flex;justify-content:space-around;flex-wrap:wrap;gap:20px;margin-bottom:30px;padding:20px;background:linear-gradient(135deg,#f5f7fa 0,#c3cfe2 100%);border-radius:15px}.info-card{text-align:center;padding:15px 25px;background:#fff;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1);min-width:150px;position:relative}.info-card.clickable{cursor:pointer;transition:all .3s ease}.info-card.clickable:hover{transform:translateY(-3px);box-shadow:0 6px 12px rgba(0,0,0,.15)}.info-card.clickable:active{transform:translateY(-1px)}.click-hint{position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);font-size:.75em;color:#667eea;white-space:nowrap;opacity:0;transition:opacity .3s ease}.info-card.clickable:hover .click-hint{opacity:1}.info-card .label{display:block;color:#666;font-size:.9em;margin-bottom:5px}.info-card .value{display:inline-block;color:#667eea;font-size:2em;font-weight:700}.info-card .unit{color:#999;font-size:.9em}.wish-section{background:linear-gradient(135deg,#ffecd2 0,#fcb69f 100%);padding:20px;border-radius:15px;margin-bottom:30px;text-align:center}.wish-section h3{color:#d35400;margin-bottom:10px}.wish-desc{color:#e67e22;margin-bottom:15px;font-size:.95em}.wish-select{padding:10px 15px;font-size:1em;border:2px solid #e67e22;border-radius:8px;background:#fff;color:#333;min-width:200px;cursor:pointer;margin-right:10px}.wish-btn{padding:10px 25px;font-size:1em;background:#e67e22;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.wish-btn:hover{background:#d35400;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.2)}.wish-btn:disabled{background:#ccc;cursor:not-allowed;transform:none}.wish-status{margin-top:10px;color:#d35400;font-weight:700}.lottery-section{text-align:center;margin-bottom:30px}.lottery-modes{display:flex;justify-content:center;gap:15px;margin-bottom:20px}.mode-btn{padding:10px 25px;font-size:1em;background:#e0e0e0;color:#333;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.mode-btn:hover{background:#d0d0d0;transform:translateY(-2px)}.mode-btn.active{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;box-shadow:0 4px 8px rgba(102,126,234,.4)}.lottery-wheel{margin-bottom:20px}.wheel-container{position:relative;width:300px;height:300px;margin:0 auto}.wheel{width:100%;height:100%;border-radius:50%;background:conic-gradient(#ff6b6b 0deg 45deg,#4ecdc4 45deg 90deg,#45b7d1 90deg 135deg,#96ceb4 135deg 180deg,#ffeaa7 180deg 225deg,plum 225deg 270deg,#98d8c8 270deg 315deg,#f7dc6f 315deg 360deg);border:8px solid #333;box-shadow:0 0 20px rgba(0,0,0,.3);transition:transform 4s cubic-bezier(.17, .67, .12, .99);position:relative}.wheel-inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:#fff;border-radius:50%;border:4px solid #333;display:flex;align-items:center;justify-content:center;font-size:1.5em}.wheel-pointer{position:absolute;top:-20px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-top:30px solid #333;z-index:10}.draw-btn{padding:15px 50px;font-size:1.3em;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(102,126,234,.4)}.draw-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 6px 20px rgba(102,126,234,.6)}.draw-btn:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.draw-message{margin-top:15px;color:#e74c3c;font-weight:700;font-size:1.1em;min-height:1.5em}.lottery-text{margin-bottom:20px}.text-scroll-container{width:100%;max-width:600px;margin:0 auto;background:linear-gradient(135deg,#f5f7fa 0,#c3cfe2 100%);border-radius:15px;padding:30px;box-shadow:0 4px 15px rgba(0,0,0,.1)}.text-scroll-display{font-size:2.5em;font-weight:700;color:#667eea;text-align:center;min-height:100px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:10px;padding:20px;box-shadow:inset 0 2px 4px rgba(0,0,0,.1)}.scroll-item{animation:pulse .5s ease-in-out infinite}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.scroll-item.rolling{animation:none;color:#e74c3c}.scroll-item.result{animation:celebrate .6s ease-in-out;color:#27ae60;font-size:1.2em}@keyframes celebrate{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.2)}100%{transform:scale(1);opacity:1}}.cumulative-section,.history-section,.prize-info-section{background:#f8f9fa;padding:20px;border-radius:15px;margin-bottom:20px}.cumulative-section h3,.history-section h3,.prize-info-section h3{color:#667eea;margin-bottom:15px;font-size:1.3em}.cumulative-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.cumulative-item{background:#fff;padding:15px;border-radius:10px;box-shadow:0 2px 4px rgba(0,0,0,.1);text-align:center;transition:transform .3s ease}.cumulative-item:hover{transform:translateY(-3px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.cumulative-item .name{font-weight:700;color:#333;margin-bottom:8px}.cumulative-item .count{color:#667eea;font-size:1.5em;font-weight:700}.cumulative-item .progress{color:#666;font-size:.9em;margin-top:5px}.history-list{max-height:300px;overflow-y:auto;background:#fff;border-radius:10px;padding:15px}.history-item{padding:12px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.history-item:last-child{border-bottom:none}.history-item .time{color:#666;font-size:.9em;flex:1}.history-item .result{color:#333;font-weight:700;flex:2;text-align:center}.history-item .lucky-change{color:#667eea;font-weight:700;flex:1;text-align:right}.history-item .lucky-change.positive{color:#27ae60}.history-item .lucky-change.negative{color:#e74c3c}.no-record{text-align:center;color:#999;padding:20px}.import-btn{margin-top:15px;padding:10px 25px;background:linear-gradient(135deg,#3498db 0,#2980b9 100%);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:1em;box-shadow:0 4px 8px rgba(52,152,219,.3)}.import-btn:hover{background:linear-gradient(135deg,#2980b9 0,#1f6dad 100%);transform:translateY(-2px);box-shadow:0 6px 12px rgba(52,152,219,.5)}.import-btn:active{transform:translateY(0)}.download-btn{margin-top:15px;padding:10px 25px;background:linear-gradient(135deg,#27ae60 0,#229954 100%);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:1em;box-shadow:0 4px 8px rgba(39,174,96,.3)}.download-btn:hover{background:linear-gradient(135deg,#229954 0,#1e8449 100%);transform:translateY(-2px);box-shadow:0 6px 12px rgba(39,174,96,.5)}.download-btn:active{transform:translateY(0)}.prize-info-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}.prize-info-item{background:#fff;padding:15px;border-radius:10px;box-shadow:0 2px 4px rgba(0,0,0,.1);border-left:4px solid #667eea}.prize-info-item .name{font-weight:700;color:#333;margin-bottom:8px}.prize-info-item .type{display:inline-block;padding:3px 10px;border-radius:12px;font-size:.8em;margin-bottom:8px}.prize-info-item .type.permanent{background:#d5f5e3;color:#27ae60}.prize-info-item .type.consumable{background:#fdebd0;color:#e67e22}.prize-info-item .type.cumulative{background:#d6eaf8;color:#3498db}.prize-info-item .description{color:#666;font-size:.9em;margin-bottom:8px}.prize-info-item .probability{color:#667eea;font-weight:700;font-size:.9em}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);animation:fadeIn .3s ease}#luckyRewardModal{z-index:2000}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.modal-content{background-color:#fff;margin:10% auto;padding:30px;border-radius:15px;width:90%;max-width:500px;box-shadow:0 10px 40px rgba(0,0,0,.3);animation:slideIn .3s ease;position:relative}@keyframes slideIn{from{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.close{position:absolute;right:20px;top:15px;font-size:28px;font-weight:700;color:#aaa;cursor:pointer;transition:color .3s ease}.close:hover{color:#333}.modal-content h2{color:#667eea;margin-bottom:20px;text-align:center}.modal-body{margin-bottom:20px}.modal-body p{font-size:1.2em;text-align:center;margin-bottom:15px;color:#333}.modal-btn{display:block;width:100%;padding:12px;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;border:none;border-radius:8px;font-size:1.1em;cursor:pointer;transition:all .3s ease}.modal-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(102,126,234,.4)}.prize-selection{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;margin-top:20px}.prize-option{background:#f8f9fa;padding:15px;border-radius:10px;cursor:pointer;transition:all .3s ease;border:2px solid transparent;text-align:center}.prize-option:hover{background:#e9ecef;border-color:#667eea;transform:translateY(-3px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.prize-option .name{font-weight:700;color:#333;margin-bottom:8px}.prize-option .description{color:#666;font-size:.9em}.lucky-info-content{padding:10px 0}.lucky-current{text-align:center;margin-bottom:25px;padding:20px;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);border-radius:10px;color:#fff}.lucky-current .label{display:block;font-size:1em;margin-bottom:10px}.lucky-current .value{display:inline-block;font-size:3em;font-weight:700}.lucky-current .unit{font-size:1.2em}.lucky-bonus{margin-bottom:25px}.lucky-bonus h3{color:#667eea;margin-bottom:15px;text-align:center}.bonus-item{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background:#f8f9fa;border-radius:8px;margin-bottom:10px}.bonus-label{color:#666;font-weight:500}.bonus-value{color:#27ae60;font-weight:700;font-size:1.1em}.lucky-actions{text-align:center}.action-btn{padding:12px 30px;font-size:1.1em;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 8px rgba(102,126,234,.4)}.action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 12px rgba(102,126,234,.6)}.action-btn:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.probability-list{max-height:400px;overflow-y:auto;margin-bottom:20px}.probability-item{display:flex;justify-content:space-between;align-items:center;padding:15px;background:#f8f9fa;border-radius:8px;margin-bottom:10px;border-left:4px solid #667eea}.probability-item:hover{background:#e9ecef}.probability-item .name{font-weight:700;color:#333;flex:2}.probability-item .type{padding:3px 10px;border-radius:12px;font-size:.8em;margin-right:10px}.probability-item .type.permanent{background:#d5f5e3;color:#27ae60}.probability-item .type.consumable{background:#fdebd0;color:#e67e22}.probability-item .type.cumulative{background:#d6eaf8;color:#3498db}.probability-item .probability{font-weight:700;color:#667eea;font-size:1.1em;flex:1;text-align:right}.probability-summary{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);padding:20px;border-radius:10px;color:#fff}.summary-item{display:flex;justify-content:space-between;align-items:center}.summary-label{font-size:1.1em;font-weight:700}.summary-value{font-size:1.5em;font-weight:700}@media (max-width:768px){.container{padding:15px}header h1{font-size:1.8em}.user-info{flex-direction:column;align-items:center}.info-card{width:100%;max-width:250px}.wheel-container{width:250px;height:250px}.draw-btn{padding:12px 40px;font-size:1.1em}.cumulative-list,.prize-info-list{grid-template-columns:1fr}.history-item{flex-direction:column;text-align:center;gap:5px}.history-item .lucky-change,.history-item .result,.history-item .time{flex:none;text-align:center}}@media (max-width:480px){.wheel-container{width:200px;height:200px}.wish-select{width:100%;margin-right:0;margin-bottom:10px}.wish-btn{width:100%}}.redeem-btn{padding:12px 30px;font-size:1.1em;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 8px rgba(102,126,234,.3)}.redeem-btn:hover{transform:translateY(-2px);box-shadow:0 6px 12px rgba(102,126,234,.4)}.redeem-desc{color:#666;font-size:1em;margin-bottom:20px;text-align:center}.redeem-input-group{display:flex;gap:10px;margin-bottom:15px}.redeem-input{flex:1;padding:12px 15px;font-size:1.2em;border:2px solid #ddd;border-radius:8px;text-align:center;letter-spacing:3px;text-transform:uppercase;font-weight:700;color:#333;transition:border-color .3s ease}.redeem-input:focus{outline:0;border-color:#667eea}.redeem-confirm-btn{padding:12px 25px;font-size:1em;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.redeem-confirm-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(102,126,234,.4)}.redeem-message{text-align:center;font-size:1em;font-weight:700;min-height:24px;margin-top:10px}#redeemModal{z-index:2000}