*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;min-height:100%;overflow-x:hidden}body{background-image:url(https://websource-meiyi.oss-cn-hangzhou.aliyuncs.com/website/%E8%B4%9D%E5%A3%B3%E6%8A%BD%E5%A5%96%E6%B4%BB%E5%8A%A8/%E6%B5%B7%E6%B4%8B%E4%B8%BB%E9%A2%98%E8%83%8C%E6%99%AF.png);background-position:50%;background-repeat:no-repeat;background-size:cover;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}#app{width:100%;min-height:100vh;position:relative}.home-page{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.home-container{text-align:center;background:#fffffff2;border-radius:24px;width:100%;max-width:360px;padding:48px 32px;box-shadow:0 20px 60px #0000004d}.home-logo{width:72px;height:72px;margin:0 auto 24px}.home-title{color:#2e7b9e;letter-spacing:-.5px;margin:0 0 8px;font-size:32px;font-weight:700}.home-subtitle{color:#666;margin:0 0 32px;font-size:14px;font-weight:400}.start-btn{color:#fff;cursor:pointer;background:#2e7b9e;border:none;border-radius:12px;width:100%;padding:16px 24px;font-size:16px;font-weight:600;transition:all .2s;box-shadow:0 4px 12px #2e7b9e4d}.start-btn:hover:not(:disabled){background:#1e5a7a;transform:translateY(-1px)}.start-btn:active{transform:translateY(0)}.start-btn:disabled{cursor:not-allowed;box-shadow:none;background:#ccc}.user-card{background:#f5f5f5;border-radius:12px;justify-content:center;align-items:center;gap:12px;margin-top:24px;padding:12px;display:flex}.user-avatar{object-fit:cover;border:2px solid #2e7b9e;border-radius:50%;width:40px;height:40px}.user-name{color:#333;font-size:14px;font-weight:600}.home-tip{color:#999;margin-top:16px;font-size:13px}.user-info-display{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;background:#fffffff2;border:2px solid #2e7b9e33;border-radius:16px;align-items:center;gap:12px;padding:12px 16px;animation:.3s slideInLeft;display:flex;position:fixed;top:20px;left:20px;box-shadow:0 4px 16px #0000001a}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.user-info-avatar{object-fit:cover;border:2px solid #2e7b9e4d;border-radius:50%;width:40px;height:40px}.user-info-text{flex-direction:column;gap:2px;display:flex}.user-info-nickname{color:#333;text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:14px;font-weight:700;overflow:hidden}.user-info-badge{color:#2e7b9e;background:#2e7b9e1a;border:1px solid #2e7b9e4d;border-radius:8px;align-self:flex-start;padding:2px 8px;font-size:10px;font-weight:600;display:inline-block}.game-page{width:100%;height:100%;position:relative;overflow:hidden}.bubbles-container{pointer-events:none;z-index:1;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}@keyframes waveMotion{0%{transform:translate(0)translateY(0)}to{transform:translate(-50%)translateY(0)}}@keyframes waveSurface{0%{background-position-x:0}to{background-position-x:100%}}@keyframes bubbleFloat1{0%{opacity:.6;transform:translate(0)rotate(0)}25%{opacity:.9;transform:translate(20px,-30px)rotate(90deg)}50%{opacity:.7;transform:translate(-10px,-60px)rotate(180deg)}75%{opacity:.8;transform:translate(30px,-40px)rotate(270deg)}to{opacity:.6;transform:translate(0)rotate(360deg)}}@keyframes bubbleFloat2{0%{opacity:.5;transform:translate(0)rotate(0)scale(1)}33%{opacity:.8;transform:translate(-25px,-40px)rotate(-120deg)scale(1.1)}66%{opacity:.6;transform:translate(15px,-70px)rotate(120deg)scale(.9)}to{opacity:.5;transform:translate(0)rotate(0)scale(1)}}@keyframes bubbleFloat3{0%{opacity:.4;transform:translate(0)rotate(0)}20%{opacity:.7;transform:translate(40px,-50px)rotate(72deg)}40%{opacity:.5;transform:translate(-20px,-80px)rotate(144deg)}60%{opacity:.8;transform:translate(35px,-60px)rotate(216deg)}80%{opacity:.6;transform:translate(-15px,-30px)rotate(288deg)}to{opacity:.4;transform:translate(0)rotate(360deg)}}@keyframes shellSwingMid{0%,to{transform:rotate(0)translateY(0)}50%{transform:rotate(3deg)translateY(-3px)}}.my-coupons-button{cursor:pointer;z-index:100;width:80px;height:80px;transition:transform .3s;animation:2s ease-in-out infinite buttonBounce;position:fixed;top:20px;right:20px}.my-coupons-button:hover{transform:scale(1.1)}.my-coupons-button img{object-fit:contain;filter:drop-shadow(0 4px 12px #0000004d);width:100%;height:100%}@keyframes buttonBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.qrcode-display{z-index:100;width:100px;height:100px;animation:2s ease-in-out infinite buttonBounce;position:fixed;bottom:20px;right:20px}.qrcode-display img{object-fit:contain;filter:drop-shadow(0 4px 12px #0000004d);width:100%;height:100%}.fullscreen-overlay{z-index:1000;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.3s zoomIn;display:none;position:fixed;top:0;left:0}.fullscreen-overlay:before{content:"";opacity:0;pointer-events:none;z-index:999;background:#00000080;width:100%;height:100%;animation:.5s .3s forwards fadeIn;position:absolute;top:0;left:0}@keyframes zoomIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{to{opacity:1}}.fullscreen-overlay.active{display:flex}.frame-container{z-index:1001;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative}#sequencePlayerContainer{filter:drop-shadow(0 20px 60px #00000080);width:auto;max-width:90vw;height:auto;max-height:90vh;display:block}#sequencePlayerContainer img{object-fit:contain;max-width:100%;max-height:100%;display:block}.video-player{object-fit:contain;filter:drop-shadow(0 20px 60px #00000080);width:auto;max-width:90vw;height:auto;max-height:90vh;display:block}@keyframes particleFall{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(100vh)rotate(720deg)}}@keyframes couponFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.qrcode-modal{z-index:3000;background:#000000e6;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.3s fadeIn;display:flex;position:fixed;top:0;left:0}.qrcode-modal-content{text-align:center;background:#fff;border-radius:30px;width:90%;max-width:400px;padding:50px;animation:.3s scaleIn;position:relative}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.qrcode-modal-content .close-button{color:#333;cursor:pointer;background:#f0f0f0;border:none;border-radius:50%;width:40px;height:40px;font-size:24px;transition:all .3s;position:absolute;top:15px;right:15px}.qrcode-modal-content .close-button:hover{background:#e0e0e0;transform:rotate(90deg)}.qrcode-modal-content h3{color:#333;margin:0 0 30px;font-size:28px;font-weight:800}.qrcode-container{background:#fff;border-radius:20px;margin-bottom:20px;padding:20px;box-shadow:0 10px 40px #0000001a}.qrcode-image{object-fit:contain;width:250px;height:250px}.qrcode-tip{color:#666;margin:0;font-size:16px}@media (max-width:768px),(orientation:portrait){.my-coupons-button{width:60px;height:60px;top:15px;right:15px}.qrcode-display{width:80px;height:80px;bottom:15px;right:15px}.coupons-modal-content{padding:30px 20px}.coupons-modal-header h2{font-size:24px}.coupons-list{grid-template-columns:repeat(3,1fr);gap:12px}.coupon-item{padding:15px 10px}.coupon-status{margin-bottom:8px;font-size:30px}.coupon-info{font-size:12px}.qrcode-modal-content{padding:30px 20px}.qrcode-modal-content h3{font-size:22px}.qrcode-image{width:200px;height:200px}.qrcode-tip{font-size:14px}.video-player{max-width:95vw;max-height:75vh}}@media (max-width:480px){.home-title{font-size:28px}.coupons-list{grid-template-columns:repeat(3,1fr);gap:8px}.coupon-item{padding:10px 5px}.coupon-status{font-size:24px}.coupon-info{font-size:11px}.coupon-image{width:min(350px,70vw)}}.particles{pointer-events:none;z-index:1001;width:100%;height:100%;position:fixed;top:0;left:0}.particle{background:radial-gradient(circle,gold 0%,#0000 70%);border-radius:50%;width:10px;height:10px;animation:3s linear infinite particleFall;position:absolute}.close-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;z-index:1002;background:#fff3;border:2px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:all .3s;display:flex;position:fixed;top:30px;right:30px}.close-button:hover{background:#ffffff4d;transform:rotate(90deg)scale(1.1)}.close-button:before,.close-button:after{content:"";background:#fff;border-radius:2px;width:30px;height:3px;position:absolute}.close-button:before{transform:rotate(45deg)}.close-button:after{transform:rotate(-45deg)}.bubbles-container{pointer-events:none;z-index:1;width:100%;height:100%;position:fixed;top:0;left:0}.bubble{opacity:.8;background-position:50%;background-repeat:no-repeat;background-size:contain;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute}.shells-container{pointer-events:auto;z-index:0;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.shell{cursor:pointer;pointer-events:auto;backface-visibility:hidden;-webkit-font-smoothing:antialiased;background-position:50%;background-repeat:no-repeat;background-size:contain;transition:transform .3s ease-out,filter .3s ease-out;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute}.shell.opened{cursor:default;filter:brightness(1.1);animation-play-state:paused}.shell.opened:hover{filter:brightness(1.1)!important;transform:none!important}.shell.selected{z-index:100;animation-play-state:paused!important;transform:scale(1.15)rotate(0)!important}.coupon-container{z-index:1003;opacity:0;flex-direction:column;align-items:center;gap:30px;transition:transform .6s ease-out,opacity .4s ease-out;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.coupon-container.show{opacity:1;transform:translate(-50%,-50%)scale(1)}.coupon-image{filter:drop-shadow(0 10px 40px #00000080);cursor:pointer;width:min(500px,80vw);height:auto;transition:transform .3s;animation:2s ease-in-out infinite couponFloat}.coupon-image:hover{transform:scale(1.05)}.claim-button{color:#fff;cursor:pointer;pointer-events:auto;background:linear-gradient(135deg,#ff6b6b 0%,#ff8e53 100%);border:none;border-radius:50px;padding:20px 60px;font-size:24px;font-weight:700;transition:all .3s;animation:2s ease-in-out infinite buttonPulse;box-shadow:0 10px 40px #ff6b6b66}.claim-button:hover{transform:translateY(-3px)scale(1.05);box-shadow:0 15px 50px #ff6b6b80}.claim-button:active{transform:translateY(-1px)scale(1.02)}@keyframes buttonPulse{0%,to{box-shadow:0 10px 40px #ff6b6b66}50%{box-shadow:0 10px 50px #ff6b6b99}}@keyframes shellSwingNear{0%,to{transform:rotate(0)translateY(0)}25%{transform:rotate(5deg)translateY(-5px)}50%{transform:rotate(-3deg)translateY(3px)}75%{transform:rotate(2deg)translateY(-2px)}}@keyframes shellSwingFar{0%,to{transform:rotate(0)translateY(0)scale(1)}50%{transform:rotate(2deg)translateY(-1px)scale(1.02)}}.ocean-wave{pointer-events:none;z-index:2;background:linear-gradient(#0000 0%,#0096c81a 30%,#0078b433 60%,#0064964d 100%);width:200%;height:200px;animation:8s ease-in-out infinite waveMotion;position:fixed;bottom:0;left:0}.ocean-wave:before{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M0,60 C150,20 350,100 600,60 C850,20 1050,100 1200,60 L1200,120 L0,120 Z' fill='rgba(255,255,255,0.1)'/%3E%3C/svg%3E") 0 0/50% 100%;width:100%;height:30px;animation:4s linear infinite waveSurface;position:absolute;top:0;left:0}@media (max-width:768px),(orientation:portrait){.title{font-size:32px}.main-button{padding:20px 60px;font-size:24px}.close-button{width:50px;height:50px;top:20px;right:20px}.coupon-image{width:min(400px,75vw)}.claim-button{padding:16px 48px;font-size:20px}.shell.selected{z-index:100;animation-play-state:paused!important;transform:scale(1.15)rotate(0)!important}}@media (max-width:480px){.title{font-size:32px}.coupons-list{grid-template-columns:repeat(3,1fr);gap:8px}.coupon-item{padding:10px 5px}.coupon-status{font-size:24px}.coupon-info{font-size:11px}.coupon-image{width:min(350px,70vw)}}@keyframes toastFadeIn{0%{opacity:0;transform:translate(-50%)translateY(-20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes toastFadeOut{0%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(-20px)}}.coupons-page{-webkit-overflow-scrolling:touch;background:linear-gradient(#0f0c29 0%,#302b63 50%,#24243e 100%);width:100%;min-height:100vh;padding:80px 0 40px;position:relative;overflow:hidden auto}.coupons-page:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 100% 0,#667eea1a 0%,#0000 50%),radial-gradient(at 0 100%,#764ba21a 0%,#0000 50%);width:100%;height:100%;position:fixed;top:0;left:0}.coupons-back-button{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4, 0, .2);z-index:100;background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;align-items:center;gap:8px;padding:12px 20px;font-size:15px;font-weight:500;display:flex;position:fixed;top:20px;left:20px;box-shadow:0 2px 12px #00000026}.coupons-back-button:active{background:#ffffff1f;transform:scale(.97)}.coupons-back-button svg{transition:transform .2s}.coupons-back-button:active svg{transform:translate(-2px)}.coupons-page-header{text-align:center;z-index:1;padding:30px 20px 20px;position:relative}.coupons-page-title{color:#fff;letter-spacing:-.5px;margin:0 0 8px;font-size:32px;font-weight:700}.coupons-page-subtitle{color:#fff9;margin:0;font-size:15px;font-weight:400}.coupons-list-container{z-index:1;flex-direction:column;gap:12px;max-width:700px;margin:0 auto;padding:0 16px;display:flex;position:relative}.coupon-list-item{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .3s cubic-bezier(.4, 0, .2);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:16px;justify-content:space-between;align-items:center;min-height:fit-content;padding:18px 20px;display:flex;position:relative;overflow:hidden}.coupon-list-item:before{content:"";background:linear-gradient(#ffffff1a 0%,#ffffff0d 100%);width:4px;height:100%;transition:all .3s;position:absolute;top:0;left:0}.coupon-list-left{flex:1;align-items:center;gap:16px;min-width:0;display:flex}.coupon-list-icon{flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.coupon-list-info{flex:1;min-width:0}.coupon-list-name{color:#fff;letter-spacing:-.2px;word-break:break-word;overflow-wrap:break-word;margin:0 0 4px;font-size:17px;font-weight:600}.coupon-list-desc{color:#ffffff80;word-break:break-word;overflow-wrap:break-word;margin:0;font-size:13px;font-weight:400}.coupon-list-right{flex-shrink:0;align-items:center;gap:12px;display:flex}.coupon-list-badge{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:20px;padding:6px 14px;font-size:13px;font-weight:600;box-shadow:0 2px 8px #667eea4d}.coupon-list-arrow{color:#fff6;transition:all .3s}.coupon-list-locked-icon{background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.coupon-list-shine{pointer-events:none;z-index:2;background:linear-gradient(90deg,#0000,#ffffff0d,#0000);width:100%;height:100%;position:absolute;top:0;left:-100%}.coupon-list-item.collected{cursor:pointer;background:#ffffff14}.coupon-list-item.collected:before{background:linear-gradient(#667eea 0%,#764ba2 100%);width:5px}.coupon-list-item.collected:hover{background:#ffffff1f;border-color:#667eea4d;transform:translate(4px);box-shadow:0 4px 20px #667eea33}.coupon-list-item.collected:hover .coupon-list-arrow{color:#fffc;transform:translate(3px)}.coupon-list-item.collected:active{transform:translate(2px)scale(.99)}.coupon-list-item.collected .coupon-list-shine{animation:2.5s ease-in-out infinite listItemShine}@keyframes listItemShine{0%{left:-100%}50%,to{left:100%}}.coupon-list-item.locked{cursor:not-allowed;opacity:.5}.coupon-list-item.locked:hover{background:#ffffff0f;transform:none}.coupon-list-item.locked .coupon-list-name{color:#ffffff80}@media (max-width:480px){.coupons-page{padding-top:70px}.coupons-back-button{padding:10px 16px;font-size:14px;top:15px;left:15px}.coupons-page-header{padding:20px 16px 16px}.coupons-page-title{font-size:26px}.coupons-page-subtitle{font-size:14px}.coupons-list-container{gap:10px;padding:0 12px}.coupon-list-item{border-radius:14px;padding:16px}.coupon-list-left{gap:12px}.coupon-list-icon{width:44px;height:44px}.coupon-list-name{font-size:16px}.coupon-list-desc{font-size:12px}.coupon-list-badge{padding:5px 12px;font-size:12px}.coupon-list-locked-icon{width:30px;height:30px}}@media (max-width:360px){.coupons-page{padding-top:65px;padding-bottom:30px}.coupons-back-button{padding:8px 14px;font-size:13px;top:12px;left:12px}.coupons-page-header{padding:15px 12px 12px}.coupons-page-title{font-size:22px}.coupons-page-subtitle{font-size:13px}.coupons-list-container{gap:8px;padding:0 10px}.coupon-list-item{border-radius:12px;padding:12px}.coupon-list-left{gap:10px}.coupon-list-icon{width:40px;height:40px}.coupon-list-name{font-size:14px}.coupon-list-desc{font-size:11px}.coupon-list-badge{padding:4px 10px;font-size:11px}.coupon-list-locked-icon{width:28px;height:28px}.coupon-list-arrow{width:16px;height:16px}}@media (max-width:320px){.coupons-page-title{font-size:20px}.coupons-page-subtitle{font-size:12px}.coupon-list-item{padding:10px}.coupon-list-icon{width:36px;height:36px}.coupon-list-name{font-size:13px}.coupon-list-desc{font-size:10px}.coupon-list-badge{padding:3px 8px;font-size:10px}}@media (max-height:600px) and (orientation:landscape){.coupons-page{padding-top:60px;padding-bottom:20px}.coupons-back-button{padding:8px 16px;font-size:14px;top:10px;left:10px}.coupons-page-header{padding:15px 20px 10px}.coupons-page-title{margin:0 0 5px;font-size:24px}.coupons-page-subtitle{margin:0 0 10px;font-size:13px}.coupons-list-container{gap:8px;padding:0 20px}.coupon-list-item{padding:12px 16px}.coupon-list-icon{width:40px;height:40px}.coupon-list-name{margin:0 0 3px;font-size:15px}.coupon-list-desc{margin:0;font-size:12px}.coupon-list-badge{padding:4px 10px;font-size:11px}.coupon-list-locked-icon{width:28px;height:28px}.coupon-list-arrow{width:18px;height:18px}}