@charset "UTF-8";.modal-overlay[data-v-e13a6d2b]{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-container[data-v-e13a6d2b]{background:#fff;border-radius:20px;padding:40px;width:90%;max-width:420px;position:relative;box-shadow:0 20px 60px #0000004d}.close-button[data-v-e13a6d2b]{position:absolute;top:15px;right:15px;width:36px;height:36px;border:none;background:#f0f0f0;border-radius:50%;cursor:pointer;font-size:1.5rem;color:#666;display:flex;align-items:center;justify-content:center;transition:all .3s}.close-button[data-v-e13a6d2b]:hover{background:#e0e0e0;transform:rotate(90deg)}.modal-title[data-v-e13a6d2b]{text-align:center;font-size:1.6rem;font-weight:700;color:#333;margin:0 0 10px}.modal-desc[data-v-e13a6d2b]{text-align:center;font-size:.95rem;color:#888;margin:0 0 30px}.login-methods[data-v-e13a6d2b]{display:flex;flex-direction:column;gap:15px}.login-method-btn[data-v-e13a6d2b]{display:flex;align-items:center;gap:15px;padding:18px 22px;border:2px solid #e8e8e8;border-radius:12px;background:#fff;cursor:pointer;transition:all .3s}.login-method-btn[data-v-e13a6d2b]:hover:not(.disabled){border-color:#d0d0d0;background:#fafafa;transform:translateY(-2px);box-shadow:0 4px 16px #00000014}.login-method-btn[data-v-e13a6d2b]:active:not(.disabled){transform:translateY(0)}.login-method-btn.disabled[data-v-e13a6d2b]{opacity:.5;cursor:not-allowed}.login-method-btn.feishu-btn[data-v-e13a6d2b]:hover:not(.disabled){border-color:#00b4d8;background:linear-gradient(135deg,#00b4d80d,#0077b60d)}.login-method-btn.wechat-btn[data-v-e13a6d2b]:hover:not(.disabled){border-color:#07c160;background:linear-gradient(135deg,#07c1600d,#0693e30d)}.method-icon[data-v-e13a6d2b]{font-size:1.8rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border-radius:12px}.login-method-btn.feishu-btn .method-icon[data-v-e13a6d2b]{background:linear-gradient(135deg,#00b4d833,#0077b633)}.login-method-btn.wechat-btn .method-icon[data-v-e13a6d2b]{background:linear-gradient(135deg,#07c16033,#0693e333)}.method-info[data-v-e13a6d2b]{flex:1;text-align:left}.method-name[data-v-e13a6d2b]{display:block;font-size:1rem;font-weight:600;color:#333;margin-bottom:4px}.method-desc[data-v-e13a6d2b]{display:block;font-size:.8rem;color:#999}.method-arrow[data-v-e13a6d2b]{font-size:1.2rem;color:#ccc;transition:all .3s}.login-method-btn:hover:not(.disabled) .method-arrow[data-v-e13a6d2b]{color:#999;transform:translate(4px)}.hint-text[data-v-e13a6d2b]{text-align:center;font-size:.85rem;color:#bbb;margin:30px 0 0}.modal-fade-enter-active[data-v-e13a6d2b],.modal-fade-leave-active[data-v-e13a6d2b]{transition:all .3s ease}.modal-fade-enter-from[data-v-e13a6d2b],.modal-fade-leave-to[data-v-e13a6d2b]{opacity:0}.modal-fade-enter-from .modal-container[data-v-e13a6d2b],.modal-fade-leave-to .modal-container[data-v-e13a6d2b]{transform:scale(.9) translateY(20px)}.login-button-container[data-v-2e0ff51a]{position:relative}.login-btn[data-v-2e0ff51a]{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#ffffffe6;border:2px solid #00ffff;border-radius:25px;cursor:pointer;transition:all .3s;box-shadow:0 2px 8px #0ff3;font-size:.95rem;font-weight:600;color:#333}.login-btn[data-v-2e0ff51a]:hover{background:#fff;box-shadow:0 4px 16px #0ff6;transform:scale(1.05)}.login-btn .icon[data-v-2e0ff51a]{font-size:1.1rem}.user-info[data-v-2e0ff51a]{display:flex;align-items:center;gap:10px;padding:8px 16px;background:#ffffffe6;border:2px solid #ffd700;border-radius:25px;cursor:pointer;position:relative;transition:all .3s}.user-info[data-v-2e0ff51a]:hover{box-shadow:0 4px 16px #ffd7004d;transform:scale(1.02)}.avatar[data-v-2e0ff51a]{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid #ffd700}.avatar-placeholder[data-v-2e0ff51a]{font-size:1.5rem}.nickname[data-v-2e0ff51a]{font-size:.9rem;font-weight:600;color:#333;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vip-badge[data-v-2e0ff51a]{padding:2px 8px;background:linear-gradient(135deg,gold,#ffed4e);color:#8b6914;border-radius:12px;font-size:.75rem;font-weight:700}.dropdown-menu[data-v-2e0ff51a]{position:absolute;top:100%;right:0;margin-top:8px;background:#fff;border-radius:8px;box-shadow:0 4px 16px #00000026;min-width:150px;overflow:hidden;z-index:1000}.dropdown-item[data-v-2e0ff51a]{padding:12px 16px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:background .2s;font-size:.9rem;color:#333}.dropdown-item[data-v-2e0ff51a]:hover{background:#f5f5f5}.dropdown-item .icon[data-v-2e0ff51a]{font-size:1.1rem}.dropdown-fade-enter-active[data-v-2e0ff51a],.dropdown-fade-leave-active[data-v-2e0ff51a]{transition:opacity .2s ease,transform .2s ease}.dropdown-fade-enter-from[data-v-2e0ff51a],.dropdown-fade-leave-to[data-v-2e0ff51a]{opacity:0;transform:translateY(-10px)}.login-wrapper[data-v-2e0ff51a]{position:relative;display:inline-block}.feishu-login-btn[data-v-2e0ff51a]{position:absolute;top:100%;left:0;margin-top:8px;display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#00b4d8,#0077b6);border:none;border-radius:25px;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #00b4d84d;font-size:.95rem;font-weight:600;color:#fff;white-space:nowrap}.feishu-login-btn[data-v-2e0ff51a]:hover{background:linear-gradient(135deg,#00c9ff,#0096c7);transform:translateY(-2px);box-shadow:0 6px 16px #00b4d866}.feishu-login-btn .icon[data-v-2e0ff51a]{font-size:1.1rem}.feishu-fade-enter-active[data-v-2e0ff51a],.feishu-fade-leave-active[data-v-2e0ff51a]{transition:opacity .2s ease,transform .2s ease}.feishu-fade-enter-from[data-v-2e0ff51a],.feishu-fade-leave-to[data-v-2e0ff51a]{opacity:0;transform:translateY(-8px)}@media (max-width: 768px){.login-btn[data-v-2e0ff51a]{padding:8px 16px;font-size:.85rem}.user-info[data-v-2e0ff51a]{padding:6px 12px}.nickname[data-v-2e0ff51a]{max-width:80px}}.alert-overlay[data-v-bc4f9306]{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.alert-container[data-v-bc4f9306]{background:#fff;border-radius:16px;padding:30px;width:90%;max-width:400px;text-align:center;box-shadow:0 20px 60px #0000004d;transition:transform .3s ease}.alert-container.success[data-v-bc4f9306]{border-top:4px solid #07c160}.alert-container.error[data-v-bc4f9306]{border-top:4px solid #e74c3c}.alert-container.warning[data-v-bc4f9306]{border-top:4px solid #f39c12}.alert-container.info[data-v-bc4f9306]{border-top:4px solid #3498db}.alert-icon[data-v-bc4f9306]{font-size:4rem;margin-bottom:15px}.alert-title[data-v-bc4f9306]{font-size:1.2rem;font-weight:600;color:#333;margin:0 0 10px}.alert-message[data-v-bc4f9306]{font-size:1rem;color:#666;margin:0 0 25px;line-height:1.6}.alert-actions[data-v-bc4f9306]{display:flex;gap:12px;justify-content:center}.alert-btn[data-v-bc4f9306]{padding:12px 30px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:100px}.alert-btn.confirm-btn[data-v-bc4f9306]{background:linear-gradient(135deg,#00b4d8,#0077b6);color:#fff}.alert-btn.confirm-btn[data-v-bc4f9306]:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00b4d866}.alert-btn.confirm-btn[data-v-bc4f9306]:active{transform:translateY(0)}.alert-btn.cancel-btn[data-v-bc4f9306]{background:#f0f0f0;color:#666}.alert-btn.cancel-btn[data-v-bc4f9306]:hover{background:#e0e0e0}.alert-fade-enter-active[data-v-bc4f9306],.alert-fade-leave-active[data-v-bc4f9306]{transition:all .3s ease}.alert-fade-enter-from[data-v-bc4f9306],.alert-fade-leave-to[data-v-bc4f9306]{opacity:0}.alert-fade-enter-from .alert-container[data-v-bc4f9306],.alert-fade-leave-to .alert-container[data-v-bc4f9306]{transform:scale(.9) translateY(20px)}.modal-overlay[data-v-f38dd3ab]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999}.modal-container[data-v-f38dd3ab]{width:720px;max-width:95vw;height:480px;background:linear-gradient(135deg,#fff,#f7fafc);border-radius:24px;padding:32px 40px;box-shadow:0 24px 60px #00000040;position:relative;display:flex;flex-direction:column}.close-button[data-v-f38dd3ab]{position:absolute;top:16px;right:20px;width:36px;height:36px;background:#f0f0f0;border:none;border-radius:50%;font-size:1.5rem;color:#888;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;line-height:1}.close-button[data-v-f38dd3ab]:hover{background:#e0e0e0;color:#333;transform:rotate(90deg)}.modal-title[data-v-f38dd3ab]{text-align:center;font-size:1.5rem;color:#1a1a1a;margin-bottom:24px;flex-shrink:0;font-weight:700}.modal-content[data-v-f38dd3ab]{display:flex;gap:36px;height:calc(100% - 60px);overflow:hidden}.left-panel[data-v-f38dd3ab]{flex:1;display:flex;flex-direction:column;gap:24px;overflow-y:auto}.verify-code-section[data-v-f38dd3ab]{background:linear-gradient(135deg,#07c16014,#0693e314);border-radius:16px;padding:20px;border:1px solid rgba(7,193,96,.15)}.section-title[data-v-f38dd3ab]{font-size:.95rem;color:#2d3748;margin-bottom:16px;font-weight:600;text-align:center}.verify-code-box[data-v-f38dd3ab]{display:flex;justify-content:center;gap:10px;margin-bottom:16px}.code-digit[data-v-f38dd3ab]{width:48px;height:60px;background:#fff;border:2px solid rgba(7,193,96,.3);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:700;color:#07c160;box-shadow:0 4px 12px #07c1601a}.code-digit.empty[data-v-f38dd3ab]{color:#ccc;border-color:#e0e0e0;box-shadow:none}.loading-dots[data-v-f38dd3ab]{display:flex;gap:8px;padding:20px 0}.loading-dots span[data-v-f38dd3ab]{width:10px;height:10px;background:#07c160;border-radius:50%;animation:bounce-f38dd3ab 1.4s infinite ease-in-out both}.loading-dots span[data-v-f38dd3ab]:nth-child(1){animation-delay:-.32s}.loading-dots span[data-v-f38dd3ab]:nth-child(2){animation-delay:-.16s}.loading-dots span[data-v-f38dd3ab]:nth-child(3){animation-delay:0s}@keyframes bounce-f38dd3ab{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.countdown[data-v-f38dd3ab]{display:flex;justify-content:center;align-items:center;gap:6px;color:#718096;font-size:.9rem;margin-bottom:12px}.countdown-icon[data-v-f38dd3ab]{font-size:1rem}.steps-section[data-v-f38dd3ab]{background:#fff;border-radius:16px;padding:20px;border:1px solid #e8e8e8}.steps-list[data-v-f38dd3ab]{display:flex;flex-direction:column;gap:14px}.step-item[data-v-f38dd3ab]{display:flex;align-items:center;gap:12px}.step-number[data-v-f38dd3ab]{width:28px;height:28px;background:linear-gradient(135deg,#07c160,#0693e3);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;flex-shrink:0}.step-text[data-v-f38dd3ab]{color:#4a5568;font-size:.95rem}.right-panel[data-v-f38dd3ab]{width:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-left:30px;border-left:1px dashed #e0e0e0}.qrcode-section[data-v-f38dd3ab]{width:100%;display:flex;justify-content:center}.qrcode-wrapper[data-v-f38dd3ab]{display:flex;flex-direction:column;align-items:center}.wechat-qrcode[data-v-f38dd3ab]{position:relative;width:220px;height:220px;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 8px 24px #07c16026;border:2px solid rgba(7,193,96,.2)}.qrcode-image[data-v-f38dd3ab]{width:100%;height:100%;object-fit:cover}.qrcode-loading[data-v-f38dd3ab]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#718096}.spinner[data-v-f38dd3ab]{width:40px;height:40px;border:4px solid #e8e8e8;border-top:4px solid #07c160;border-radius:50%;animation:spin-f38dd3ab 1s linear infinite;margin-bottom:12px}@keyframes spin-f38dd3ab{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.qrcode-error[data-v-f38dd3ab]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:20px;text-align:center}.retry-btn[data-v-f38dd3ab]{margin-top:12px;padding:8px 20px;background:linear-gradient(135deg,#07c160,#0693e3);color:#fff;border:none;border-radius:20px;cursor:pointer;font-size:.85rem;font-weight:600}.success-overlay[data-v-f38dd3ab]{position:absolute;top:0;left:0;right:0;bottom:0;background:#07c160e6;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:fadeIn-f38dd3ab .3s ease}@keyframes fadeIn-f38dd3ab{0%{opacity:0}to{opacity:1}}.success-icon[data-v-f38dd3ab]{font-size:4rem;margin-bottom:8px;animation:pulse-f38dd3ab .5s ease}@keyframes pulse-f38dd3ab{0%{transform:scale(.5)}50%{transform:scale(1.1)}to{transform:scale(1)}}.success-text[data-v-f38dd3ab]{color:#fff;font-size:1.2rem;font-weight:700;margin:0}.wechat-info[data-v-f38dd3ab]{margin-top:16px;display:flex;align-items:center;gap:8px}.wechat-icon[data-v-f38dd3ab]{font-size:1.2rem}.wechat-name[data-v-f38dd3ab]{font-size:1rem;font-weight:600;color:#2d3748}.status-container[data-v-f38dd3ab]{margin-top:16px;width:100%;min-height:44px;display:flex;align-items:center;justify-content:center}.status-text[data-v-f38dd3ab]{text-align:center;font-size:.9rem;padding:10px 20px;border-radius:20px;font-weight:500}.status-text.success[data-v-f38dd3ab]{background:#07c1601f;color:#07c160}.status-text.loading[data-v-f38dd3ab]{background:#0693e31a;color:#0693e3}.status-text.error[data-v-f38dd3ab]{background:#ff52521a;color:#ff5252}.status-text.expired[data-v-f38dd3ab]{background:#ff98001a;color:#ff9800}.status-text.polling[data-v-f38dd3ab]{background:#07c1601a;color:#07c160}.status-text.pending[data-v-f38dd3ab]{background:#0693e314;color:#0693e3}.guide-text[data-v-f38dd3ab]{text-align:center;color:#718096;font-size:.9rem;margin-top:12px}.highlight-code[data-v-f38dd3ab]{color:#07c160;font-weight:700;font-size:1.1rem}.refresh-btn[data-v-f38dd3ab]{width:100%;padding:12px 20px;background:linear-gradient(135deg,#07c160,#0693e3);color:#fff;border:none;border-radius:25px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #07c16040}.refresh-btn[data-v-f38dd3ab]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #07c16059}.modal-fade-enter-active[data-v-f38dd3ab],.modal-fade-leave-active[data-v-f38dd3ab]{transition:opacity .3s ease}.modal-fade-enter-from[data-v-f38dd3ab],.modal-fade-leave-to[data-v-f38dd3ab]{opacity:0}@media (max-width: 768px){.modal-container[data-v-f38dd3ab]{width:92%;max-width:none;height:auto;max-height:92vh;padding:24px 20px;border-radius:20px}.modal-title[data-v-f38dd3ab]{font-size:1.25rem}.modal-content[data-v-f38dd3ab]{flex-direction:column-reverse;height:auto;gap:24px;overflow:visible}.left-panel[data-v-f38dd3ab]{overflow:visible}.right-panel[data-v-f38dd3ab]{width:100%;padding-left:0;padding-bottom:20px;border-left:none;border-bottom:1px dashed #e0e0e0}.wechat-qrcode[data-v-f38dd3ab]{width:180px;height:180px}.code-digit[data-v-f38dd3ab]{width:40px;height:52px;font-size:1.5rem}}.modal-overlay[data-v-665d693d]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999}.modal-container[data-v-665d693d]{width:800px;max-height:90vh;background:#fffffffa;border-radius:20px;padding:25px 35px;box-shadow:0 25px 70px #00000059;position:relative;display:flex;flex-direction:column;overflow:hidden}.close-button[data-v-665d693d]{position:absolute;top:12px;right:20px;background:none;border:none;font-size:1.8rem;color:#999;cursor:pointer;transition:all .3s ease;line-height:1}.close-button[data-v-665d693d]:hover{color:#333;transform:rotate(90deg)}.modal-title[data-v-665d693d]{text-align:center;font-size:1.6rem;background:linear-gradient(135deg,#ff6b6b,#ffa502);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:20px;flex-shrink:0}.modal-content[data-v-665d693d]{display:flex;gap:30px;overflow-y:auto;flex:1}.left-panel[data-v-665d693d]{flex:1;display:flex;flex-direction:column;gap:18px;padding-right:10px}.donation-intro[data-v-665d693d]{background:linear-gradient(135deg,#ff6b6b14,#ffa50214);border-radius:12px;padding:18px}.section-title[data-v-665d693d]{font-size:1.05rem;color:#333;margin-bottom:12px;font-weight:600}.intro-text[data-v-665d693d]{font-size:.95rem;color:#555;line-height:1.7;margin:0}.vip-benefits[data-v-665d693d]{background:linear-gradient(135deg,#ffd70014,#ffed4e14);border-radius:12px;padding:18px}.benefits-list[data-v-665d693d]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.benefit-item[data-v-665d693d]{display:flex;align-items:flex-start;gap:10px;color:#555;font-size:.92rem;line-height:1.5}.benefit-icon[data-v-665d693d]{font-size:1.1rem;flex-shrink:0;margin-top:2px}.donation-tip[data-v-665d693d]{background:linear-gradient(135deg,#667eea14,#764ba214);border-radius:12px;padding:15px;text-align:center}.tip-text[data-v-665d693d]{font-size:.95rem;color:#667eea;margin:0;font-weight:500}.right-panel[data-v-665d693d]{width:300px;display:flex;flex-direction:column;align-items:center;padding-left:20px;border-left:1px solid #eee;flex-shrink:0}.qrcode-tabs[data-v-665d693d]{display:flex;gap:8px;margin-bottom:20px}.tab-button[data-v-665d693d]{padding:10px 18px;border:2px solid #e0e0e0;background:#fff;border-radius:25px;cursor:pointer;font-size:.9rem;font-weight:500;color:#666;transition:all .3s ease}.tab-button[data-v-665d693d]:hover{border-color:#667eea;color:#667eea}.tab-button.active[data-v-665d693d]{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:#fff}.qrcode-wrapper[data-v-665d693d]{width:100%;margin-bottom:15px}.qrcode-display[data-v-665d693d]{width:100%;display:flex;justify-content:center}.qrcode-image[data-v-665d693d]{width:220px;height:220px;border-radius:12px;border:3px solid #f0f0f0}.qrcode-placeholder[data-v-665d693d]{width:220px;height:220px;border:3px dashed #ddd;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fafafa}.placeholder-icon[data-v-665d693d]{font-size:3rem;margin-bottom:10px}.placeholder-text[data-v-665d693d]{font-size:1rem;color:#666;margin:0 0 5px;font-weight:500}.placeholder-hint[data-v-665d693d]{font-size:.85rem;color:#999;margin:0}.qrcode-description[data-v-665d693d]{text-align:center;margin-bottom:20px}.qrcode-description p[data-v-665d693d]{font-size:.9rem;color:#666;margin:0}.contact-info[data-v-665d693d]{background:#f8f9fa;border-radius:10px;padding:15px;width:100%;text-align:center}.contact-label[data-v-665d693d]{font-size:.9rem;color:#333;margin:0 0 8px;font-weight:500}.contact-detail[data-v-665d693d]{font-size:.9rem;color:#667eea;margin:5px 0;font-weight:500}.modal-content[data-v-665d693d]::-webkit-scrollbar{width:6px}.modal-content[data-v-665d693d]::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}.modal-content[data-v-665d693d]::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:3px}.modal-fade-enter-active[data-v-665d693d],.modal-fade-leave-active[data-v-665d693d]{transition:opacity .3s ease}.modal-fade-enter-from[data-v-665d693d],.modal-fade-leave-to[data-v-665d693d]{opacity:0}@media (max-width: 768px){.modal-container[data-v-665d693d]{width:95%;max-width:500px;padding:25px 20px}.modal-content[data-v-665d693d]{flex-direction:column;gap:20px}.right-panel[data-v-665d693d]{width:100%;padding-left:0;border-left:none;border-top:1px solid #eee;padding-top:20px}.modal-title[data-v-665d693d]{font-size:1.4rem}.qrcode-image[data-v-665d693d],.qrcode-placeholder[data-v-665d693d]{width:200px;height:200px}}.home-container[data-v-54b0bfe4]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:40px 20px;overflow-y:auto}.header[data-v-54b0bfe4]{text-align:center;margin-bottom:50px;position:relative}.logo[data-v-54b0bfe4]{font-size:3.5rem;font-weight:700;color:#fff;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.2);letter-spacing:8px}.tagline[data-v-54b0bfe4]{font-size:1.2rem;color:#ffffffe6;margin-top:10px;letter-spacing:2px}.login-area[data-v-54b0bfe4]{position:absolute;top:0;right:0}.main-content[data-v-54b0bfe4]{width:95%;margin:10px auto;max-height:calc(100vh - 200px);overflow-y:auto}.section-title[data-v-54b0bfe4]{font-size:1.8rem;color:#fff;margin-bottom:25px;text-align:center;font-weight:600}.platform-section[data-v-54b0bfe4]{margin-top:10px;margin-bottom:40px}.platform-options[data-v-54b0bfe4]{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.platform-btn[data-v-54b0bfe4]{display:flex;align-items:center;gap:10px;padding:10px 20px;background:#ffffffe6;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .3s ease;min-width:140px;box-shadow:0 2px 8px #00000014}.platform-btn[data-v-54b0bfe4]:hover{background:#fff;box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.platform-btn.active[data-v-54b0bfe4]{border-color:#667eea;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 6px 25px #667eea80;transform:translateY(-3px) scale(1.05)}.platform-btn.active .platform-icon[data-v-54b0bfe4]{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.platform-btn.active .platform-name[data-v-54b0bfe4]{color:#fff;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.2)}.platform-icon[data-v-54b0bfe4]{font-size:1.3rem;margin-bottom:0;transition:all .3s ease}.platform-name[data-v-54b0bfe4]{font-size:.95rem;font-weight:600;color:#333;transition:all .3s ease}.search-section[data-v-54b0bfe4]{margin-bottom:40px}.search-wrapper[data-v-54b0bfe4]{display:flex;max-width:800px;margin:0 auto;gap:10px}.search-input[data-v-54b0bfe4]{flex:1;padding:15px 25px;font-size:1.1rem;border:none;border-radius:50px;background:#fffffff2;outline:none;transition:all .3s}.search-input[data-v-54b0bfe4]:focus{background:#fff;box-shadow:0 4px 20px #00000026}.search-button[data-v-54b0bfe4]{padding:15px 30px;font-size:1.1rem;font-weight:600;color:#fff;background:#ff6b6b;border:none;border-radius:50px;cursor:pointer;transition:all .3s;white-space:nowrap}.search-button[data-v-54b0bfe4]:hover{background:#ff5252;transform:scale(1.05)}.search-button.disabled[data-v-54b0bfe4]{background:#ccc;cursor:not-allowed;opacity:.7}.search-button.disabled[data-v-54b0bfe4]:hover{background:#ccc;transform:none}.songs-section[data-v-54b0bfe4]{margin-top:40px;padding-right:10px}.main-content[data-v-54b0bfe4]::-webkit-scrollbar{width:8px}.main-content[data-v-54b0bfe4]::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.main-content[data-v-54b0bfe4]::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px;transition:all .3s ease}.main-content[data-v-54b0bfe4]::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2,#667eea)}.loading-state[data-v-54b0bfe4],.empty-state[data-v-54b0bfe4],.error-state[data-v-54b0bfe4]{text-align:center;padding:60px 20px;color:#fff}.spinner[data-v-54b0bfe4]{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-54b0bfe4 1s linear infinite;margin:0 auto 20px}@keyframes spin-54b0bfe4{to{transform:rotate(360deg)}}.retry-button[data-v-54b0bfe4]{margin-top:20px;padding:10px 30px;font-size:1rem;font-weight:600;color:#fff;background:#ff6b6b;border:none;border-radius:50px;cursor:pointer;transition:all .3s}.retry-button[data-v-54b0bfe4]:hover{background:#ff5252;transform:scale(1.05)}.song-grid[data-v-54b0bfe4]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px}.song-card[data-v-54b0bfe4]{background:#fffffff2;border-radius:16px;overflow:hidden;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0000001a}.song-card[data-v-54b0bfe4]:hover{transform:translateY(-8px);box-shadow:0 12px 35px #0003}.song-cover[data-v-54b0bfe4]{height:200px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;overflow:hidden}.cover-image[data-v-54b0bfe4]{width:100%;height:100%;object-fit:cover}.cover-placeholder[data-v-54b0bfe4]{font-size:4rem;opacity:.8}.song-info[data-v-54b0bfe4]{padding:20px}.song-title[data-v-54b0bfe4]{font-size:1.2rem;font-weight:600;color:#333;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-artist[data-v-54b0bfe4]{font-size:.95rem;color:#666;margin:0 0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-meta[data-v-54b0bfe4]{display:flex;gap:8px;align-items:center}.difficulty-tag[data-v-54b0bfe4]{padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600}.difficulty-1[data-v-54b0bfe4]{background:#e8f5e9;color:#2e7d32}.difficulty-2[data-v-54b0bfe4]{background:#fff3e0;color:#ef6c00}.difficulty-3[data-v-54b0bfe4]{background:#ffebee;color:#c62828}.vip-tag[data-v-54b0bfe4]{padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600;background:linear-gradient(135deg,gold,#ffed4e);color:#8b6914}.load-more[data-v-54b0bfe4]{text-align:center;margin-top:40px}.load-more-button[data-v-54b0bfe4]{padding:15px 40px;font-size:1.1rem;font-weight:600;color:#fff;background:#fff3;border:2px solid white;border-radius:50px;cursor:pointer;transition:all .3s}.load-more-button[data-v-54b0bfe4]:hover:not(:disabled){background:#fff;color:#667eea;transform:scale(1.05)}.load-more-button[data-v-54b0bfe4]:disabled{opacity:.5;cursor:not-allowed}.pagination-info[data-v-54b0bfe4]{text-align:center;margin-top:20px;color:#fffc;font-size:.9rem}@media (max-width: 768px){.logo[data-v-54b0bfe4]{font-size:2.5rem}.platform-options[data-v-54b0bfe4]{flex-direction:column;align-items:center}.platform-btn[data-v-54b0bfe4]{width:100%;max-width:300px}.search-wrapper[data-v-54b0bfe4]{flex-direction:column}.songs-section[data-v-54b0bfe4]{max-height:calc(100vh - 400px);padding-right:5px}.songs-section[data-v-54b0bfe4]::-webkit-scrollbar{width:6px}.song-grid[data-v-54b0bfe4]{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}}.song-detail-container[data-v-f2bb5e87]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:40px 20px;display:flex;align-items:center;justify-content:center}.loading-container[data-v-f2bb5e87]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.spinner[data-v-f2bb5e87]{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-f2bb5e87 1s linear infinite}@keyframes spin-f2bb5e87{to{transform:rotate(360deg)}}.loading-container p[data-v-f2bb5e87]{font-size:1.2rem;color:#fff;margin:0}.back-button[data-v-f2bb5e87]{position:absolute;top:20px;left:20px;display:flex;align-items:center;gap:8px;padding:10px 18px;background:#fffffff2;border:2px solid rgba(102,126,234,.3);border-radius:25px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000001a;z-index:10}.back-button[data-v-f2bb5e87]:hover{background:#fff;border-color:#667eea;transform:translate(-3px);box-shadow:0 4px 16px #667eea4d}.back-button[data-v-f2bb5e87]:active{transform:translate(-3px) scale(.95)}.back-icon[data-v-f2bb5e87]{font-size:1.2rem;color:#667eea;font-weight:700}.back-text[data-v-f2bb5e87]{font-size:.9rem;font-weight:600;color:#667eea}.song-card[data-v-f2bb5e87]{background:#fffffffa;border-radius:24px;max-width:800px;width:100%;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;overflow:hidden;animation:cardSlideUp-f2bb5e87 .5s ease-out}@keyframes cardSlideUp-f2bb5e87{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.card-header[data-v-f2bb5e87]{padding:30px;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-bottom:1px solid rgba(0,0,0,.05);display:flex;gap:25px;align-items:center}.song-cover-wrapper[data-v-f2bb5e87]{flex-shrink:0}.song-cover-large[data-v-f2bb5e87]{width:140px;height:140px;background:linear-gradient(135deg,#667eea,#764ba2);background-size:cover;background-position:center;border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #667eea4d}.cover-icon[data-v-f2bb5e87]{font-size:4rem;opacity:.9}.song-basic-info[data-v-f2bb5e87]{flex:1}.song-title[data-v-f2bb5e87]{font-size:2rem;font-weight:700;color:#333;margin:0 0 10px;line-height:1.2}.song-artist[data-v-f2bb5e87]{font-size:1.1rem;color:#666;margin:0 0 15px}.song-meta[data-v-f2bb5e87]{display:flex;gap:20px;flex-wrap:wrap}.meta-item[data-v-f2bb5e87]{display:flex;align-items:center;gap:6px;font-size:.9rem;color:#888}.meta-icon[data-v-f2bb5e87]{font-size:1rem}.lyrics-section[data-v-f2bb5e87]{flex:1;padding:25px 30px;display:flex;flex-direction:column;min-height:0;overflow:hidden}.lyrics-scroll-container[data-v-f2bb5e87]{flex:1;overflow-y:auto;overflow-x:hidden;padding-right:10px}.lyrics-scroll-container[data-v-f2bb5e87]::-webkit-scrollbar{width:6px}.lyrics-scroll-container[data-v-f2bb5e87]::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}.lyrics-scroll-container[data-v-f2bb5e87]::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:3px}.lyrics-loading[data-v-f2bb5e87],.lyrics-empty[data-v-f2bb5e87]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#999;gap:15px}.spinner-small[data-v-f2bb5e87]{width:30px;height:30px;border:3px solid rgba(102,126,234,.2);border-top-color:#667eea;border-radius:50%;animation:spin-f2bb5e87 .8s linear infinite}.lyrics-content[data-v-f2bb5e87]{display:flex;flex-direction:column;gap:12px}.lyric-line[data-v-f2bb5e87]{display:flex;gap:15px;padding:10px 15px;background:#667eea0d;border-radius:8px;transition:all .2s ease}.lyric-line[data-v-f2bb5e87]:hover{background:#667eea1a;transform:translate(5px)}.lyric-time[data-v-f2bb5e87]{font-size:.85rem;color:#667eea;font-weight:600;min-width:50px;flex-shrink:0}.lyric-text[data-v-f2bb5e87]{font-size:1rem;color:#333;line-height:1.6;flex:1}.card-footer[data-v-f2bb5e87]{padding:20px 30px;background:#fffffff2;border-top:1px solid rgba(0,0,0,.05);display:flex;gap:15px;justify-content:center}.mode-btn[data-v-f2bb5e87]{position:relative;display:flex;align-items:center;gap:12px;padding:12px 24px;background:#fff;border:2px solid rgba(102,126,234,.3);border-radius:12px;cursor:pointer;transition:all .3s ease;flex:1;max-width:320px;box-shadow:0 2px 8px #00000014}.mode-btn[data-v-f2bb5e87]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #667eea33;border-color:#667eea99}.back-mode[data-v-f2bb5e87]{border-color:#667eea66;background:linear-gradient(135deg,#667eea0d,#764ba20d)}.back-mode[data-v-f2bb5e87]:hover{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:#667eea}.accompaniment-mode[data-v-f2bb5e87]:hover{background:linear-gradient(135deg,#667eea0d,#764ba20d)}.instrument-mode[data-v-f2bb5e87]:hover{background:linear-gradient(135deg,#ff6b9d0d,#ffd7000d)}.mode-icon[data-v-f2bb5e87]{font-size:2rem;flex-shrink:0}.mode-info[data-v-f2bb5e87]{display:flex;flex-direction:column;gap:3px;text-align:left;flex:1}.mode-name[data-v-f2bb5e87]{font-size:1.1rem;font-weight:700;color:#333}.mode-desc[data-v-f2bb5e87]{font-size:.85rem;color:#888}.coming-soon-badge[data-v-f2bb5e87]{position:absolute;top:-8px;right:-8px;background:#ff6b6b;color:#fff;padding:3px 10px;border-radius:12px;font-size:.7rem;font-weight:700;box-shadow:0 2px 8px #ff6b6b66}@media (max-width: 768px){.song-detail-container[data-v-f2bb5e87]{padding:20px 15px}.song-card[data-v-f2bb5e87]{max-height:90vh}.card-header[data-v-f2bb5e87]{flex-direction:column;text-align:center;padding:25px 20px}.song-cover-large[data-v-f2bb5e87]{width:120px;height:120px}.song-title[data-v-f2bb5e87]{font-size:1.6rem}.song-meta[data-v-f2bb5e87]{justify-content:center}.lyrics-section[data-v-f2bb5e87]{padding:20px}.card-footer[data-v-f2bb5e87]{flex-direction:column;padding:15px 20px}.mode-btn[data-v-f2bb5e87]{max-width:100%}}@keyframes plyr-progress{to{background-position:25px 0;background-position:var(--plyr-progress-loading-size,25px) 0}}@keyframes plyr-popup{0%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes plyr-fade-in{0%{opacity:0}to{opacity:1}}.plyr{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;align-items:center;direction:ltr;display:flex;flex-direction:column;font-family:inherit;font-family:var(--plyr-font-family,inherit);font-variant-numeric:tabular-nums;font-weight:400;font-weight:var(--plyr-font-weight-regular,400);line-height:1.7;line-height:var(--plyr-line-height,1.7);max-width:100%;min-width:200px;position:relative;text-shadow:none;transition:box-shadow .3s ease;z-index:0}.plyr audio,.plyr iframe,.plyr video{display:block;height:100%;width:100%}.plyr button{font:inherit;line-height:inherit;width:auto}.plyr:focus{outline:0}.plyr--full-ui{box-sizing:border-box}.plyr--full-ui *,.plyr--full-ui :after,.plyr--full-ui :before{box-sizing:inherit}.plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label{touch-action:manipulation}.plyr__badge{background:#4a5464;background:var(--plyr-badge-background,#4a5464);border-radius:2px;border-radius:var(--plyr-badge-border-radius,2px);color:#fff;color:var(--plyr-badge-text-color,#fff);font-size:9px;font-size:var(--plyr-font-size-badge,9px);line-height:1;padding:3px 4px}.plyr--full-ui ::-webkit-media-text-track-container{display:none}.plyr__captions{animation:plyr-fade-in .3s ease;bottom:0;display:none;font-size:13px;font-size:var(--plyr-font-size-small,13px);left:0;padding:10px;padding:var(--plyr-control-spacing,10px);position:absolute;text-align:center;transition:transform .4s ease-in-out;width:100%}.plyr__captions span:empty{display:none}@media (min-width:480px){.plyr__captions{font-size:15px;font-size:var(--plyr-font-size-base,15px);padding:20px;padding:calc(var(--plyr-control-spacing, 10px)*2)}}@media (min-width:768px){.plyr__captions{font-size:18px;font-size:var(--plyr-font-size-large,18px)}}.plyr--captions-active .plyr__captions{display:block}.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions{transform:translateY(-40px);transform:translateY(calc(var(--plyr-control-spacing, 10px)*-4))}.plyr__caption{background:#000c;background:var(--plyr-captions-background,#000c);border-radius:4px;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:#fff;color:var(--plyr-captions-text-color,#fff);line-height:185%;padding:.2em .5em;white-space:pre-wrap}.plyr__caption div{display:inline}.plyr__control{background:#0000;border:0;border-radius:4px;border-radius:var(--plyr-control-radius,4px);color:inherit;cursor:pointer;flex-shrink:0;overflow:visible;padding:7px;padding:calc(var(--plyr-control-spacing, 10px)*.7);position:relative;transition:all .1s ease-in-out}.plyr__control svg{display:block;fill:currentColor;height:18px;height:var(--plyr-control-icon-size,18px);pointer-events:none;width:18px;width:var(--plyr-control-icon-size,18px)}.plyr__control:focus{outline:0}.plyr__control:focus-visible{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}a.plyr__control{text-decoration:none}.plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed,a.plyr__control:after,a.plyr__control:before{display:none}.plyr--full-ui ::-webkit-media-controls{display:none}.plyr__controls{align-items:center;display:flex;justify-content:flex-end;text-align:center}.plyr__controls .plyr__progress__container{flex:1;min-width:0}.plyr__controls .plyr__controls__item{margin-left:2.5px;margin-left:calc(var(--plyr-control-spacing, 10px)/4)}.plyr__controls .plyr__controls__item:first-child{margin-left:0;margin-right:auto}.plyr__controls .plyr__controls__item.plyr__progress__container{padding-left:2.5px;padding-left:calc(var(--plyr-control-spacing, 10px)/4)}.plyr__controls .plyr__controls__item.plyr__time{padding:0 5px;padding:0 calc(var(--plyr-control-spacing, 10px)/2)}.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,.plyr__controls .plyr__controls__item.plyr__time:first-child{padding-left:0}.plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip],.plyr__controls:empty{display:none}.plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip]{display:inline-block}.plyr__menu{display:flex;position:relative}.plyr__menu .plyr__control svg{transition:transform .3s ease}.plyr__menu .plyr__control[aria-expanded=true] svg{transform:rotate(90deg)}.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip{display:none}.plyr__menu__container{animation:plyr-popup .2s ease;background:#ffffffe6;background:var(--plyr-menu-background,#ffffffe6);border-radius:8px;border-radius:var(--plyr-menu-radius,8px);bottom:100%;box-shadow:0 1px 2px #00000026;box-shadow:var(--plyr-menu-shadow,0 1px 2px #00000026);color:#4a5464;color:var(--plyr-menu-color,#4a5464);font-size:15px;font-size:var(--plyr-font-size-base,15px);margin-bottom:10px;position:absolute;right:-3px;text-align:left;white-space:nowrap;z-index:3}.plyr__menu__container>div{overflow:hidden;transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)}.plyr__menu__container:after{border:4px solid #0000;border-top-color:#ffffffe6;border:var(--plyr-menu-arrow-size,4px) solid #0000;border-top-color:var(--plyr-menu-background,#ffffffe6);content:"";height:0;position:absolute;right:14px;right:calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7 - var(--plyr-menu-arrow-size, 4px)/2);top:100%;width:0}.plyr__menu__container [role=menu]{padding:7px;padding:calc(var(--plyr-control-spacing, 10px)*.7)}.plyr__menu__container [role=menuitem],.plyr__menu__container [role=menuitemradio]{margin-top:2px}.plyr__menu__container [role=menuitem]:first-child,.plyr__menu__container [role=menuitemradio]:first-child{margin-top:0}.plyr__menu__container .plyr__control{align-items:center;color:#4a5464;color:var(--plyr-menu-color,#4a5464);display:flex;font-size:13px;font-size:var(--plyr-font-size-menu,var(--plyr-font-size-small,13px));padding:4.66667px 10.5px;padding:calc(var(--plyr-control-spacing, 10px)*.7/1.5) calc(var(--plyr-control-spacing, 10px)*.7*1.5);-webkit-user-select:none;user-select:none;width:100%}.plyr__menu__container .plyr__control>span{align-items:inherit;display:flex;width:100%}.plyr__menu__container .plyr__control:after{border:4px solid #0000;border:var(--plyr-menu-item-arrow-size,4px) solid #0000;content:"";position:absolute;top:50%;transform:translateY(-50%)}.plyr__menu__container .plyr__control--forward{padding-right:28px;padding-right:calc(var(--plyr-control-spacing, 10px)*.7*4)}.plyr__menu__container .plyr__control--forward:after{border-left-color:#728197;border-left-color:var(--plyr-menu-arrow-color,#728197);right:6.5px;right:calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))}.plyr__menu__container .plyr__control--forward:focus-visible:after,.plyr__menu__container .plyr__control--forward:hover:after{border-left-color:initial}.plyr__menu__container .plyr__control--back{font-weight:400;font-weight:var(--plyr-font-weight-regular,400);margin:7px;margin:calc(var(--plyr-control-spacing, 10px)*.7);margin-bottom:3.5px;margin-bottom:calc(var(--plyr-control-spacing, 10px)*.7/2);padding-left:28px;padding-left:calc(var(--plyr-control-spacing, 10px)*.7*4);position:relative;width:calc(100% - 14px);width:calc(100% - var(--plyr-control-spacing, 10px)*.7*2)}.plyr__menu__container .plyr__control--back:after{border-right-color:#728197;border-right-color:var(--plyr-menu-arrow-color,#728197);left:6.5px;left:calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))}.plyr__menu__container .plyr__control--back:before{background:#dcdfe5;background:var(--plyr-menu-back-border-color,#dcdfe5);box-shadow:0 1px #fff;box-shadow:0 1px 0 var(--plyr-menu-back-border-shadow-color,#fff);content:"";height:1px;left:0;margin-top:3.5px;margin-top:calc(var(--plyr-control-spacing, 10px)*.7/2);overflow:hidden;position:absolute;right:0;top:100%}.plyr__menu__container .plyr__control--back:focus-visible:after,.plyr__menu__container .plyr__control--back:hover:after{border-right-color:initial}.plyr__menu__container .plyr__control[role=menuitemradio]{padding-left:7px;padding-left:calc(var(--plyr-control-spacing, 10px)*.7)}.plyr__menu__container .plyr__control[role=menuitemradio]:after,.plyr__menu__container .plyr__control[role=menuitemradio]:before{border-radius:100%}.plyr__menu__container .plyr__control[role=menuitemradio]:before{background:#0000001a;content:"";display:block;flex-shrink:0;height:16px;margin-right:10px;margin-right:var(--plyr-control-spacing,10px);transition:all .3s ease;width:16px}.plyr__menu__container .plyr__control[role=menuitemradio]:after{background:#fff;border:0;height:6px;left:12px;opacity:0;top:50%;transform:translateY(-50%) scale(0);transition:transform .3s ease,opacity .3s ease;width:6px}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before{background:#00b2ff;background:var(--plyr-control-toggle-checked-background,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)))}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after{opacity:1;transform:translateY(-50%) scale(1)}.plyr__menu__container .plyr__control[role=menuitemradio]:focus-visible:before,.plyr__menu__container .plyr__control[role=menuitemradio]:hover:before{background:#23282f1a}.plyr__menu__container .plyr__menu__value{align-items:center;display:flex;margin-left:auto;margin-right:-5px;margin-right:calc(var(--plyr-control-spacing, 10px)*.7*-1 - -2px);overflow:hidden;padding-left:24.5px;padding-left:calc(var(--plyr-control-spacing, 10px)*.7*3.5);pointer-events:none}.plyr--full-ui input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#0000;border:0;border-radius:26px;border-radius:calc(var(--plyr-range-thumb-height, 13px)*2);color:#00b2ff;color:var(--plyr-range-fill-background,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));display:block;height:19px;height:calc(var(--plyr-range-thumb-active-shadow-width, 3px)*2 + var(--plyr-range-thumb-height, 13px));margin:0;min-width:0;padding:0;transition:box-shadow .3s ease;width:100%}.plyr--full-ui input[type=range]::-webkit-slider-runnable-track{background:#0000;background-image:linear-gradient(90deg,currentColor 0,#0000 0);background-image:linear-gradient(to right,currentColor var(--value,0),#0000 var(--value,0));border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-webkit-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);height:13px;height:var(--plyr-range-thumb-height,13px);margin-top:-4px;margin-top:calc((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px))/2*-1);position:relative;-webkit-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-track{background:#0000;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-moz-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-moz-range-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-moz-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-progress{background:currentColor;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px)}.plyr--full-ui input[type=range]::-ms-track{color:#0000}.plyr--full-ui input[type=range]::-ms-fill-upper,.plyr--full-ui input[type=range]::-ms-track{background:#0000;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-ms-fill-lower{background:#0000;background:currentColor;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-ms-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);height:13px;height:var(--plyr-range-thumb-height,13px);margin-top:0;position:relative;-ms-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-ms-tooltip{display:none}.plyr--full-ui input[type=range]::-moz-focus-outer{border:0}.plyr--full-ui input[type=range]:focus{outline:0}.plyr--full-ui input[type=range]:focus-visible::-webkit-slider-runnable-track{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}.plyr--full-ui input[type=range]:focus-visible::-moz-range-track{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}.plyr--full-ui input[type=range]:focus-visible::-ms-track{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}.plyr__poster{background-color:#000;background-color:var(--plyr-video-background,var(--plyr-video-background,#000));background-position:50% 50%;background-repeat:no-repeat;background-size:contain;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%;z-index:1}.plyr--stopped.plyr__poster-enabled .plyr__poster{opacity:1}.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster{display:none}.plyr__time{font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))}.plyr__time+.plyr__time:before{content:"⁄";margin-right:10px;margin-right:var(--plyr-control-spacing,10px)}@media (max-width:767px){.plyr__time+.plyr__time{display:none}}.plyr__tooltip{background:#fff;background:var(--plyr-tooltip-background,#fff);border-radius:5px;border-radius:var(--plyr-tooltip-radius,5px);bottom:100%;box-shadow:0 1px 2px #00000026;box-shadow:var(--plyr-tooltip-shadow,0 1px 2px #00000026);color:#4a5464;color:var(--plyr-tooltip-color,#4a5464);font-size:13px;font-size:var(--plyr-font-size-small,13px);font-weight:400;font-weight:var(--plyr-font-weight-regular,400);left:50%;line-height:1.3;margin-bottom:10px;margin-bottom:calc(var(--plyr-control-spacing, 10px)/2*2);opacity:0;padding:5px 7.5px;padding:calc(var(--plyr-control-spacing, 10px)/2) calc(var(--plyr-control-spacing, 10px)/2*1.5);pointer-events:none;position:absolute;transform:translate(-50%,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s ease .1s,opacity .2s ease .1s;white-space:nowrap;z-index:2}.plyr__tooltip:before{border-left:4px solid #0000;border-left:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-right:4px solid #0000;border-right:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-top:4px solid #fff;border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,#fff);bottom:-4px;bottom:calc(var(--plyr-tooltip-arrow-size, 4px)*-1);content:"";height:0;left:50%;position:absolute;transform:translate(-50%);width:0;z-index:2}.plyr .plyr__control:focus-visible .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible{opacity:1;transform:translate(-50%) scale(1)}.plyr .plyr__control:hover .plyr__tooltip{z-index:3}.plyr__controls>.plyr__control:first-child .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip{left:0;transform:translateY(10px) scale(.8);transform-origin:0 100%}.plyr__controls>.plyr__control:first-child .plyr__tooltip:before,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip:before{left:16px;left:calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7)}.plyr__controls>.plyr__control:last-child .plyr__tooltip{left:auto;right:0;transform:translateY(10px) scale(.8);transform-origin:100% 100%}.plyr__controls>.plyr__control:last-child .plyr__tooltip:before{left:auto;right:16px;right:calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7);transform:translate(50%)}.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip{transform:translate(0) scale(1)}.plyr__progress{left:6.5px;left:calc(var(--plyr-range-thumb-height, 13px)*.5);margin-right:13px;margin-right:var(--plyr-range-thumb-height,13px);position:relative}.plyr__progress input[type=range],.plyr__progress__buffer{margin-left:-6.5px;margin-left:calc(var(--plyr-range-thumb-height, 13px)*-.5);margin-right:-6.5px;margin-right:calc(var(--plyr-range-thumb-height, 13px)*-.5);width:calc(100% + 13px);width:calc(100% + var(--plyr-range-thumb-height, 13px))}.plyr__progress input[type=range]{position:relative;z-index:2}.plyr__progress .plyr__tooltip{left:0;max-width:120px;overflow-wrap:break-word}.plyr__progress__buffer{-webkit-appearance:none;background:#0000;border:0;border-radius:100px;height:5px;height:var(--plyr-range-track-height,5px);left:0;margin-top:-2.5px;margin-top:calc(var(--plyr-range-track-height, 5px)/2*-1);padding:0;position:absolute;top:50%}.plyr__progress__buffer::-webkit-progress-bar{background:#0000}.plyr__progress__buffer::-webkit-progress-value{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-webkit-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-moz-progress-bar{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-moz-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-ms-fill{border-radius:100px;-ms-transition:width .2s ease;transition:width .2s ease}.plyr--loading .plyr__progress__buffer{animation:plyr-progress 1s linear infinite;background-image:linear-gradient(-45deg,#23282f99 25%,#0000 0,#0000 50%,#23282f99 0,#23282f99 75%,#0000 0,#0000);background-image:linear-gradient(-45deg,var(--plyr-progress-loading-background,#23282f99) 25%,#0000 25%,#0000 50%,var(--plyr-progress-loading-background,#23282f99) 50%,var(--plyr-progress-loading-background,#23282f99) 75%,#0000 75%,#0000);background-repeat:repeat-x;background-size:25px 25px;background-size:var(--plyr-progress-loading-size,25px) var(--plyr-progress-loading-size,25px);color:#0000}.plyr--video.plyr--loading .plyr__progress__buffer{background-color:#ffffff40;background-color:var(--plyr-video-progress-buffered-background,#ffffff40)}.plyr--audio.plyr--loading .plyr__progress__buffer{background-color:#c1c8d199;background-color:var(--plyr-audio-progress-buffered-background,#c1c8d199)}.plyr__progress__marker{background-color:#fff;background-color:var(--plyr-progress-marker-background,#fff);border-radius:1px;height:5px;height:var(--plyr-range-track-height,5px);position:absolute;top:50%;transform:translate(-50%,-50%);width:3px;width:var(--plyr-progress-marker-width,3px);z-index:3}.plyr__volume{align-items:center;display:flex;position:relative}.plyr__volume input[type=range]{margin-left:5px;margin-left:calc(var(--plyr-control-spacing, 10px)/2);margin-right:5px;margin-right:calc(var(--plyr-control-spacing, 10px)/2);max-width:90px;min-width:60px;position:relative;z-index:2}.plyr--audio{display:block}.plyr--audio .plyr__controls{background:#fff;background:var(--plyr-audio-controls-background,#fff);border-radius:inherit;color:#4a5464;color:var(--plyr-audio-control-color,#4a5464);padding:10px;padding:var(--plyr-control-spacing,10px)}.plyr--audio .plyr__control:focus-visible,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true]{background:#00b2ff;background:var(--plyr-audio-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));color:#fff;color:var(--plyr-audio-control-color-hover,#fff)}.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track{background-color:#c1c8d199;background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199))}.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track{background-color:#c1c8d199;background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199))}.plyr--full-ui.plyr--audio input[type=range]::-ms-track{background-color:#c1c8d199;background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199))}.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a)}.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a)}.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a)}.plyr--audio .plyr__progress__buffer{color:#c1c8d199;color:var(--plyr-audio-progress-buffered-background,#c1c8d199)}.plyr--video{overflow:hidden}.plyr--video.plyr--menu-open{overflow:visible}.plyr__video-wrapper{background:#000;background:var(--plyr-video-background,var(--plyr-video-background,#000));border-radius:inherit;height:100%;margin:auto;overflow:hidden;position:relative;width:100%}.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{aspect-ratio:16/9}@supports not (aspect-ratio:16/9){.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{height:0;padding-bottom:56.25%;position:relative}}.plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container{padding-bottom:240%;position:relative;transform:translateY(-38.28125%)}.plyr--video .plyr__controls{background:linear-gradient(#0000,#000000bf);background:var(--plyr-video-controls-background,linear-gradient(#0000,#000000bf));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;bottom:0;color:#fff;color:var(--plyr-video-control-color,#fff);left:0;padding:5px;padding:calc(var(--plyr-control-spacing, 10px)/2);padding-top:20px;padding-top:calc(var(--plyr-control-spacing, 10px)*2);position:absolute;right:0;transition:opacity .4s ease-in-out,transform .4s ease-in-out;z-index:3}@media (min-width:480px){.plyr--video .plyr__controls{padding:10px;padding:var(--plyr-control-spacing,10px);padding-top:35px;padding-top:calc(var(--plyr-control-spacing, 10px)*3.5)}}.plyr--video.plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none;transform:translateY(100%)}.plyr--video .plyr__control:focus-visible,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true]{background:#00b2ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));color:#fff;color:var(--plyr-video-control-color-hover,#fff)}.plyr__control--overlaid{background:#00b2ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));border:0;border-radius:100%;color:#fff;color:var(--plyr-video-control-color,#fff);display:none;left:50%;opacity:.9;padding:15px;padding:calc(var(--plyr-control-spacing, 10px)*1.5);position:absolute;top:50%;transform:translate(-50%,-50%);transition:.3s;z-index:2}.plyr__control--overlaid svg{left:2px;position:relative}.plyr__control--overlaid:focus,.plyr__control--overlaid:hover{opacity:1}.plyr--playing .plyr__control--overlaid{opacity:0;visibility:hidden}.plyr--full-ui.plyr--video .plyr__control--overlaid{display:block}.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track{background-color:#ffffff40;background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40))}.plyr--full-ui.plyr--video input[type=range]::-moz-range-track{background-color:#ffffff40;background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40))}.plyr--full-ui.plyr--video input[type=range]::-ms-track{background-color:#ffffff40;background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40))}.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80)}.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80)}.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80)}.plyr--video .plyr__progress__buffer{color:#ffffff40;color:var(--plyr-video-progress-buffered-background,#ffffff40)}.plyr:fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:fullscreen video{height:100%}.plyr:fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:fullscreen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr--fullscreen-fallback{background:#000;border-radius:0!important;height:100%;top:0;right:0;bottom:0;left:0;margin:0;position:fixed;width:100%;z-index:10000000}.plyr--fullscreen-fallback video{height:100%}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen{display:block}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr--fullscreen-fallback.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr--fullscreen-fallback .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr__ads{border-radius:inherit;cursor:pointer;top:0;right:0;bottom:0;left:0;overflow:hidden;position:absolute;z-index:-1}.plyr__ads>div,.plyr__ads>div iframe{height:100%;position:absolute;width:100%}.plyr__ads:after{background:#23282f;border-radius:2px;bottom:10px;bottom:var(--plyr-control-spacing,10px);color:#fff;content:attr(data-badge-text);font-size:11px;padding:2px 6px;pointer-events:none;position:absolute;right:10px;right:var(--plyr-control-spacing,10px);z-index:3}.plyr__ads:empty:after{display:none}.plyr__cues{background:currentColor;display:block;height:5px;height:var(--plyr-range-track-height,5px);left:0;opacity:.8;position:absolute;top:50%;transform:translateY(-50%);width:3px;z-index:3}.plyr__preview-thumb{background-color:#fff;background-color:var(--plyr-tooltip-background,#fff);border-radius:8px;border-radius:var(--plyr-menu-radius,8px);bottom:100%;box-shadow:0 1px 2px #00000026;box-shadow:var(--plyr-tooltip-shadow,0 1px 2px #00000026);margin-bottom:10px;margin-bottom:calc(var(--plyr-control-spacing, 10px)/2*2);opacity:0;padding:3px;pointer-events:none;position:absolute;transform:translateY(10px) scale(.8);transform-origin:50% 100%;transition:transform .2s ease .1s,opacity .2s ease .1s;z-index:2}.plyr__preview-thumb--is-shown{opacity:1;transform:translate(0) scale(1)}.plyr__preview-thumb:before{border-left:4px solid #0000;border-left:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-right:4px solid #0000;border-right:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-top:4px solid #fff;border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,#fff);bottom:-4px;bottom:calc(var(--plyr-tooltip-arrow-size, 4px)*-1);content:"";height:0;left:calc(50% + var(--preview-arrow-offset));position:absolute;transform:translate(-50%);width:0;z-index:2}.plyr__preview-thumb__image-container{background:#c1c8d1;border-radius:7px;border-radius:calc(var(--plyr-menu-radius, 8px) - 1px);overflow:hidden;position:relative;z-index:0}.plyr__preview-thumb__image-container img,.plyr__preview-thumb__image-container:after{height:100%;left:0;position:absolute;top:0;width:100%}.plyr__preview-thumb__image-container:after{border-radius:inherit;box-shadow:inset 0 0 0 1px #00000026;content:"";pointer-events:none}.plyr__preview-thumb__image-container img{max-height:none;max-width:none}.plyr__preview-thumb__time-container{background:linear-gradient(#0000,#000000bf);background:var(--plyr-video-controls-background,linear-gradient(#0000,#000000bf));border-bottom-left-radius:7px;border-bottom-left-radius:calc(var(--plyr-menu-radius, 8px) - 1px);border-bottom-right-radius:7px;border-bottom-right-radius:calc(var(--plyr-menu-radius, 8px) - 1px);bottom:0;left:0;line-height:1.1;padding:20px 6px 6px;position:absolute;right:0;z-index:3}.plyr__preview-thumb__time-container span{color:#fff;font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))}.plyr__preview-scrubbing{filter:blur(1px);height:100%;top:0;right:0;bottom:0;left:0;margin:auto;opacity:0;overflow:hidden;pointer-events:none;position:absolute;transition:opacity .3s ease;width:100%;z-index:1}.plyr__preview-scrubbing--is-shown{opacity:1}.plyr__preview-scrubbing img{height:100%;left:0;max-height:none;max-width:none;object-fit:contain;position:absolute;top:0;width:100%}.plyr--no-transition{transition:none!important}.plyr__sr-only{clip:rect(1px,1px,1px,1px);border:0!important;height:1px!important;overflow:hidden;padding:0!important;position:absolute!important;width:1px!important}.plyr [hidden]{display:none!important}#KHWrap[data-v-b1e75228]{position:relative;width:960px;margin:0 auto}#kbWrap[data-v-b1e75228]{position:relative;width:960px;height:280px}#kbDiv[data-v-b1e75228]{position:absolute;width:720px;height:280px;left:120px;top:0;background:#404040;border:3px inset #FF8505}.keyboard-bg[data-v-b1e75228]{position:absolute;top:0;left:20px;width:720px;height:280px;background:url(/assets/images/keysFilledDk.png) no-repeat top left}.key-highlight[data-v-b1e75228]{position:absolute;width:44px;height:44px;background:url(/assets/images/keyToPress.png) no-repeat top left;animation:keyPulse-b1e75228 1s ease-in-out infinite}@keyframes keyPulse-b1e75228{0%,to{filter:brightness(1);transform:scale(1)}50%{filter:brightness(1.2);transform:scale(1.05)}}.space-highlight[data-v-b1e75228]{position:absolute;left:332px;top:210px;width:225px;height:41px;background:url(/assets/images/spaceToPress.png) no-repeat top left;animation:keyPulse-b1e75228 1s ease-in-out infinite}#keyLabelWrap[data-v-b1e75228]{position:absolute;width:720px;height:2px;left:150px;top:0}#klDiv[data-v-b1e75228]{position:relative;width:720px;height:2px}.keyboard-labels[data-v-b1e75228]{position:absolute;top:4px;left:2px;width:720px;height:280px;background:url(/assets/images/keysLabels.png) no-repeat top left}#HandWrap[data-v-b1e75228]{position:relative;width:960px;height:168px;margin-top:-100px}#handDiv[data-v-b1e75228]{position:relative;width:960px;height:168px}#R_HandWrap[data-v-b1e75228]{position:absolute;right:16px;top:0;width:154px;height:168px}#R_HandOutline[data-v-b1e75228],#R_FingerToPress[data-v-b1e75228]{position:absolute;left:0;top:0;width:154px;height:168px}.hand-outline.right[data-v-b1e75228]{background:url(/assets/images/HandOutlines.png) no-repeat right top}.finger-highlight.right[data-v-b1e75228]{background:url(/assets/images/fingersToPress.png) no-repeat right top;animation:fingerGlow-b1e75228 1.5s ease-in-out infinite}#L_HandWrap[data-v-b1e75228]{position:absolute;left:15px;top:0;width:154px;height:168px}#L_HandOutline[data-v-b1e75228],#L_FingerToPress[data-v-b1e75228]{position:absolute;left:0;top:0;width:154px;height:168px}.hand-outline.left[data-v-b1e75228]{background:url(/assets/images/HandOutlines.png) no-repeat top left}.finger-highlight.left[data-v-b1e75228]{background:url(/assets/images/fingersToPress.png) no-repeat top left;animation:fingerGlow-b1e75228 1.5s ease-in-out infinite}@keyframes fingerGlow-b1e75228{0%,to{filter:brightness(1);opacity:1}50%{filter:brightness(1.3);opacity:.9}}.bottom-hint[data-v-b1e75228]{text-align:center;margin-top:20px;padding:12px;color:#ffffffe6;font-size:16px;font-family:Microsoft YaHei,Arial,sans-serif}.bottom-hint strong[data-v-b1e75228]{color:#0ff;font-weight:700;text-shadow:0 0 10px rgba(0,255,255,.5)}@media (max-width: 1024px){#KHWrap[data-v-b1e75228]{transform:scale(.7);transform-origin:center center}.bottom-hint[data-v-b1e75228]{font-size:15px}}@media (max-width: 768px){#KHWrap[data-v-b1e75228]{transform:scale(.5);transform-origin:center center}.bottom-hint[data-v-b1e75228]{font-size:13px}}.accompaniment-game[data-v-5e5192cd]{width:100vw;height:100vh;overflow:hidden;position:relative}.canvas-container[data-v-5e5192cd]{width:100%;height:calc(100% - 160px);position:absolute;top:90px;left:0}.canvas-container.hidden[data-v-5e5192cd]{display:none}.ui-layer[data-v-5e5192cd]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.ui-layer[data-v-5e5192cd]>*{pointer-events:auto}.game-header[data-v-5e5192cd]{position:absolute;top:0;left:0;right:0;height:90px;background:#667eead9;backdrop-filter:blur(15px) saturate(180%);-webkit-backdrop-filter:blur(15px) saturate(180%);display:flex;align-items:center;justify-content:space-between;padding:0 25px;box-shadow:0 4px 30px #0000004d,inset 0 1px #ffffff1a;z-index:100;gap:15px;border-bottom:1px solid rgba(255,255,255,.1)}.back-btn[data-v-5e5192cd]{padding:10px 20px;font-size:1rem;font-weight:600;color:#fff;background:#fff3;border:2px solid rgba(255,255,255,.3);border-radius:8px;cursor:pointer;transition:all .3s ease;pointer-events:auto;flex-shrink:0}.back-btn[data-v-5e5192cd]:hover{background:#ffffff4d;transform:translate(-3px)}.audio-player[data-v-5e5192cd]{display:flex;align-items:center;justify-content:center;flex:1;max-width:600px}.audio-player[data-v-5e5192cd]{--plyr-color-main: #00ffff;--plyr-video-control-color: #ffffff;--plyr-video-control-color-hover: #00ffff;--plyr-control-radius: 8px;--plyr-audio-controls-background: rgba(102, 126, 234, .85);--plyr-audio-control-color: #ffffff;--plyr-audio-control-color-hover: #00ffff}.game-stats[data-v-5e5192cd]{display:flex;gap:15px;flex-shrink:0}.stat-box[data-v-5e5192cd]{text-align:center;padding:6px 12px;background:#ffffff26;border-radius:8px;min-width:70px}.stat-label[data-v-5e5192cd]{display:block;font-size:.7rem;color:#fffc;margin-bottom:3px}.stat-value[data-v-5e5192cd]{display:block;font-size:1.2rem;font-weight:700;color:#fff}.stat-value.combo[data-v-5e5192cd]{color:gold;text-shadow:0 0 10px rgba(255,215,0,.5)}.lyric-scroll-container[data-v-5e5192cd]{position:absolute;top:90px;left:0;right:0;bottom:120px;overflow:hidden;display:flex;align-items:center;justify-content:center;z-index:50}.lyric-track[data-v-5e5192cd]{width:100%;max-width:800px;height:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.lyric-card[data-v-5e5192cd]{position:absolute;width:90%;max-width:700px;padding:30px 40px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:2px solid rgba(255,255,255,.2);transition:all .5s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #0003}.lyric-card.past[data-v-5e5192cd]{background:#8888884d;border-color:#8888884d;opacity:.3;transform:translateY(-100px) scale(.9);filter:grayscale(.8)}.lyric-card.current[data-v-5e5192cd]{background:linear-gradient(135deg,#fffffff2,#ffffffd9);border-color:#0ff;box-shadow:0 0 40px #0ff9,0 0 80px #00ffff4d,inset 0 0 20px #00ffff1a;animation:cardPulse-5e5192cd 2s ease-in-out infinite;z-index:10}@keyframes cardPulse-5e5192cd{0%,to{transform:scale(1);box-shadow:0 0 40px #0ff9,0 0 80px #00ffff4d}50%{transform:scale(1.02);box-shadow:0 0 50px #0ffc,0 0 100px #0ff6}}.lyric-card.future[data-v-5e5192cd]{background:#667eea4d;border-color:#667eea66}.card-content[data-v-5e5192cd]{text-align:center}.hanzi-text[data-v-5e5192cd]{font-size:3rem;font-weight:700;color:#fff;margin-bottom:10px;text-shadow:2px 2px 8px rgba(0,0,0,.3);letter-spacing:8px}.lyric-card.current .hanzi-text[data-v-5e5192cd]{color:gold;text-shadow:0 0 20px rgba(255,215,0,.8),2px 2px 8px rgba(0,0,0,.3)}.pinyin-text[data-v-5e5192cd]{font-size:1.2rem;color:#fff9;font-family:Arial,sans-serif;letter-spacing:4px}.lyric-card.current .pinyin-text[data-v-5e5192cd]{color:#ffd700cc}.judgment-feedback[data-v-5e5192cd]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:200;pointer-events:none}.judgment-text[data-v-5e5192cd]{font-size:5rem;font-weight:700;display:block;animation:judgmentPop 1.5s ease-out forwards;text-shadow:0 0 30px currentColor}.judgment-text.perfect[data-v-5e5192cd]{color:gold;animation:judgmentPerfect-5e5192cd 1.5s ease-out forwards}.judgment-text.good[data-v-5e5192cd]{color:#0f8;animation:judgmentGood-5e5192cd 1.5s ease-out forwards}.judgment-text.miss[data-v-5e5192cd]{color:#f36;animation:judgmentMiss-5e5192cd 1.5s ease-out forwards}@keyframes judgmentPerfect-5e5192cd{0%{opacity:0;transform:scale(.5)}20%{opacity:1;transform:scale(1.3)}40%{transform:scale(1.1)}to{opacity:0;transform:scale(1.5) translateY(-50px)}}@keyframes judgmentGood-5e5192cd{0%{opacity:0;transform:scale(.6)}20%{opacity:1;transform:scale(1.2)}to{opacity:0;transform:scale(1.3) translateY(-40px)}}@keyframes judgmentMiss-5e5192cd{0%{opacity:0;transform:scale(.7) rotate(-10deg)}20%{opacity:1;transform:scale(1.1) rotate(5deg)}40%{transform:scale(1) rotate(-3deg)}60%{transform:scale(1.05) rotate(2deg)}to{opacity:0;transform:scale(1.2) translateY(-30px) rotate(0)}}.energy-footer[data-v-5e5192cd]{position:absolute;bottom:0;left:0;right:0;height:auto;min-height:80px;max-height:400px;background:linear-gradient(180deg,#667eeaf2,#764ba2f2);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);display:flex;align-items:center;justify-content:center;padding:15px 40px;z-index:100;border-top:1px solid rgba(255,255,255,.15);box-shadow:0 -4px 30px #0006}.energy-content[data-v-5e5192cd]{display:flex;flex-direction:column;gap:10px;width:100%;max-width:900px}.energy-container[data-v-5e5192cd]{display:flex;align-items:center;gap:20px;width:100%}.energy-label[data-v-5e5192cd]{display:flex;align-items:center;gap:8px;color:gold;font-size:1.1rem;font-weight:700;min-width:70px;text-shadow:0 0 10px rgba(255,215,0,.5)}.label-icon[data-v-5e5192cd]{font-size:1.4rem;animation:iconPulse-5e5192cd 2s ease-in-out infinite}@keyframes iconPulse-5e5192cd{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.label-text[data-v-5e5192cd]{letter-spacing:1px}.energy-bar-wrapper[data-v-5e5192cd]{flex:1;position:relative;display:flex;align-items:center;gap:15px}.energy-glow[data-v-5e5192cd]{position:absolute;top:50%;left:0;right:0;height:40px;transform:translateY(-50%);background:radial-gradient(ellipse at center,rgba(255,215,0,.3) 0%,transparent 70%);animation:glowPulse-5e5192cd 1.5s ease-in-out infinite;pointer-events:none}@keyframes glowPulse-5e5192cd{0%,to{opacity:.5}50%{opacity:1}}.energy-track[data-v-5e5192cd]{flex:1;height:18px;background:#ffffff26;border-radius:9px;overflow:hidden;position:relative;box-shadow:inset 0 2px 8px #0000004d,0 0 10px #ffd70033;border:1px solid rgba(255,255,255,.1)}.energy-fill[data-v-5e5192cd]{height:100%;background:linear-gradient(90deg,gold,#ffed4e,gold);border-radius:9px;transition:width .3s cubic-bezier(.4,0,.2,1);box-shadow:0 0 20px #ffd70099,inset 0 1px #ffffff80;position:relative;overflow:hidden}.energy-fill[data-v-5e5192cd]:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.4) 0%,transparent 100%);border-radius:9px 9px 0 0}.energy-fill.full[data-v-5e5192cd]{background:linear-gradient(90deg,#ff6b6b,gold,#ff6b6b,gold,#ff6b6b);animation:energyFullPulse-5e5192cd .8s ease-in-out infinite;box-shadow:0 0 30px gold,0 0 60px #ff6b6bcc}@keyframes energyFullPulse-5e5192cd{0%,to{filter:brightness(1);transform:scaleY(1)}50%{filter:brightness(1.3);transform:scaleY(1.1)}}.energy-particles[data-v-5e5192cd]{position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(90deg,transparent,transparent 10px,rgba(255,255,255,.3) 10px,rgba(255,255,255,.3) 20px);animation:particleFlow-5e5192cd 2s linear infinite}@keyframes particleFlow-5e5192cd{0%{transform:translate(0)}to{transform:translate(20px)}}.energy-value[data-v-5e5192cd]{color:gold;font-size:1.2rem;font-weight:700;min-width:55px;text-align:right;font-family:SF Mono,Monaco,monospace;text-shadow:0 0 10px rgba(255,215,0,.6)}.release-btn[data-v-5e5192cd]{padding:10px 20px;background:linear-gradient(135deg,gold,#ffed4e);border:none;border-radius:10px;color:#1a1e3a;font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:6px;box-shadow:0 4px 20px #ffd70080,0 0 30px #ffd7004d;transition:all .3s ease;animation:btnGlow-5e5192cd 1.5s ease-in-out infinite;flex-shrink:0}@keyframes btnGlow-5e5192cd{0%,to{box-shadow:0 4px 20px #ffd70080,0 0 30px #ffd7004d}50%{box-shadow:0 6px 30px #ffd700cc,0 0 50px #ffd70080}}.release-btn[data-v-5e5192cd]:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 40px #ffd700cc,0 0 60px #ffd70099}.release-btn[data-v-5e5192cd]:active{transform:translateY(0) scale(.98)}.btn-icon[data-v-5e5192cd]{font-size:1.2rem}.btn-text[data-v-5e5192cd]{letter-spacing:1px}@media (max-width: 1024px){.energy-footer[data-v-5e5192cd]{padding:0 25px}.energy-container[data-v-5e5192cd]{gap:15px}.energy-bar-wrapper[data-v-5e5192cd]{gap:10px}}@media (max-width: 768px){.energy-footer[data-v-5e5192cd]{height:auto;padding:15px 20px}.energy-container[data-v-5e5192cd]{flex-direction:column;gap:10px}.energy-bar-wrapper[data-v-5e5192cd]{width:100%}.release-btn[data-v-5e5192cd]{width:100%;justify-content:center}}.modal-overlay[data-v-5e5192cd]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content[data-v-5e5192cd]{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:24px;padding:40px;max-width:600px;width:90%;box-shadow:0 20px 60px #00000080;animation:modalSlideIn-5e5192cd .3s ease-out}@keyframes modalSlideIn-5e5192cd{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-title[data-v-5e5192cd]{font-size:2rem;color:#fff;text-align:center;margin-bottom:30px;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.rules-content[data-v-5e5192cd]{margin-bottom:30px}.rule-item[data-v-5e5192cd]{display:flex;align-items:flex-start;gap:15px;margin-bottom:20px;padding:15px;background:#ffffff1a;border-radius:12px;transition:all .3s ease}.rule-item.highlight[data-v-5e5192cd]{background:#00ffff26;border:2px solid rgba(0,255,255,.3)}.rule-item[data-v-5e5192cd]:hover{background:#ffffff26;transform:translate(5px)}.rule-icon[data-v-5e5192cd]{font-size:1.8rem;flex-shrink:0}.rating-guide[data-v-5e5192cd]{margin-top:12px;display:flex;flex-direction:column;gap:8px}.rating-item[data-v-5e5192cd]{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:8px;background:#0003}.rating-item.perfect[data-v-5e5192cd]{border-left:3px solid #00ffcc}.rating-item.good[data-v-5e5192cd]{border-left:3px solid #ffd700}.rating-item.miss[data-v-5e5192cd]{border-left:3px solid #ff3366}.rating-label[data-v-5e5192cd]{font-weight:700;font-size:1rem;min-width:80px}.rating-item.perfect .rating-label[data-v-5e5192cd]{color:#0fc;text-shadow:0 0 10px rgba(0,255,204,.5)}.rating-item.good .rating-label[data-v-5e5192cd]{color:gold;text-shadow:0 0 10px rgba(255,215,0,.5)}.rating-item.miss .rating-label[data-v-5e5192cd]{color:#f36;text-shadow:0 0 10px rgba(255,51,102,.5)}.rating-desc[data-v-5e5192cd]{color:#ffffffd9;font-size:.9rem}.rule-text[data-v-5e5192cd]{color:#fffffff2;font-size:1rem;line-height:1.6;margin:0;flex:1}.rule-text strong[data-v-5e5192cd]{color:gold;font-weight:700}.start-hint[data-v-5e5192cd]{text-align:center;padding-top:20px;border-top:2px solid rgba(255,255,255,.2)}.hint-text[data-v-5e5192cd]{color:#ffffffe6;font-size:1.1rem;margin-bottom:15px}.start-btn[data-v-5e5192cd]{padding:14px 50px;font-size:1.3rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid rgba(255,255,255,.3);border-radius:16px;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #667eea66,inset 0 1px #fff3;position:relative;overflow:hidden;letter-spacing:1px}.start-btn[data-v-5e5192cd]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.start-btn[data-v-5e5192cd]:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 30px #667eea99,0 0 40px #764ba266,inset 0 1px #ffffff4d;border-color:#ffffff80}.start-btn[data-v-5e5192cd]:hover:before{left:100%}.start-btn[data-v-5e5192cd]:active{transform:translateY(-1px) scale(1.02);box-shadow:0 4px 15px #667eea80,inset 0 2px 4px #0000001a}.countdown-overlay[data-v-5e5192cd]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:999}.countdown-number[data-v-5e5192cd]{font-size:12rem;font-weight:700;color:#fff;text-shadow:0 0 30px rgba(102,126,234,.8),0 0 60px rgba(118,75,162,.6);animation:countdownPulse-5e5192cd 1s ease-in-out infinite}@keyframes countdownPulse-5e5192cd{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.loading-container[data-v-5e5192cd],.initializing-overlay[data-v-5e5192cd]{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000}.spinner[data-v-5e5192cd]{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-5e5192cd 1s linear infinite;margin-bottom:20px}@keyframes spin-5e5192cd{to{transform:rotate(360deg)}}.loading-container p[data-v-5e5192cd],.initializing-overlay p[data-v-5e5192cd]{font-size:1.2rem;color:#fff;margin:0}.initializing-overlay[data-v-5e5192cd]{background:#1a1a2ef2}.keyboard-guide-absolute[data-v-5e5192cd]{position:absolute!important;bottom:-20px;left:50%;transform:translate(-50%);z-index:50;pointer-events:none}@keyframes rotate-5e5192cd{to{transform:rotate(360deg)}}.instrument-game[data-v-865fdcc4]{width:100vw;height:100vh;overflow:hidden;position:relative;background:linear-gradient(180deg,#0a0c1a,#1a1f3a)}.canvas-container[data-v-865fdcc4]{width:100%;height:calc(100% - 160px);position:absolute;top:90px;left:0}.ui-layer[data-v-865fdcc4]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.ui-layer[data-v-865fdcc4]>*{pointer-events:auto}.game-header[data-v-865fdcc4]{position:absolute;top:0;left:0;right:0;height:90px;background:#667eead9;backdrop-filter:blur(15px) saturate(180%);-webkit-backdrop-filter:blur(15px) saturate(180%);display:flex;align-items:center;justify-content:space-between;padding:0 25px;box-shadow:0 4px 30px #0000004d,inset 0 1px #ffffff1a;z-index:100;gap:15px;border-bottom:1px solid rgba(255,255,255,.1)}.back-btn[data-v-865fdcc4]{padding:10px 20px;font-size:1rem;font-weight:600;color:#fff;background:#fff3;border:2px solid rgba(255,255,255,.3);border-radius:8px;cursor:pointer;transition:all .3s ease;pointer-events:auto;flex-shrink:0}.back-btn[data-v-865fdcc4]:hover{background:#ffffff4d;transform:translate(-3px)}.audio-player[data-v-865fdcc4]{display:flex;align-items:center;justify-content:center;flex:1;max-width:600px}.midi-player-container[data-v-865fdcc4]{width:100%;padding:10px 20px;background:#ffffff1a;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.midi-controls[data-v-865fdcc4]{display:flex;align-items:center;gap:15px}.midi-btn[data-v-865fdcc4]{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#0ff,#0fc);border:none;color:#0a0c1a;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}.midi-btn[data-v-865fdcc4]:hover:not(:disabled){transform:scale(1.1);box-shadow:0 0 20px #00ffff80}.midi-btn[data-v-865fdcc4]:disabled{opacity:.5;cursor:not-allowed}.midi-progress[data-v-865fdcc4]{flex:1;height:8px;background:#fff3;border-radius:4px;position:relative;cursor:pointer;overflow:visible}.progress-fill[data-v-865fdcc4]{height:100%;background:linear-gradient(90deg,#0ff,#0fc);border-radius:4px;transition:width .1s ease}.progress-thumb[data-v-865fdcc4]{position:absolute;top:50%;width:16px;height:16px;background:#fff;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px #0ffc;transition:left .1s ease}.midi-time[data-v-865fdcc4]{font-size:12px;color:#fffc;font-family:SF Mono,Monaco,monospace;min-width:100px;text-align:right}.midi-info[data-v-865fdcc4]{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.midi-label[data-v-865fdcc4]{font-size:12px;color:#fff9}.midi-volume[data-v-865fdcc4]{width:80px;height:4px;cursor:pointer;accent-color:#00ffff}.game-stats[data-v-865fdcc4]{display:flex;gap:15px;flex-shrink:0}.stat-box[data-v-865fdcc4]{text-align:center;padding:6px 12px;background:#ffffff26;border-radius:8px;min-width:70px}.stat-label[data-v-865fdcc4]{display:block;font-size:.7rem;color:#fffc;margin-bottom:3px}.stat-value[data-v-865fdcc4]{display:block;font-size:1.2rem;font-weight:700;color:#fff}.stat-value.combo[data-v-865fdcc4]{color:gold;text-shadow:0 0 10px rgba(255,215,0,.5)}.judgment-overlay[data-v-865fdcc4]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:200;pointer-events:none}.judgment-text[data-v-865fdcc4]{font-size:5rem;font-weight:700;display:block;text-shadow:0 0 30px currentColor}.judgment-text.perfect[data-v-865fdcc4]{color:#0fc;animation:judgmentPerfect-865fdcc4 1.5s ease-out forwards}.judgment-text.good[data-v-865fdcc4]{color:gold;animation:judgmentGood-865fdcc4 1.5s ease-out forwards}.judgment-text.miss[data-v-865fdcc4]{color:#f36;animation:judgmentMiss-865fdcc4 1.5s ease-out forwards}@keyframes judgmentPerfect-865fdcc4{0%{opacity:0;transform:scale(.5)}20%{opacity:1;transform:scale(1.3)}40%{transform:scale(1.1)}to{opacity:0;transform:scale(1.5) translateY(-50px)}}@keyframes judgmentGood-865fdcc4{0%{opacity:0;transform:scale(.6)}20%{opacity:1;transform:scale(1.2)}to{opacity:0;transform:scale(1.3) translateY(-40px)}}@keyframes judgmentMiss-865fdcc4{0%{opacity:0;transform:scale(.7) rotate(-10deg)}20%{opacity:1;transform:scale(1.1) rotate(5deg)}40%{transform:scale(1) rotate(-3deg)}to{opacity:0;transform:scale(1.2) translateY(-30px) rotate(0)}}.energy-footer[data-v-865fdcc4]{position:absolute;bottom:0;left:0;right:0;height:auto;min-height:80px;max-height:400px;background:linear-gradient(180deg,#667eeaf2,#764ba2f2);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);display:flex;align-items:center;justify-content:center;padding:15px 40px;z-index:100;border-top:1px solid rgba(255,255,255,.15);box-shadow:0 -4px 30px #0006}.energy-content[data-v-865fdcc4]{display:flex;flex-direction:column;gap:10px;width:100%;max-width:900px}.energy-container[data-v-865fdcc4]{display:flex;align-items:center;gap:20px;width:100%}.energy-label[data-v-865fdcc4]{display:flex;align-items:center;gap:8px;color:gold;font-size:1.1rem;font-weight:700;min-width:70px;text-shadow:0 0 10px rgba(255,215,0,.5)}.label-icon[data-v-865fdcc4]{font-size:1.4rem;animation:iconPulse-865fdcc4 2s ease-in-out infinite}@keyframes iconPulse-865fdcc4{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.energy-bar-wrapper[data-v-865fdcc4]{flex:1;position:relative;display:flex;align-items:center;gap:15px}.energy-glow[data-v-865fdcc4]{position:absolute;top:50%;left:0;right:0;height:40px;transform:translateY(-50%);background:radial-gradient(ellipse at center,rgba(255,215,0,.3) 0%,transparent 70%);animation:glowPulse-865fdcc4 1.5s ease-in-out infinite;pointer-events:none}@keyframes glowPulse-865fdcc4{0%,to{opacity:.5}50%{opacity:1}}.energy-track[data-v-865fdcc4]{flex:1;height:18px;background:#ffffff26;border-radius:9px;overflow:hidden;position:relative;box-shadow:inset 0 2px 8px #0000004d,0 0 10px #ffd70033;border:1px solid rgba(255,255,255,.1)}.energy-fill[data-v-865fdcc4]{height:100%;background:linear-gradient(90deg,#0fc,#0ff,#0fc);border-radius:9px;transition:width .3s cubic-bezier(.4,0,.2,1);box-shadow:0 0 20px #0fc9,inset 0 1px #ffffff80;position:relative;overflow:hidden}.energy-fill[data-v-865fdcc4]:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.4) 0%,transparent 100%);border-radius:9px 9px 0 0}.energy-fill.full[data-v-865fdcc4]{background:linear-gradient(90deg,#ff6b6b,gold,#ff6b6b,gold,#ff6b6b);animation:energyFullPulse-865fdcc4 .8s ease-in-out infinite;box-shadow:0 0 30px gold,0 0 60px #ff6b6bcc}@keyframes energyFullPulse-865fdcc4{0%,to{filter:brightness(1);transform:scaleY(1)}50%{filter:brightness(1.3);transform:scaleY(1.1)}}.energy-particles[data-v-865fdcc4]{position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(90deg,transparent,transparent 10px,rgba(255,255,255,.3) 10px,rgba(255,255,255,.3) 20px);animation:particleFlow-865fdcc4 2s linear infinite}@keyframes particleFlow-865fdcc4{0%{transform:translate(0)}to{transform:translate(20px)}}.energy-value[data-v-865fdcc4]{color:gold;font-size:1.2rem;font-weight:700;min-width:55px;text-align:right;font-family:SF Mono,Monaco,monospace;text-shadow:0 0 10px rgba(255,215,0,.6)}.release-btn[data-v-865fdcc4]{padding:10px 20px;background:linear-gradient(135deg,gold,#ffed4e);border:none;border-radius:10px;color:#1a1e3a;font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:6px;box-shadow:0 4px 20px #ffd70080,0 0 30px #ffd7004d;transition:all .3s ease;animation:btnGlow-865fdcc4 1.5s ease-in-out infinite;flex-shrink:0}@keyframes btnGlow-865fdcc4{0%,to{box-shadow:0 4px 20px #ffd70080,0 0 30px #ffd7004d}50%{box-shadow:0 6px 30px #ffd700cc,0 0 50px #ffd70080}}.release-btn[data-v-865fdcc4]:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 40px #ffd700cc,0 0 60px #ffd70099}.keyboard-guide-absolute[data-v-865fdcc4]{position:absolute!important;bottom:-20px;left:50%;transform:translate(-50%);z-index:50;pointer-events:none}.modal-overlay[data-v-865fdcc4]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content[data-v-865fdcc4]{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:24px;padding:40px;max-width:600px;width:90%;box-shadow:0 20px 60px #00000080;animation:modalSlideIn-865fdcc4 .3s ease-out}@keyframes modalSlideIn-865fdcc4{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-title[data-v-865fdcc4]{font-size:2rem;color:#fff;text-align:center;margin-bottom:30px;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.rules-content[data-v-865fdcc4]{margin-bottom:30px}.rule-item[data-v-865fdcc4]{display:flex;align-items:flex-start;gap:15px;margin-bottom:20px;padding:15px;background:#ffffff1a;border-radius:12px;transition:all .3s ease}.rule-item.highlight[data-v-865fdcc4]{background:#00ffff26;border:2px solid rgba(0,255,255,.3)}.rule-item[data-v-865fdcc4]:hover{background:#ffffff26;transform:translate(5px)}.rule-icon[data-v-865fdcc4]{font-size:1.8rem;flex-shrink:0}.rating-guide[data-v-865fdcc4]{margin-top:12px;display:flex;flex-direction:column;gap:8px}.rating-item[data-v-865fdcc4]{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:8px;background:#0003}.rating-item.perfect[data-v-865fdcc4]{border-left:3px solid #00ffcc}.rating-item.good[data-v-865fdcc4]{border-left:3px solid #ffd700}.rating-item.miss[data-v-865fdcc4]{border-left:3px solid #ff3366}.rating-label[data-v-865fdcc4]{font-weight:700;font-size:1rem;min-width:80px}.rating-item.perfect .rating-label[data-v-865fdcc4]{color:#0fc;text-shadow:0 0 10px rgba(0,255,204,.5)}.rating-item.good .rating-label[data-v-865fdcc4]{color:gold;text-shadow:0 0 10px rgba(255,215,0,.5)}.rating-item.miss .rating-label[data-v-865fdcc4]{color:#f36;text-shadow:0 0 10px rgba(255,51,102,.5)}.rating-desc[data-v-865fdcc4]{color:#ffffffd9;font-size:.9rem}.rule-text[data-v-865fdcc4]{color:#fffffff2;font-size:1rem;line-height:1.6;margin:0;flex:1}.rule-text strong[data-v-865fdcc4]{color:gold;font-weight:700}.start-hint[data-v-865fdcc4]{text-align:center;padding-top:20px;border-top:2px solid rgba(255,255,255,.2)}.start-btn[data-v-865fdcc4]{padding:14px 50px;font-size:1.3rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid rgba(255,255,255,.3);border-radius:16px;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #667eea66,inset 0 1px #fff3;position:relative;overflow:hidden;letter-spacing:1px;display:flex;align-items:center;gap:10px;margin:0 auto}.start-btn[data-v-865fdcc4]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.start-btn[data-v-865fdcc4]:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 30px #667eea99,0 0 40px #764ba266,inset 0 1px #ffffff4d;border-color:#ffffff80}.start-btn[data-v-865fdcc4]:hover:before{left:100%}.countdown-overlay[data-v-865fdcc4]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:999}.countdown-number[data-v-865fdcc4]{font-size:12rem;font-weight:700;color:#fff;text-shadow:0 0 30px rgba(102,126,234,.8),0 0 60px rgba(118,75,162,.6);animation:countdownPulse-865fdcc4 1s ease-in-out infinite}@keyframes countdownPulse-865fdcc4{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.initializing-overlay[data-v-865fdcc4]{position:absolute;top:0;left:0;width:100%;height:100%;background:#1a1a2ef2;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000}.spinner[data-v-865fdcc4]{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top-color:#0ff;border-radius:50%;animation:spin-865fdcc4 1s linear infinite;margin-bottom:20px}@keyframes spin-865fdcc4{to{transform:rotate(360deg)}}.initializing-overlay p[data-v-865fdcc4]{font-size:1.2rem;color:#fff;margin:0}.pause-overlay[data-v-865fdcc4]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:200;pointer-events:auto}.pause-content[data-v-865fdcc4]{text-align:center;background:#667eeae6;padding:40px 60px;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pause-title[data-v-865fdcc4]{color:#fff;font-size:36px;margin-bottom:30px;text-shadow:0 0 20px rgba(0,255,255,.5)}.pause-content button[data-v-865fdcc4]{display:block;width:200px;margin:15px auto;padding:15px;font-size:16px;border:none;border-radius:10px;cursor:pointer;transition:all .3s}.resume-btn[data-v-865fdcc4]{background:linear-gradient(135deg,#0f8,#0fc);color:#000}.resume-btn[data-v-865fdcc4]:hover{transform:scale(1.05);box-shadow:0 0 20px #00ff8880}.restart-btn[data-v-865fdcc4]{background:linear-gradient(135deg,gold,#ffed4e);color:#000}.restart-btn[data-v-865fdcc4]:hover{transform:scale(1.05);box-shadow:0 0 20px #ffd70080}.quit-btn[data-v-865fdcc4]{background:#e74c3ccc;color:#fff}.quit-btn[data-v-865fdcc4]:hover{transform:scale(1.05);box-shadow:0 0 20px #e74c3c80}.result-overlay[data-v-865fdcc4]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:200;pointer-events:auto}.result-content[data-v-865fdcc4]{background:linear-gradient(180deg,#1a1f3a,#0a0c1a);border:1px solid rgba(100,100,150,.3);border-radius:20px;padding:40px;max-width:500px;width:90%;text-align:center}.result-title[data-v-865fdcc4]{color:#fff;font-size:32px;margin-bottom:30px}.result-stats[data-v-865fdcc4],.stat-block[data-v-865fdcc4]{margin-bottom:30px}.stat-big[data-v-865fdcc4]{display:block;font-size:56px;font-weight:700}.stat-big.score[data-v-865fdcc4]{background:linear-gradient(135deg,#0f8,#0fc,#0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-name[data-v-865fdcc4]{display:block;font-size:14px;color:#fff9;margin-top:5px}.stat-row[data-v-865fdcc4]{display:flex;justify-content:center;gap:30px;margin-bottom:20px}.stat-item[data-v-865fdcc4]{text-align:center}.stat-value[data-v-865fdcc4]{display:block;font-size:28px;font-weight:700}.stat-value.perfect[data-v-865fdcc4]{color:#0f8}.stat-value.good[data-v-865fdcc4]{color:gold}.stat-value.miss[data-v-865fdcc4]{color:#e74c3c}.stat-value.combo[data-v-865fdcc4]{color:#ff6b9d}.stat-value.accuracy[data-v-865fdcc4]{color:#0ff}.stat-label[data-v-865fdcc4]{display:block;font-size:12px;color:#fff9;margin-top:5px}.result-actions[data-v-865fdcc4]{display:flex;gap:20px;justify-content:center}.result-btn[data-v-865fdcc4]{padding:15px 40px;font-size:16px;border:none;border-radius:30px;cursor:pointer;transition:all .3s}.result-btn.retry[data-v-865fdcc4]{background:linear-gradient(135deg,#0f8,#0fc);color:#000}.result-btn.retry[data-v-865fdcc4]:hover{transform:scale(1.05);box-shadow:0 0 20px #00ff8880}.result-btn.back[data-v-865fdcc4]{background:linear-gradient(135deg,#6c5ce7,#a29bfe);color:#fff}.result-btn.back[data-v-865fdcc4]:hover{transform:scale(1.05);box-shadow:0 0 20px #6c5ce780}@media (max-width: 768px){.game-header[data-v-865fdcc4]{padding:0 15px;height:80px}.midi-controls[data-v-865fdcc4]{gap:10px}.midi-time[data-v-865fdcc4]{display:none}.stat-box[data-v-865fdcc4]{min-width:50px;padding:4px 8px}.stat-label[data-v-865fdcc4]{font-size:.6rem}.stat-value[data-v-865fdcc4]{font-size:1rem}.energy-footer[data-v-865fdcc4]{padding:10px 20px}.energy-container[data-v-865fdcc4]{flex-wrap:wrap}.release-btn[data-v-865fdcc4]{width:100%;justify-content:center}}.result-container[data-v-ed6da3c9]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:20px}.result-card[data-v-ed6da3c9]{background:#fff;border-radius:24px;padding:50px;max-width:800px;width:100%;box-shadow:0 20px 60px #0000004d;text-align:center}.result-title[data-v-ed6da3c9]{font-size:2.5rem;color:#333;margin-bottom:30px}.song-info[data-v-ed6da3c9]{margin-bottom:40px;padding-bottom:30px;border-bottom:2px solid #eee}.song-info h2[data-v-ed6da3c9]{font-size:2rem;color:#667eea;margin:0 0 10px}.song-info p[data-v-ed6da3c9]{font-size:1.2rem;color:#666;margin:0}.stats-grid[data-v-ed6da3c9]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;margin-bottom:40px}.stat-item[data-v-ed6da3c9]{padding:30px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:16px;transition:transform .3s}.stat-item[data-v-ed6da3c9]:hover{transform:translateY(-5px)}.stat-icon[data-v-ed6da3c9]{font-size:3rem;margin-bottom:15px}.stat-label[data-v-ed6da3c9]{font-size:1rem;color:#666;margin-bottom:10px;font-weight:600}.stat-value[data-v-ed6da3c9]{font-size:2.5rem;font-weight:700;color:#667eea}.action-buttons[data-v-ed6da3c9]{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.btn[data-v-ed6da3c9]{padding:15px 40px;font-size:1.1rem;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .3s}.btn-primary[data-v-ed6da3c9]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea66}.btn-primary[data-v-ed6da3c9]:hover{transform:translateY(-3px);box-shadow:0 8px 25px #667eea99}.btn-secondary[data-v-ed6da3c9]{background:#fff;color:#667eea;border:2px solid #667eea}.btn-secondary[data-v-ed6da3c9]:hover{background:#f5f7fa;transform:translateY(-3px)}@media (max-width: 768px){.result-card[data-v-ed6da3c9]{padding:30px}.result-title[data-v-ed6da3c9]{font-size:2rem}.stats-grid[data-v-ed6da3c9]{grid-template-columns:1fr;gap:20px}.action-buttons[data-v-ed6da3c9]{flex-direction:column}.btn[data-v-ed6da3c9]{width:100%}}.app-container[data-v-6c6c8adb]{width:100vw;height:100vh;overflow:hidden}.fade-enter-active[data-v-6c6c8adb],.fade-leave-active[data-v-6c6c8adb]{transition:opacity .3s ease}.fade-enter-from[data-v-6c6c8adb],.fade-leave-to[data-v-6c6c8adb]{opacity:0}.loading-overlay[data-v-6c6c8adb]{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999}.loader[data-v-6c6c8adb]{width:60px;height:60px;border:4px solid rgba(255,255,255,.3);border-top-color:#667eea;border-radius:50%;animation:spin-6c6c8adb 1s linear infinite;margin-bottom:20px}@keyframes spin-6c6c8adb{to{transform:rotate(360deg)}}.loading-text[data-v-6c6c8adb]{font-size:1.2rem;color:#fff}