:root{--color-background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--section-background: linear-gradient(135deg,rgba(255, 255, 255, .75) 0%, rgba(255, 255, 255, .7) 50%, rgba(255, 255, 255, .75) 100%);--button-background: linear-gradient(135deg, #667eea 0%, #764ba2 100%)}@media (prefers-color-scheme: dark){:root{--color-background: linear-gradient(135deg, #282944 0%, #2a2f49 50%, #282944 100%) !important;--section-background: linear-gradient(135deg, #282944 0%, #2a2f49 50%, #282944 100%) !important}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;touch-action:manipulation}html,body,#app{min-height:100vh;min-height:100dvh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;overscroll-behavior:none}#app{overflow-x:hidden}input,textarea,select{font-size:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none}button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#0000004d}@media (max-width: 768px){html,body,#app{font-size:14px}:root{--section-gap: 80px}}.message-toast[data-v-5683d6b2]{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:1000;border-radius:12px;padding:16px 20px;color:#fff;font-weight:500;box-shadow:0 8px 32px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideDown-5683d6b2 .3s ease-out;width:95%}.message-toast.success[data-v-5683d6b2]{background:#48bb78f2}.message-toast.error[data-v-5683d6b2]{background:#f56565f2}.message-content[data-v-5683d6b2]{display:flex;align-items:center;gap:8px}.message-icon[data-v-5683d6b2]{flex-shrink:0}@keyframes slideDown-5683d6b2{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media (prefers-color-scheme: dark){.message-toast.success[data-v-5683d6b2]{background:#22c55ee6!important}.message-toast.error[data-v-5683d6b2]{background:#ef4444e6!important}}.video-modal[data-v-7f88c7a4]{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.video-container[data-v-7f88c7a4]{width:90%;max-width:800px;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #0000004d}.video-header[data-v-7f88c7a4]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8f9fa;border-bottom:1px solid #eaeaea}.video-header h3[data-v-7f88c7a4]{margin:0;font-size:18px;color:#333}.close-btn[data-v-7f88c7a4]{background:none;border:none;cursor:pointer;color:#666;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.close-btn[data-v-7f88c7a4]:hover{background:#0000000d;color:#333}.video-content[data-v-7f88c7a4]{padding:0}.video-player[data-v-7f88c7a4]{width:100%;display:block;max-height:80vh}@media (prefers-color-scheme: dark){.video-container[data-v-7f88c7a4]{background:#1a1a2e}.video-header[data-v-7f88c7a4]{background:#16213e;border-bottom:1px solid rgba(255,255,255,.1)}.video-header h3[data-v-7f88c7a4]{color:#e2e8f0}.close-btn[data-v-7f88c7a4]{color:#a0aec0}.close-btn[data-v-7f88c7a4]:hover{background:#ffffff1a;color:#e2e8f0}}[data-v-1575cd49]{box-sizing:border-box}.app-container[data-v-1575cd49]{background:var(--background-color);padding:16px}.body-container[data-v-1575cd49]{max-width:600px;margin:0 auto}.header[data-v-1575cd49]{text-align:center;margin-bottom:15px;color:#fff}.logo-container[data-v-1575cd49]{padding-top:10px}.logo[data-v-1575cd49]{width:80px;height:80px;filter:brightness(0) invert(1);animation:logoBreathing-1575cd49 4s ease-in-out infinite;transform-origin:center center}@keyframes logoBreathing-1575cd49{0%,to{transform:scale(1);filter:brightness(0) invert(1) drop-shadow(0 0 8px rgba(255,255,255,.4))}50%{transform:scale(1.08);filter:brightness(0) invert(1) drop-shadow(0 0 16px rgba(255,255,255,.6))}}.title[data-v-1575cd49]{font-size:26px;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.2);letter-spacing:.2em}.redeem-card[data-v-1575cd49]{background:var(--section-background);border-radius:16px;box-shadow:0 8px 32px #0000001a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18);padding:30px 20px 10px;margin-bottom:30px}.section-title[data-v-1575cd49]{font-size:24px;font-weight:600;margin:0;color:#fff;line-height:1.4}.section-title[data-v-1575cd49]:after{content:"";display:block;width:100%;height:2px;border-radius:2px;background:#fff;margin-top:2.5px}.form-group[data-v-1575cd49]{margin-bottom:20px}.form-group-inline[data-v-1575cd49]{display:flex;align-items:center;margin-bottom:15px}.input-wrapper[data-v-1575cd49]{position:relative;flex:1;display:flex;align-items:center}.input-inline[data-v-1575cd49]{flex:1;height:40px;padding:0 12px;border:1px solid rgba(255,255,255,.5);border-radius:15px;font-size:15px;transition:all .2s;background:var(--section-background);width:100%}.input[data-v-1575cd49]:focus,.input-inline[data-v-1575cd49]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.clear-btn[data-v-1575cd49]{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:#a0aec0;cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.clear-btn[data-v-1575cd49]:hover{color:#718096;background:#0000000d}.clear-btn[data-v-1575cd49]:focus{outline:none;color:#a0aec0;background:none}.btn-group[data-v-1575cd49]{display:flex;gap:8px;margin-top:15px}.redeem-btn[data-v-1575cd49]{flex:1;height:40px;background:var(--button-background);color:#fff;border:none;border-radius:20px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.redeem-btn[data-v-1575cd49]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.redeem-btn[data-v-1575cd49]:focus{outline:none;transform:none;box-shadow:none}.redeem-btn[data-v-1575cd49]:active{transform:translateY(0);box-shadow:0 4px 15px #667eea33}.redeem-btn[data-v-1575cd49]:disabled{opacity:.7;cursor:not-allowed;transform:none}.tutorial-btn[data-v-1575cd49]{width:90px;height:40px;background:var(--button-background);border:none;color:#fff;border-radius:20px;font-size:14px;font-weight:600;transition:all .2s}.tutorial-btn[data-v-1575cd49]:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.tutorial-btn[data-v-1575cd49]:focus{outline:none;transform:none}.tutorial-btn[data-v-1575cd49]:active{transform:translateY(0);box-shadow:0 4px 15px #667eea33}.redeem-tips[data-v-1575cd49]{margin-top:10px;text-align:center}.tips-text[data-v-1575cd49]{font-size:12px;color:#dc2626}.tips-text-link[data-v-1575cd49]{font-weight:600;color:#667eea}.shop-section[data-v-1575cd49]{width:100%}.section-header[data-v-1575cd49]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.refresh-btn[data-v-1575cd49]{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:4px}.refresh-btn[data-v-1575cd49]:hover:not(:disabled){background:#ffffff4d;transform:translateY(-1px)}.refresh-btn[data-v-1575cd49]:focus{outline:none;background:#ffffff1a;transform:none}.refresh-btn[data-v-1575cd49]:active{background:#fff3;transform:translateY(0)}.refresh-btn[data-v-1575cd49]:disabled{opacity:.7;cursor:not-allowed;transform:none}.dice-icon[data-v-1575cd49]{padding-right:2.5px;display:inline-block;transition:transform .2s ease;transform-origin:center center;height:1.2em;text-align:center}.dice-rolling[data-v-1575cd49]{animation:diceBounce-1575cd49 .5s ease-in-out infinite}@keyframes diceBounce-1575cd49{0%,to{transform:translateY(0) scale(1)}25%{transform:translateY(-8px) scale(1.1) rotate(15deg)}50%{transform:translateY(-12px) scale(1.15) rotate(-10deg)}75%{transform:translateY(-6px) scale(1.05) rotate(5deg)}}@keyframes rotate-1575cd49{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.shop-grid[data-v-1575cd49]{display:grid;grid-template-columns:1fr;gap:8px}.shop-card[data-v-1575cd49]{background:var(--section-background);border-radius:16px;padding:8px 12px;display:flex;align-items:center;gap:12px;transition:all .2s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;border:1px solid rgba(255,255,255,.2)}.shop-card[data-v-1575cd49]:hover{transform:translateY(-2px);box-shadow:0 8px 32px #00000026;border-color:#fff6}.shop-avatar[data-v-1575cd49]{width:45px;height:45px;border-radius:50%;overflow:hidden;flex-shrink:0;background:#f0f0f0;border:1px solid rgba(255,255,255,.5);box-shadow:0 4px 8px #0000001a}.shop-avatar img[data-v-1575cd49]{width:100%;height:100%;object-fit:cover}.shop-info[data-v-1575cd49]{flex:1;min-width:0;width:0;max-width:calc(100% - 80px)}.shop-name[data-v-1575cd49]{font-size:16px;font-weight:600;color:#2d3748;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.shop-intro[data-v-1575cd49]{font-size:12px;color:#718096;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.shop-arrow[data-v-1575cd49]{color:#a0aec0;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#00000008;transition:all .2s}.shop-card:hover .shop-arrow[data-v-1575cd49]{background:#667eea1a;color:#667eea;transform:translate(2px)}.loading-state[data-v-1575cd49]{text-align:center;padding:40px 20px;color:#fff}.loading-spinner[data-v-1575cd49]{width:20px;height:20px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin-1575cd49 1s linear infinite;display:inline-block}@keyframes spin-1575cd49{to{transform:rotate(360deg)}}@keyframes slideDown-1575cd49{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.footer-container[data-v-1575cd49]{display:flex;flex-direction:column;align-items:center;margin-top:15px}.footer-item[data-v-1575cd49]{font-size:14px;color:#fff;transition:all .3s ease}.footer-link[data-v-1575cd49]{display:flex;align-items:center;color:#fff;text-decoration:none;transition:all .3s ease;padding:5px 8px;border-radius:8px}@media (prefers-color-scheme: dark){.redeem-card[data-v-1575cd49]{border:1px solid rgba(255,255,255,.1)!important}.footer-link[data-v-1575cd49]:hover{background:#ffffff0d!important}.input-inline[data-v-1575cd49]{border-color:#ffffff1a!important;color:#e2e8f0!important}.input-inline[data-v-1575cd49]:focus{border-color:#667eea!important}.input-inline[data-v-1575cd49]::placeholder{color:#e2e8f099!important}.clear-btn[data-v-1575cd49]{color:#e2e8f099!important}.clear-btn[data-v-1575cd49]:hover{color:#e2e8f0!important;background:#ffffff1a!important}.shop-card[data-v-1575cd49]{border:1px solid rgba(255,255,255,.08)!important}.shop-card[data-v-1575cd49]:hover{background:#28283ce6!important;border-color:#ffffff26!important}.shop-name[data-v-1575cd49]{color:#e2e8f0!important}.shop-intro[data-v-1575cd49]{color:#e2e8f0b3!important}.tutorial-btn[data-v-1575cd49]{background:var(--button-background)}.tutorial-btn[data-v-1575cd49]:hover{border-color:#ffffff4d!important}.refresh-btn[data-v-1575cd49]{border-color:#fff3!important}.refresh-btn[data-v-1575cd49]:hover:not(:disabled){background:#28283ccc!important}.message-toast.success[data-v-1575cd49]{background:#22c55ee6!important}.message-toast.error[data-v-1575cd49]{background:#ef4444e6!important}.loading-state[data-v-1575cd49]{color:#e2e8f0e6!important}}