.modal-overlay[data-v-21d214c6]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-21d214c6]{background:#fff;border-radius:8px;width:90%;max-width:800px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 4px 20px #00000026;overflow:hidden}.modal-header[data-v-21d214c6]{padding:1rem;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.modal-header h3[data-v-21d214c6]{margin:0;color:#333;font-size:1.1rem}.close-btn[data-v-21d214c6]{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#999;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.close-btn[data-v-21d214c6]:hover{background-color:#f5f5f5;color:#666}.modal-body[data-v-21d214c6]{flex:1;padding:1.2rem;overflow-y:auto;max-height:60vh}.content-wrapper[data-v-21d214c6]{height:100%}.agreement-content[data-v-21d214c6]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.6;color:#333;white-space:pre-wrap;word-wrap:break-word}.modal-footer[data-v-21d214c6]{padding:.75rem 1rem;border-top:1px solid #eee;display:flex;justify-content:flex-end}.btn[data-v-21d214c6]{padding:.4rem 1.2rem;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s}.btn-secondary[data-v-21d214c6]{background-color:#6c757d;color:#fff}.btn-secondary[data-v-21d214c6]:hover{background-color:#5a6268}.modal-body[data-v-21d214c6]::-webkit-scrollbar{width:6px}.modal-body[data-v-21d214c6]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.modal-body[data-v-21d214c6]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.modal-body[data-v-21d214c6]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width: 768px){.modal-content[data-v-21d214c6]{width:95%;max-height:90vh}.modal-header[data-v-21d214c6]{padding:.75rem}.modal-header h3[data-v-21d214c6]{font-size:1rem}.modal-body[data-v-21d214c6]{padding:.8rem}.modal-footer[data-v-21d214c6]{padding:.5rem .75rem}.agreement-content[data-v-21d214c6]{font-size:13px;line-height:1.5}.btn[data-v-21d214c6]{padding:.3rem 1rem;font-size:.85rem}}.login-form[data-v-89fb2b31]{width:100%}.form-group[data-v-89fb2b31]{margin-bottom:1rem}.form-group label[data-v-89fb2b31]{display:block;margin-bottom:.5rem;font-weight:700}.form-group input[data-v-89fb2b31]{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:4px;font-size:1rem;box-sizing:border-box;background-color:var(--surface-color);color:var(--text-primary)}.form-group input.error[data-v-89fb2b31]{border-color:var(--error-color)}.error-message[data-v-89fb2b31]{color:var(--error-color);font-size:.875rem;margin-top:.25rem;display:block}.general-error[data-v-89fb2b31]{margin:1rem 0;padding:.75rem;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#721c24}.form-footer[data-v-89fb2b31]{margin:1rem 0;text-align:center}.form-footer a[data-v-89fb2b31]{color:var(--primary-color);text-decoration:none}.form-footer a[data-v-89fb2b31]:hover{text-decoration:underline}.agreement-links[data-v-89fb2b31]{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color-light)}.agreement-text[data-v-89fb2b31]{font-size:.875rem;color:var(--text-secondary);text-align:center;margin:0}.agreement-text a[data-v-89fb2b31]{color:var(--primary-color);text-decoration:none}.agreement-text a[data-v-89fb2b31]:hover{text-decoration:underline}.register-form[data-v-1429fda0]{width:100%}.form-group[data-v-1429fda0]{margin-bottom:1rem}.form-group label[data-v-1429fda0]{display:block;margin-bottom:.5rem;font-weight:700}.form-group input[data-v-1429fda0]{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;box-sizing:border-box}.form-group input.error[data-v-1429fda0]{border-color:#e74c3c}.error-message[data-v-1429fda0]{color:#e74c3c;font-size:.875rem;margin-top:.25rem;display:block}.general-error[data-v-1429fda0]{margin:1rem 0;padding:.5rem;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#721c24}.btn[data-v-1429fda0]{display:inline-block;padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:1rem;text-align:center;margin:.25rem;transition:background-color .3s}.btn-primary[data-v-1429fda0]{background-color:#3498db;color:#fff}.btn-primary[data-v-1429fda0]:hover:not(:disabled){background-color:#2980b9}.btn-secondary[data-v-1429fda0]{background-color:#95a5a6;color:#fff}.btn-secondary[data-v-1429fda0]:hover{background-color:#7f8c8d}.btn[data-v-1429fda0]:disabled{opacity:.6;cursor:not-allowed}.form-footer[data-v-1429fda0]{margin:1rem 0;text-align:center}.form-footer a[data-v-1429fda0]{color:#4fc3f7;text-decoration:none}.form-footer a[data-v-1429fda0]:hover{text-decoration:underline}.agreement-links[data-v-1429fda0]{margin-top:1rem;padding-top:1rem;border-top:1px solid #eee}.agreement-text[data-v-1429fda0]{font-size:.875rem;color:#666;text-align:center;margin:0}.agreement-text a[data-v-1429fda0]{color:#4fc3f7;text-decoration:none}.agreement-text a[data-v-1429fda0]:hover{text-decoration:underline}.forgot-password-form[data-v-48d3892a]{width:100%}.form-group[data-v-48d3892a]{margin-bottom:1rem}.form-group label[data-v-48d3892a]{display:block;margin-bottom:.5rem;font-weight:700}.form-group input[data-v-48d3892a]{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;box-sizing:border-box}.form-group input.error[data-v-48d3892a]{border-color:#e74c3c}.error-message[data-v-48d3892a]{color:#e74c3c;font-size:.875rem;margin-top:.25rem;display:block}.general-error[data-v-48d3892a]{margin:1rem 0;padding:.75rem;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#721c24}.form-footer[data-v-48d3892a]{margin:1rem 0;text-align:center}.form-footer a[data-v-48d3892a]{color:#3498db;text-decoration:none}.form-footer a[data-v-48d3892a]:hover{text-decoration:underline}.btn[data-v-48d3892a]{display:inline-block;padding:.75rem 1.5rem;margin:.25rem 0;border:none;border-radius:4px;cursor:pointer;font-size:1rem;text-align:center;text-decoration:none;transition:background-color .3s}.btn-primary[data-v-48d3892a]{background-color:#3498db;color:#fff}.btn-primary[data-v-48d3892a]:disabled{background-color:#bdc3c7;cursor:not-allowed}.btn-secondary[data-v-48d3892a]{background-color:#95a5a6;color:#fff}.btn[data-v-48d3892a]:hover:not(:disabled){opacity:.9}.reset-password-form[data-v-84bd421a]{width:100%}.form-group[data-v-84bd421a]{margin-bottom:1rem}.form-group label[data-v-84bd421a]{display:block;margin-bottom:.5rem;font-weight:700}.form-group input[data-v-84bd421a]{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;box-sizing:border-box}.form-group input.error[data-v-84bd421a]{border-color:#e74c3c}.form-group input[data-v-84bd421a]:disabled{background-color:#f8f9fa;cursor:not-allowed}.verification-input-group[data-v-84bd421a]{display:flex;gap:.5rem}.verification-input-group input[data-v-84bd421a]{flex:1}.verification-input-group .resend-btn[data-v-84bd421a]{flex-shrink:0;padding:.75rem 1rem;font-size:.875rem}.error-message[data-v-84bd421a]{color:#e74c3c;font-size:.875rem;margin-top:.25rem;display:block}.general-error[data-v-84bd421a]{margin:1rem 0;padding:.75rem;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#721c24}.form-footer[data-v-84bd421a]{margin:1rem 0;text-align:center}.form-footer a[data-v-84bd421a]{color:#3498db;text-decoration:none}.form-footer a[data-v-84bd421a]:hover{text-decoration:underline}.btn[data-v-84bd421a]{display:inline-block;padding:.75rem 1.5rem;margin:.25rem 0;border:none;border-radius:4px;cursor:pointer;font-size:1rem;text-align:center;text-decoration:none;transition:background-color .3s}.btn-primary[data-v-84bd421a]{background-color:#3498db;color:#fff}.btn-primary[data-v-84bd421a]:disabled{background-color:#bdc3c7;cursor:not-allowed}.btn-secondary[data-v-84bd421a]{background-color:#95a5a6;color:#fff}.btn[data-v-84bd421a]:hover:not(:disabled){opacity:.9}.profile-edit-form[data-v-2e1490a0]{width:100%;margin:0 auto;padding:1rem 0;min-width:400px}.form-group[data-v-2e1490a0]{margin-bottom:1.5rem}.form-group label[data-v-2e1490a0]{display:block;margin-bottom:.5rem;font-weight:700;color:var(--text-primary)}.form-group input[data-v-2e1490a0],.form-group select[data-v-2e1490a0],.form-group textarea[data-v-2e1490a0]{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:4px;font-size:1rem;box-sizing:border-box;background-color:var(--surface-color);color:var(--text-primary)}.input-with-status[data-v-2e1490a0]{position:relative;display:flex;align-items:center}.input-with-status input[data-v-2e1490a0]{flex:1;margin-right:.5rem}.checking-indicator[data-v-2e1490a0],.error-indicator[data-v-2e1490a0],.success-indicator[data-v-2e1490a0]{font-size:.8rem;flex-shrink:0}.checking-indicator[data-v-2e1490a0]{color:var(--text-secondary)}.error-indicator[data-v-2e1490a0]{color:var(--error-color)}.success-indicator[data-v-2e1490a0]{color:var(--success-color, #28a745)}.form-group input[data-v-2e1490a0]:focus,.form-group select[data-v-2e1490a0]:focus,.form-group textarea[data-v-2e1490a0]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #4f68f733}.form-group input.error[data-v-2e1490a0],.form-group select.error[data-v-2e1490a0],.form-group textarea.error[data-v-2e1490a0]{border-color:var(--error-color)}.char-count[data-v-2e1490a0]{text-align:right;font-size:.8rem;color:var(--text-secondary);margin-top:.25rem}.error-message[data-v-2e1490a0]{color:var(--error-color);font-size:.875rem;margin-top:.25rem;display:block}.general-error[data-v-2e1490a0]{margin:1rem 0;padding:.75rem;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#721c24}.form-actions[data-v-2e1490a0]{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.btn[data-v-2e1490a0]{padding:.75rem 1.5rem;border:none;border-radius:4px;cursor:pointer;font-size:1rem;text-align:center;transition:background-color .3s}.btn-primary[data-v-2e1490a0]{background-color:var(--primary-color);color:#fff}.btn-primary[data-v-2e1490a0]:hover:not(:disabled){background-color:var(--primary-dark)}.btn-secondary[data-v-2e1490a0]{background-color:var(--text-secondary);color:#fff}.btn-secondary[data-v-2e1490a0]:hover{background-color:#455a64}.btn[data-v-2e1490a0]:disabled{opacity:.6;cursor:not-allowed}.change-password-form[data-v-f5906d86]{width:100%;margin:0 auto;padding:1rem 0;min-width:400px}.form-group[data-v-f5906d86]{margin-bottom:1.5rem}.form-group label[data-v-f5906d86]{display:block;margin-bottom:.5rem;font-weight:700;color:var(--text-primary)}.form-group input[data-v-f5906d86]{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:4px;font-size:1rem;box-sizing:border-box;background-color:var(--surface-color);color:var(--text-primary)}.form-group input[data-v-f5906d86]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #4f68f733}.form-group input.error[data-v-f5906d86]{border-color:var(--error-color)}.error-message[data-v-f5906d86]{color:var(--error-color);font-size:.875rem;margin-top:.25rem;display:block}.general-error[data-v-f5906d86]{margin:1rem 0;padding:.75rem;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#721c24}.form-actions[data-v-f5906d86]{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.btn[data-v-f5906d86]{padding:.75rem 1.5rem;border:none;border-radius:4px;cursor:pointer;font-size:1rem;text-align:center;transition:background-color .3s}.btn-primary[data-v-f5906d86]{background-color:var(--primary-color);color:#fff}.btn-primary[data-v-f5906d86]:hover:not(:disabled){background-color:var(--primary-dark)}.btn-secondary[data-v-f5906d86]{background-color:var(--text-secondary);color:#fff}.btn-secondary[data-v-f5906d86]:hover{background-color:#455a64}.btn[data-v-f5906d86]:disabled{opacity:.6;cursor:not-allowed}.site-footer[data-v-2740e166]{background-color:var(--surface-color);color:var(--text-primary);padding:2rem 0 1rem;margin-top:auto;border-top:1px solid var(--border-color)}.footer-content[data-v-2740e166]{display:flex;justify-content:space-around;flex-wrap:wrap;max-width:1200px;margin:0 auto;padding:0 2rem;gap:2rem}.footer-section[data-v-2740e166]{min-width:200px;padding:0 1rem}.intro-section[data-v-2740e166]{flex:5}.contact-section[data-v-2740e166]{flex:3}.qr-section[data-v-2740e166]{flex:2}.footer-section h3[data-v-2740e166]{margin-top:0;margin-bottom:1rem;color:var(--accent-color);font-size:1.2rem}.footer-section p[data-v-2740e166]{line-height:1.6;margin-bottom:.5rem}.contact-email[data-v-2740e166]{font-family:monospace;font-weight:700;color:var(--accent-color)}.email-link[data-v-2740e166]{color:var(--accent-color);text-decoration:none;font-weight:700}.email-link[data-v-2740e166]:hover{text-decoration:underline}.qr-code-container[data-v-2740e166]{display:flex;flex-direction:column;align-items:center}.qr-code[data-v-2740e166]{width:150px;height:150px;object-fit:contain;margin-bottom:.5rem;padding:.5rem;background:#fff;border-radius:4px}.footer-bottom[data-v-2740e166]{text-align:center;padding-top:1.5rem;margin-top:1.5rem;border-top:1px solid var(--border-color);color:var(--text-secondary)}.copyright-beian[data-v-2740e166]{margin-top:.5rem;font-size:.85rem;color:var(--text-secondary);display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;align-items:center}.beian-link[data-v-2740e166]{color:var(--text-secondary);text-decoration:none}.beian-link[data-v-2740e166]:hover{text-decoration:underline}.icp-link[data-v-2740e166]{color:var(--text-secondary);text-decoration:none}.icp-link[data-v-2740e166]:hover{text-decoration:underline}.ga-logo[data-v-2740e166]{width:16px;height:16px;vertical-align:middle;margin-right:4px}@media (max-width: 768px){.footer-content[data-v-2740e166]{flex-direction:column;align-items:center;text-align:center;padding:0 1rem}.footer-section[data-v-2740e166]{min-width:auto;width:100%;max-width:300px}.qr-code[data-v-2740e166]{width:100px;height:100px}}.points-display{display:flex;align-items:center;gap:6px;padding:8px 12px;background:transparent;border:none;border-radius:6px;color:var(--text-primary);cursor:default;transition:all .3s ease;font-size:18px;font-family:sans-serif}.points-display:hover{background-color:var(--hover-bg);color:var(--primary-color)}.diamond-icon{font-size:20px}.points-label{color:inherit;font-weight:500;font-size:16px}.points-value{color:gold;font-weight:700;min-width:30px;text-align:center;font-size:18px}.recharge-plus{color:gold;font-size:22px;font-weight:700;cursor:pointer;padding:2px 8px;border-radius:50%;transition:all .2s ease;-webkit-user-select:none;user-select:none;background:#ffd70033}.recharge-plus:hover{background-color:#ffd70066;transform:scale(1.2)}.modal-overlay-new{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.recharge-dialog{width:360px;height:1400px;background:#fffffff2;border-radius:16px;box-shadow:0 20px 60px #00000026;padding:24px;font-family:PingFang SC,Roboto,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;flex-direction:column;justify-content:flex-start;margin-top:50px;overflow:hidden!important;max-height:90vh!important;position:relative;-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;-webkit-perspective:1000;transform:translateZ(0);-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;box-sizing:border-box;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2)}.modal-overlay-new,.modal-overlay-new *,.recharge-dialog,.recharge-dialog *,.package-grid,.package-item,.pay-btn,.footer-btn,.dialog-header,.package-section,.payment-section,.dialog-footer{overflow:hidden!important;overflow-x:hidden!important;overflow-y:hidden!important;-ms-overflow-style:none!important;scrollbar-width:none!important;max-height:none!important;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.modal-overlay-new::-webkit-scrollbar,.modal-overlay-new *::-webkit-scrollbar,.recharge-dialog::-webkit-scrollbar,.recharge-dialog *::-webkit-scrollbar,.package-grid::-webkit-scrollbar,.package-item::-webkit-scrollbar,.pay-btn::-webkit-scrollbar,.footer-btn::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;-webkit-appearance:none!important}.recharge-dialog{box-sizing:border-box!important;height:580px!important;max-height:580px!important;min-height:580px!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important}.recharge-dialog>.dialog-header{flex:0 0 auto}.recharge-dialog>.package-section{flex:0 0 auto;margin:16px 0}.recharge-dialog>.payment-section{flex:0 0 auto;margin:16px 0}.recharge-dialog>.dialog-footer{flex:0 0 auto;margin-top:30px}.dialog-content-wrapper{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0;padding-bottom:0;height:auto}.package-section,.payment-section{align-self:stretch;flex-shrink:0;max-height:300px;overflow:visible!important;min-height:auto}.payment-section,.dialog-footer{display:block!important;visibility:visible!important;opacity:1!important;min-height:auto!important}.dialog-content-wrapper{display:flex;flex-direction:column;height:100%;overflow:hidden}.dialog-header{flex:0 0 auto}.package-section,.payment-section{flex:0 0 auto;margin:2px 0}.dialog-footer{flex:0 0 auto;margin-top:2px;margin-bottom:2px}.payment-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:10px;width:100%;align-items:stretch;grid-auto-flow:column;grid-auto-columns:1fr}.package-grid,.payment-buttons{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden!important;height:auto!important;justify-content:center;align-items:center}.recharge-dialog h1,.recharge-dialog h2,.recharge-dialog h3,.recharge-dialog h4,.recharge-dialog h5,.recharge-dialog h6,.recharge-dialog p,.recharge-dialog div,.recharge-dialog span,.recharge-dialog label{-webkit-user-modify:read-only!important;-moz-user-modify:read-only!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important;pointer-events:none!important;outline:none!important;-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none!important}.recharge-dialog .package-item,.recharge-dialog .pay-btn,.recharge-dialog .footer-btn{pointer-events:auto!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.recharge-dialog>.dialog-header,.recharge-dialog>.package-section>.section-label,.recharge-dialog>.payment-section>.section-label{pointer-events:none!important;overflow:hidden!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important}.package-item,.pay-btn,.footer-btn{pointer-events:auto!important;overflow:visible!important}.modal-overlay-new .recharge-dialog{overflow:hidden!important;max-height:520px!important}.modal-overlay-new .recharge-dialog{overflow-y:hidden!important;overflow-x:hidden!important}.dialog-header{text-align:left;margin-bottom:4px;user-select:none;pointer-events:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;cursor:default;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.main-title{margin:0 0 2px;font-size:20px;font-weight:700;color:#1f2937;-webkit-user-select:none;user-select:none;pointer-events:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;cursor:default}.sub-title{margin:0 0 2px;font-size:14px;color:#6b7280;-webkit-user-select:none;user-select:none;pointer-events:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;cursor:default}.package-section{margin-bottom:2px}.section-label{margin:0 0 2px;font-size:16px;font-weight:600;color:#333;text-align:left;position:relative;z-index:10;user-select:none;pointer-events:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;cursor:default;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.package-section,.payment-section{position:relative;-webkit-user-select:none;user-select:none;pointer-events:none;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;-webkit-flex-basis:auto;-ms-flex-preferred-size:auto;flex-basis:auto}.package-section .section-label,.payment-section .section-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none!important;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0}.package-section .package-grid,.package-section .package-item,.payment-section .payment-buttons,.payment-section .pay-btn,.dialog-footer .footer-btn{pointer-events:auto!important;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;-webkit-flex-basis:auto;-ms-flex-preferred-size:auto;flex-basis:auto}.package-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;width:100%;margin:0 auto;box-sizing:border-box}.package-item{position:relative;width:140px;height:70px;border:2px solid #e0e0e0;border-radius:8px;padding:8px 10px;cursor:pointer;transition:all .3s ease;background:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 2px 8px #0000001a;transform:translateZ(0);will-change:auto;box-sizing:border-box}.pkg-badge{position:absolute;top:2px;right:2px;font-size:8px;font-weight:600;padding:1px 4px;border-radius:6px;color:#fff;text-transform:uppercase;letter-spacing:.2px;min-width:28px;text-align:center}.badge-basic{background:linear-gradient(135deg,#4096ff,#1677ff)}.badge-silver{background:linear-gradient(135deg,#8c8c8c,#5a5a5a)}.badge-gold{background:linear-gradient(135deg,#faad14,#d48806)}.badge-platinum{background:linear-gradient(135deg,#9254de,#722ed1)}.badge-diamond{background:linear-gradient(135deg,#722ed1,#531dab)}.badge-supreme{background:linear-gradient(135deg,#eb2f96,#c41d7f)}.package-item:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.package-item.selected{border-color:#8b5cf6;background:#8b5cf61a;box-shadow:0 0 0 3px #8b5cf633;transform:translateZ(0);will-change:auto}.package-item.selected .pkg-amount,.package-item.selected .pkg-points{color:#1f2937;z-index:2;position:relative}.package-item.selected .pkg-badge{color:#fff;z-index:3;position:absolute!important;top:4px!important;right:4px!important;font-weight:500}.pkg-amount{font-size:16px;font-weight:600;color:#1f2937;margin-bottom:2px}.pkg-points{font-size:14px;font-weight:400;color:#a78bfa;margin-top:0}.pkg-badge{position:absolute;top:4px;right:4px;font-size:12px;padding:2px 6px;border-radius:10px;color:#fff;font-weight:500;min-width:36px;text-align:center}.badge-basic{background:#4f46e5}.badge-standard{background:#10b981}.badge-premium{background:#f59e0b}.badge-flagship{background:#8b5cf6}.badge-diamond{background:#7c3aed}.badge-supreme{background:#ef4444}.payment-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:16px;width:100%;align-items:stretch;grid-auto-flow:column;grid-auto-columns:1fr}.payment-buttons{display:flex;gap:16px}.pay-btn{width:140px;height:70px;border:2px solid #e0e0e0;border-radius:8px;padding:0 10px;cursor:pointer;transition:all .3s ease;background:#fff;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:8px;font-size:15px;color:#333;margin:0;box-sizing:border-box;align-self:stretch;justify-self:stretch;box-shadow:0 2px 8px #0000001a}.pay-btn:hover{border-color:#667eea}.pay-btn.selected,.pay-btn.selected.alipay-btn{border-color:#8b5cf6;background:#8b5cf61a}.pay-btn.selected.wechat-btn{border-color:#07c160;background:#07c1600d}.pay-icon{flex-shrink:0}.dialog-footer-fixed{position:relative!important;bottom:auto!important;left:auto!important;right:auto!important;display:flex;justify-content:space-between;gap:10px;width:100%!important;height:35px!important;margin-top:10px;z-index:1000!important;background:transparent!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;box-sizing:border-box!important;flex-shrink:0;align-self:flex-end}.dialog-footer{display:flex;justify-content:space-between;gap:16px;margin-top:30px;width:100%;align-items:center;flex-shrink:0;flex-wrap:nowrap;box-sizing:border-box;padding:0;min-height:120px;flex:0 0 auto!important;position:relative;z-index:1000!important;background:transparent;visibility:visible!important;opacity:1!important;overflow:visible!important}.footer-btn{height:35px;width:100px;border:2px solid #e0e0e0;border-radius:6px;padding:0 8px;background:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:row;justify-content:center;align-items:center;min-width:0;box-sizing:border-box;visibility:visible!important;opacity:1!important;margin:0;align-self:stretch;justify-self:stretch;box-shadow:0 1px 4px #0000001a;position:relative;z-index:1001!important;overflow:visible!important}.cancel-btn{background:#fff;border:2px solid #e0e0e0;color:#666;width:100px;flex-shrink:0}.cancel-btn:hover{background:#f5f5f5;border-color:silver}.confirm-btn{background:linear-gradient(135deg,#8b5cf6,#ef4444);border:2px solid transparent;color:#fff;width:100px;flex-shrink:0}.confirm-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px #8b5cf666}.confirm-btn:disabled{background:#c8c9cc;cursor:not-allowed}.payment-container{width:100%;max-width:800px;margin:0 auto;background:#fff;border-radius:12px;overflow:hidden;position:relative;box-shadow:0 8px 32px #00000026}.success-dialog{width:400px;background:#fff;border-radius:12px;padding:40px;text-align:center;box-shadow:0 8px 32px #00000026;position:relative}.success-icon{font-size:60px;color:#52c41a;margin-bottom:20px;font-weight:700}.success-title{font-size:24px;color:#333;margin-bottom:15px;font-weight:600}.success-message{font-size:16px;color:#666;margin:10px 0}.success-points{font-size:18px;color:#667eea;font-weight:700;margin:15px 0}.success-points-detail{margin:20px 0;padding:20px;background:linear-gradient(135deg,#f6f8ff,#f0f4ff);border-radius:12px}.success-points-total{font-size:20px;color:#667eea;font-weight:700;margin:0 0 15px}.points-total{font-size:28px;color:gold;text-shadow:0 2px 4px rgba(255,215,0,.3)}.points-breakdown{display:flex;justify-content:center;gap:30px;margin-top:10px}.points-item{font-size:14px;color:#666;padding:6px 12px;background:#fff;border-radius:6px;box-shadow:0 2px 8px #0000000d}.success-hint{font-size:13px;color:#999;margin:15px 0}.success-btn{width:100%;height:45px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;margin-top:20px;transition:all .3s}.success-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.alipay-page{background:#f5f5f5}.alipay-top{padding:20px 30px;display:flex;justify-content:space-between;align-items:center;background:#fff;border-bottom:1px solid #e0e0e0}.alipay-logo-section{display:flex;align-items:center}.alipay-amount-top{font-size:24px;font-weight:700;color:#ff6a00}.alipay-card{background:#fff;margin:20px;padding:30px;border-radius:10px;position:relative}.order-section{margin-bottom:30px;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}.order-name{flex:1 1 100%;font-size:16px;color:#333;margin-bottom:8px}.order-amount{flex:1 1 auto;font-size:14px;color:#666}.order-detail-btn{padding:6px 20px;background:#fff;border:1px solid #d9d9d9;border-radius:4px;color:#666;font-size:13px;cursor:pointer;transition:all .3s;margin-top:8px}.scan-icon-section{text-align:center;margin:40px 0}.scan-icon-box{display:inline-block;margin-bottom:20px}.qr-code-canvas{margin:0 auto;display:block;max-width:200px}.qr-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;margin-bottom:20px}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #1677ff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.scan-tip{font-size:14px;color:#666;margin:0}.phone-illustration{position:absolute;right:30px;top:50%;transform:translateY(-50%)}.alipay-bottom{padding:20px 30px;text-align:center;background:#fff;border-top:1px solid #e0e0e0}.bottom-link{font-size:13px;color:#1677ff;text-decoration:underline;cursor:pointer;margin-bottom:15px}.security-icons{display:flex;justify-content:center;gap:15px;margin-bottom:20px}.security-badge{font-size:11px;padding:4px 8px;background:#f0f0f0;border-radius:4px;color:#666}.simulate-btn{padding:10px 30px;background:#1677ff;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:all .3s}.simulate-btn:hover{background:#0d5ecc;transform:translateY(-2px)}.wechat-page{background:#fff;padding:40px;min-height:600px}.wechat-top{display:flex;align-items:center;justify-content:center;margin-bottom:40px}.wechat-title{font-size:16px;color:#07c160;font-weight:500}.wechat-body{text-align:center}.wechat-qr{margin-bottom:40px}.qr-placeholder{display:inline-block;margin-bottom:20px}.expand-arrow{font-size:20px;color:#07c160;cursor:pointer;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.wechat-instruction{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:40px;padding:20px;background:#f8f8f8;border-radius:8px;max-width:400px;margin-left:auto;margin-right:auto}.scan-camera-icon{flex-shrink:0}.instruction-text{text-align:left}.instruction-main{font-size:16px;color:#333;font-weight:600;margin:0 0 6px}.instruction-sub{font-size:14px;color:#666;margin:0}.wechat-simulate{background:#07c160}.wechat-simulate:hover{background:#06ad56}.payment-close-btn{position:absolute;top:15px;right:15px;width:32px;height:32px;border:none;background:#00000080;color:#fff;font-size:24px;line-height:1;cursor:pointer;border-radius:50%;transition:all .3s;z-index:10}.payment-close-btn:hover{background:#000000b3;transform:rotate(90deg)}@media (max-width: 768px){.recharge-dialog{width:95vw;padding:20px}.payment-container{width:95vw}.phone-illustration{display:none}}.order-detail-dialog{width:600px;height:400px;background:#fff;border-radius:10px;box-shadow:0 8px 32px #0003;padding:30px;font-family:PingFang SC,Source Han Sans,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;flex-direction:column;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.order-detail-title{margin:0 0 30px;font-size:16px;font-weight:700;color:#333;text-align:center}.order-detail-list{flex:1;overflow-y:auto}.detail-row{display:flex;align-items:flex-start;margin-bottom:12px;padding:12px 0;border-bottom:1px solid #f5f5f5}.detail-row:last-child{border-bottom:none}.detail-label{width:120px;flex-shrink:0;font-size:14px;color:#999;line-height:1.6}.detail-value{flex:1;font-size:14px;color:#333;line-height:1.6;word-break:break-all}.placeholder-empty{min-height:20px;background:transparent}.amount-orange{color:#ff6c00;font-weight:600}.order-detail-footer{margin-top:30px;text-align:center;padding-top:20px;border-top:1px solid #f0f0f0}.close-detail-btn{padding:10px 40px;background:#f5f5f5;color:#666;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:all .3s}.close-detail-btn:hover{background:#e8e8e8}@media (max-width: 768px){.order-detail-dialog{width:95vw;height:auto;max-height:80vh;padding:20px}.detail-label{width:100px;font-size:13px}.detail-value{font-size:13px}}.recharge-modal{width:300px;height:600px;max-width:90vw;max-height:90vh;padding:25px;background:#fff;border-radius:16px;box-shadow:none;display:flex;flex-direction:column}.modal-header{text-align:center;margin-bottom:25px}.modal-header h2{margin:0 0 8px;color:#667eea;font-size:24px;font-weight:700}.subtitle{margin:0;color:#909399;font-size:16px}.section-title{margin:0 0 20px;color:#303133;font-size:18px;font-weight:600}.packages-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px;flex:1;overflow-y:hidden;padding:8px}.package-card{border:2px solid #e4e7ed;border-radius:12px;padding:15px 10px;text-align:center;cursor:pointer;transition:all .3s ease;background:#fff;position:relative;min-height:120px;display:flex;flex-direction:column;justify-content:center;-webkit-user-select:none;user-select:none;resize:none}.package-card:hover{transform:translateY(-3px);box-shadow:0 6px 16px #0000001f;border-color:#667eea}.package-card.active{border-color:#667eea;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 0 0 3px #667eea33}.package-card.active .amount,.package-card.active .points{color:#fff}.package-header{display:flex;justify-content:center;align-items:center;margin-bottom:10px}.amount{font-size:24px;font-weight:700;color:#303133}.tag{position:absolute;top:0;right:0;font-size:12px;padding:4px 10px;border-radius:0 12px;color:#fff;font-weight:600}.tag.basic{background:linear-gradient(135deg,#909399,#606266)}.tag.standard{background:linear-gradient(135deg,#c0c4cc,#909399)}.tag.advanced{background:linear-gradient(135deg,#f5d180,#e6a23c)}.tag.flagship{background:linear-gradient(135deg,#95d475,#67c23a)}.tag.diamond{background:linear-gradient(135deg,#79bbff,#409eff)}.tag.supreme{background:linear-gradient(135deg,#b39ddb,#9b59b6)}.tag.silver{background:linear-gradient(135deg,silver,#a0a0a0)}.tag.gold{background:linear-gradient(135deg,gold,#daa520)}.tag.platinum{background:linear-gradient(135deg,#e5e4e2,silver)}.points{font-size:16px;font-weight:600;color:#606266}.payment-methods{margin-bottom:20px}.payment-methods h3{margin:0 0 12px;color:#303133;font-size:18px;font-weight:600}.methods-tabs{display:flex;gap:15px}.method-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border:2px solid #e4e7ed;border-radius:10px;cursor:pointer;transition:all .3s ease;background:#fff;font-size:15px;font-weight:500}.method-tab:hover{border-color:#667eea}.method-tab.active{border-color:#667eea;background:linear-gradient(135deg,#667eea1a,#764ba21a)}.alipay-icon{font-size:20px;color:#1677ff;font-weight:700}.wechat-icon{font-size:20px}.modal-footer{display:flex;gap:12px}.btn-cancel{flex:1;padding:12px;background:#fff;border:2px solid #e4e7ed;border-radius:8px;color:#606266;cursor:pointer;transition:all .2s ease;font-size:15px;font-weight:500}.btn-cancel:hover{background:#f5f7fa;border-color:#c0c4cc}.btn-confirm{flex:1;padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;transition:all .2s ease;font-size:15px;font-weight:600}.btn-confirm:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 6px #667eea66}.btn-confirm:disabled{background:#c8c9cc;cursor:not-allowed}@media (max-width: 768px){.recharge-modal{width:90vw}.packages-grid{grid-template-columns:repeat(2,1fr);gap:12px}.package-card{padding:12px}.methods-tabs{flex-direction:column;gap:8px}.modal-footer{flex-direction:column;gap:12px}}.payment-page{width:650px;max-width:90vw;max-height:90vh;padding:0;background:#fff;overflow-y:auto;position:relative}.payment-header.alipay-header{background:linear-gradient(to right,#1677ff,#1890ff);padding:15px 30px;display:flex;align-items:center;justify-content:space-between;border-radius:16px 16px 0 0}.header-logo{display:flex;align-items:center;gap:12px}.header-title{font-size:22px;font-weight:600;color:#fff}.header-subtitle{font-size:18px;color:#ffffffe6}.payment-body{padding:30px 40px;background:#fff}.transaction-tip{display:flex;align-items:center;gap:8px;font-size:14px;color:#666;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #f0f0f0}.help-icon{width:16px;height:16px;border:1px solid #999;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px;color:#999;cursor:pointer}.order-info{margin-bottom:15px}.order-desc{font-size:15px;color:#333}.amount-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;padding-bottom:30px;border-bottom:1px solid #f0f0f0}.amount-big{font-size:48px;font-weight:700;color:#ff6a00}.order-detail-btn{padding:8px 20px;background:#fff;border:1px solid #d9d9d9;border-radius:4px;color:#666;font-size:14px;cursor:pointer;transition:all .3s}.order-detail-btn:hover{border-color:#1677ff;color:#1677ff}.qr-section{text-align:center;margin-bottom:40px}.qr-title{font-size:16px;color:#333;margin-bottom:8px}.qr-amount{font-size:32px;font-weight:700;color:#ff6a00;margin-bottom:30px}.qr-code-box{display:inline-block;padding:20px;background:#fff;border:2px solid #f0f0f0;border-radius:8px;margin-bottom:25px}.qr-tips{display:flex;align-items:flex-start;gap:12px;justify-content:center;max-width:300px;margin:0 auto}.tip-icon{flex-shrink:0;margin-top:2px}.tip-text{text-align:left}.tip-text p{margin:4px 0;font-size:14px;color:#666;line-height:1.6}.tip-text strong{color:#333}.pc-login-section{text-align:center;margin-bottom:30px;padding-top:20px;border-top:1px solid #f0f0f0}.pc-login-btn{padding:12px 40px;background:#1677ff;color:#fff;border:none;border-radius:6px;font-size:16px;cursor:pointer;transition:all .3s;display:inline-flex;align-items:center;gap:8px}.pc-login-btn:hover{background:#0d5ecc;transform:translateY(-2px);box-shadow:0 4px 12px #1677ff4d}.arrow{font-size:24px;font-weight:300}.bottom-tip{text-align:center;padding-top:20px;border-top:1px solid #f0f0f0}.bottom-tip p{margin:6px 0;font-size:13px;color:#999}.payment-header.wechat-header{background:#07c160;padding:20px 30px;display:flex;align-items:center;justify-content:center;border-radius:16px 16px 0 0}.wechat-header .header-title{color:#fff;font-size:24px}.payment-body.wechat-body{padding:50px 40px;text-align:center;background:#f5f5f5}.amount-section-simple{margin-bottom:40px}.currency-symbol{font-size:36px;color:#333;font-weight:400;margin-right:5px}.amount-number{font-size:60px;font-weight:700;color:#333}.qr-code-simple{display:inline-block;padding:30px;background:#fff;border-radius:8px;margin-bottom:40px;box-shadow:0 2px 12px #00000014}.wechat-separator{display:flex;align-items:center;justify-content:center;gap:15px;margin:40px 0}.separator-line{width:80px;height:1px;background:#d9d9d9}.separator-icon{flex-shrink:0}.scan-instruction{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:40px;padding:20px;background:#fff;border-radius:8px;max-width:400px;margin-left:auto;margin-right:auto}.scan-icon{flex-shrink:0}.scan-text{text-align:left}.scan-text p{margin:6px 0;font-size:15px;color:#666;line-height:1.6}.scan-text strong{color:#333;font-size:16px}.simulate-pay-btn{padding:14px 50px;background:#07c160;color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;margin-bottom:30px}.simulate-pay-btn:hover{background:#06ad56;transform:translateY(-2px);box-shadow:0 4px 12px #07c1604d}.wechat-bottom-tip{padding-top:20px;border-top:1px solid #e0e0e0}.wechat-bottom-tip p{margin:6px 0;font-size:13px;color:#999}.payment-close{position:absolute;top:10px;right:10px;z-index:10}.close-btn{width:36px;height:36px;border:none;background:#0000001a;color:#fff;font-size:28px;line-height:1;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s}.close-btn:hover{background:#0000004d;transform:rotate(90deg)}@media (max-width: 768px){.payment-page{width:95vw}.payment-body{padding:20px}.amount-big{font-size:36px}.qr-amount{font-size:24px}.amount-number{font-size:48px}.scan-instruction{flex-direction:column;text-align:center}.scan-text{text-align:center}}.modal-content.recharge-modal{width:300px;height:600px;background:#fff;border-radius:16px;border:none;box-shadow:0 10px 40px #00000026;padding:0;display:flex;justify-content:center;align-items:center}.points-display{padding:6px 12px;font-size:12px;gap:4px}.diamond-icon,.modal-overlay{font-size:14px}.points-value{padding:1px 6px;font-size:12px;min-width:30px}.recharge-btn{padding:1px 8px;font-size:10px;margin-left:4px}.header{background-color:var(--surface-color);color:var(--text-primary);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 10px #0000001a;border-bottom:1px solid var(--border-color);position:fixed;top:0;left:0;right:0;z-index:1000}.logo-container{display:flex;align-items:center;gap:1rem}.logo{height:90px;width:auto;max-width:225px}.title{margin:0;font-size:1.5rem;font-weight:600;color:var(--text-primary);letter-spacing:.5px}.nav{display:flex;gap:1rem;align-items:center}.menu{display:flex;gap:2rem;align-items:center}.menu-item{text-decoration:none;color:var(--text-primary);padding:.5rem 1rem;border-radius:4px;transition:background-color .3s}.menu-item:hover{background-color:var(--hover-bg);color:var(--accent-color)}.menu-item.router-link-exact-active{background-color:var(--primary-color);color:#fff;font-weight:500;box-shadow:0 2px 4px #4f68f74d}.user-info{margin-right:1rem;color:var(--text-primary);cursor:pointer;position:relative}.user-dropdown{position:relative;display:inline-block}.dropdown-menu{position:absolute;top:100%;right:0;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:4px;box-shadow:var(--shadow);z-index:1000;min-width:120px;margin-top:.25rem}.dropdown-item{display:block;width:100%;padding:.5rem 1rem;background:none;border:none;text-align:left;cursor:pointer;color:var(--text-primary);font-size:1rem}.dropdown-item:hover{background-color:var(--hover-bg);color:var(--primary-color)}.dropdown-divider{margin:0;border:none;height:1px;background-color:var(--border-color)}.user-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background-color:var(--primary-color);color:#fff;font-size:.8rem;margin-right:.5rem;vertical-align:middle;text-align:center;line-height:1}.main-content{flex:1;padding:2rem;max-width:1200px;margin:80px auto 0;width:100%}#app{min-height:100vh;display:flex;flex-direction:column;background-color:var(--background-color)}.welcome-section{text-align:center;padding:3rem 0}.welcome-section h2{color:#263238;margin-bottom:1rem}.login-prompt{margin-top:2rem}.login-prompt .btn{font-size:1rem;padding:.75rem 1.5rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;border-radius:8px;padding:2rem;width:60vw;max-height:80vh;box-shadow:0 10px 25px #0003;animation:modalSlideIn .3s ease-out;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;min-width:400px;min-height:300px}.modal-content.wide{width:80vw}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.modal-content{width:90vw;max-height:90vh;padding:1.5rem;min-width:300px;min-height:250px}.modal-content.wide{width:90vw}.modal-overlay{padding:1rem}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #4f68f7;--primary-dark: #2954f0;--primary-light: #c5cae9;--secondary-color: #294ff6;--accent-color: #1a237e;--text-primary: #263238;--text-secondary: #546e7a;--background-color: #f5f7fa;--surface-color: #ffffff;--border-color: #e0e0e0;--success-color: #4caf50;--warning-color: #ff9800;--error-color: #f44336;--shadow: 0 2px 10px rgba(0, 0, 0, .1);--hover-bg: #e3f2fd}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:var(--text-primary);background-color:var(--background-color)}h1,h2,h3,h4,h5,h6{margin-bottom:1rem;color:var(--text-primary)}p{margin-bottom:1rem}input,textarea,select,button{font-family:inherit;font-size:1rem}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}a{color:var(--primary-color);text-decoration:none}a:hover{text-decoration:underline}.btn{display:inline-block;padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:1rem;text-align:center;margin:.25rem;transition:background-color .3s;text-decoration:none;box-sizing:border-box}.btn-primary{background-color:var(--primary-dark);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--secondary-color)}.btn-secondary{background-color:var(--secondary-color);color:#fff}.btn-secondary:hover{background-color:var(--primary-light)}.btn:disabled{opacity:.6;cursor:not-allowed}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:700;color:var(--text-primary)}.form-control{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:4px;font-size:1rem;box-sizing:border-box;background-color:var(--surface-color);color:var(--text-primary)}.form-control:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #4f68f733}.error-message{color:var(--error-color);font-size:.875rem;margin-top:.25rem;display:block}.error{border-color:var(--error-color)!important}.card{background:var(--surface-color);padding:1.5rem;border-radius:8px;box-shadow:var(--shadow);margin-bottom:1rem;border:1px solid var(--border-color)}@media (max-width: 768px){.main-content{padding:1rem}.modal-content{width:95%;margin:1rem;padding:1.5rem}}.modal-overlay[data-v-56c83336]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-56c83336]{background:#fff;border-radius:8px;width:90%;max-width:750px;max-height:85vh;overflow-y:auto;display:flex;flex-direction:column;box-shadow:0 4px 20px #0000004d}.modal-header[data-v-56c83336]{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--border-color)}.modal-header h3[data-v-56c83336]{margin:0;color:var(--text-primary)}.view-toggle[data-v-56c83336]{display:flex;justify-content:center;padding:.75rem 1rem;border-bottom:1px solid var(--border-color);background-color:var(--surface-color)}.toggle-btn[data-v-56c83336]{padding:.5rem 1rem;margin:0 .5rem;border:1px solid var(--border-color);background-color:#fff;color:var(--text-primary);border-radius:4px;cursor:pointer;transition:all .3s ease}.toggle-btn.active[data-v-56c83336]{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.toggle-btn[data-v-56c83336]:hover{background-color:var(--primary-light);border-color:var(--primary-light)}.language-select[data-v-56c83336]{margin-left:.5rem;padding:.5rem;border:1px solid var(--border-color);border-radius:4px;background-color:#fff;color:var(--text-primary);cursor:pointer}.formatted-view[data-v-56c83336]{padding:1rem 0}.formatted-result[data-v-56c83336]{white-space:pre-wrap;font-family:inherit;line-height:1.6;color:var(--text-primary);background-color:transparent;border:none;margin:0;padding:0}.close-button[data-v-56c83336]{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary);padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.close-button[data-v-56c83336]:hover{color:var(--text-primary)}.modal-body[data-v-56c83336]{padding:1rem;flex:1;overflow-y:auto}.loading-state[data-v-56c83336],.error-state[data-v-56c83336]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px}.error-message[data-v-56c83336]{color:var(--error-color);margin-bottom:1rem}.btn-retry[data-v-56c83336]{padding:.5rem 1rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer}.btn-retry[data-v-56c83336]:hover{background-color:var(--primary-dark)}.result-overview[data-v-56c83336]{margin-bottom:2rem}.score-display[data-v-56c83336]{display:flex;align-items:flex-start;gap:1.5rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.score-circle[data-v-56c83336]{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;font-weight:700}.score-circle .score[data-v-56c83336]{font-size:2rem}.score-circle .grade[data-v-56c83336]{font-size:1rem;margin-top:.25rem}.overall-comment[data-v-56c83336]{flex:1}.overall-comment h4[data-v-56c83336]{margin-top:0;color:var(--text-primary);margin-bottom:.5rem}.evaluation-details h4[data-v-56c83336]{color:var(--text-primary);margin-bottom:1rem}.dimension[data-v-56c83336]{margin-bottom:1rem;padding:.75rem;border:1px solid var(--border-color);border-radius:4px;background-color:var(--surface-color)}.dimension h5[data-v-56c83336]{margin:0 0 1rem;color:var(--text-primary);font-size:1.2rem;border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.dimension-details[data-v-56c83336]{display:flex;gap:.75rem;align-items:flex-start}.score-badge[data-v-56c83336]{background-color:var(--primary-color);color:#fff;padding:.25rem .75rem;border-radius:12px;font-weight:700;min-width:70px;text-align:center}.dimension-content[data-v-56c83336]{flex:1}.dimension-content p[data-v-56c83336]{margin:.25rem 0}.dimension-content strong[data-v-56c83336]{color:var(--text-primary)}.modal-footer[data-v-56c83336]{padding:.75rem 1rem;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end}.btn-close[data-v-56c83336]{padding:.5rem 1rem;background-color:var(--secondary-color);color:#fff;border:none;border-radius:4px;cursor:pointer}.btn-close[data-v-56c83336]:hover{background-color:var(--primary-light)}.song-evaluation[data-v-69addc20]{max-width:100%;margin:0 auto;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:1rem}.evaluation-header[data-v-69addc20]{text-align:center;margin-bottom:1rem;padding:.5rem 0}.evaluation-header h2[data-v-69addc20]{font-size:2rem;color:var(--text-primary);margin-bottom:.25rem;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle[data-v-69addc20]{color:var(--text-secondary);font-size:1rem;margin:0}div.card[data-v-69addc20]{background:var(--surface-color);padding:1.5rem;border-radius:12px;box-shadow:var(--shadow);border:1px solid var(--border-color);margin-bottom:1.5rem}.form-group[data-v-69addc20]{margin-bottom:1.25rem}.form-group label[data-v-69addc20]{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-primary);font-size:.95rem}.form-control[data-v-69addc20]{width:100%;padding:.8rem 1rem;border:1px solid var(--border-color);border-radius:8px;font-size:1rem;box-sizing:border-box;background-color:var(--surface-color);color:var(--text-primary);transition:all .3s ease}.form-control[data-v-69addc20]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4f68f733}.file-upload-area[data-v-69addc20]{border:2px dashed var(--border-color);border-radius:8px;padding:.8rem 1rem;text-align:center;cursor:pointer;transition:all .3s ease;background-color:#fafafa;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:150px;width:100%}.file-upload-area[data-v-69addc20]:hover{border-color:var(--primary-color);background-color:#f0f5ff}.has-file .file-upload-area[data-v-69addc20]{padding:0;border:1px solid var(--border-color);background-color:var(--surface-color);min-height:auto}.upload-placeholder[data-v-69addc20]{display:flex;flex-direction:column;align-items:center;width:100%;flex-grow:1}.upload-icon[data-v-69addc20]{font-size:3rem;margin-bottom:1rem}.file-type-hint[data-v-69addc20]{color:var(--text-secondary);font-size:.85rem;margin-top:.5rem}.file-preview[data-v-69addc20]{display:flex;justify-content:space-between;align-items:center;padding:.1rem 0;margin-bottom:0;width:100%;border:none;background:transparent}.file-info[data-v-69addc20]{display:flex;flex-direction:column;flex-grow:1}.file-name[data-v-69addc20]{font-weight:500;color:var(--text-primary);margin-bottom:.25rem}.file-size[data-v-69addc20]{font-size:.85rem;color:var(--text-secondary)}.file-name-with-border[data-v-69addc20]{padding:.25rem .5rem;border:1px solid var(--border-color);border-radius:6px;background:var(--surface-color);font-weight:500;color:var(--text-primary);flex-grow:1;min-height:auto;line-height:1.4;display:flex;align-items:center}.file-size-inline[data-v-69addc20]{font-size:.8rem;color:var(--text-secondary);margin-left:.5rem}.clear-btn[data-v-69addc20]{background:var(--error-color);color:#fff;border:none;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;padding:0}.clear-btn-small[data-v-69addc20]{background:var(--error-color);color:#fff;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;padding:0;margin-left:.5rem}.clear-btn[data-v-69addc20]:hover{background:#d32f2f}.clear-btn-span[data-v-69addc20]{display:flex;align-items:center;justify-content:center;width:100%;height:100%;line-height:1}.upload-status[data-v-69addc20]{margin-top:1rem;padding:.75rem;border-radius:8px}.uploading-info[data-v-69addc20]{background:#fff3e0;border:1px solid #ffe0b2}.upload-completed[data-v-69addc20]{background:#e8f5e9;border:1px solid #c8e6c9}.upload-failed[data-v-69addc20]{background:#ffebee;border:1px solid #ffcdd2}.status-text[data-v-69addc20]{margin:0 0 .5rem;font-weight:500}.status-success[data-v-69addc20]{color:var(--success-color)}.status-error[data-v-69addc20]{color:var(--error-color)}.progress-bar[data-v-69addc20]{width:100%;height:10px;background-color:#e0e0e0;border-radius:5px;overflow:hidden;margin-top:.5rem}.progress-fill[data-v-69addc20]{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--primary-dark));transition:width .3s ease}.btn-warning[data-v-69addc20]{background-color:var(--warning-color);color:#fff;padding:.5rem 1rem}.btn-warning[data-v-69addc20]:hover{background-color:#ef6c00}.audio-player-section[data-v-69addc20]{margin-top:1.5rem}.audio-player-section h4[data-v-69addc20]{margin-bottom:.75rem;color:var(--text-primary);font-size:1.1rem}.player-container[data-v-69addc20]{margin-top:.5rem}.btn[data-v-69addc20]{display:inline-block;padding:.6rem 1.2rem;border:none;border-radius:8px;cursor:pointer;font-size:1rem;text-align:center;margin:.25rem;transition:all .3s ease;text-decoration:none;box-sizing:border-box;font-weight:500}.btn-primary[data-v-69addc20]{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;width:100%}.btn-primary[data-v-69addc20]:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-dark),var(--accent-color));transform:translateY(-2px);box-shadow:0 4px 12px #4f68f74d}.btn-primary[data-v-69addc20]:disabled{background:#bdc3c7;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary[data-v-69addc20]{background-color:var(--secondary-color);color:#fff}.btn-secondary[data-v-69addc20]:hover{background-color:var(--primary-light)}.btn-lg[data-v-69addc20]{padding:.8rem 1.5rem;font-size:1.1rem}.evaluate-btn-container[data-v-69addc20]{margin-top:1.5rem;display:flex;justify-content:center}.evaluate-btn[data-v-69addc20]{display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-icon[data-v-69addc20]{font-size:1.2rem}.visibility-toggle[data-v-69addc20]{margin:1.5rem 0}.visibility-toggle-wrapper[data-v-69addc20]{display:flex;flex-direction:column}.visibility-toggle-wrapper label[data-v-69addc20]{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-primary);font-size:.95rem}.toggle-container[data-v-69addc20]{display:flex;gap:.75rem;margin-bottom:0}.toggle-option[data-v-69addc20]{padding:.6rem 1.2rem;border:1px solid var(--border-color);border-radius:20px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .3s ease;background:var(--surface-color);color:var(--text-secondary);display:flex;align-items:center;justify-content:center}.toggle-option[data-v-69addc20]:hover{background:var(--hover-bg)}.toggle-option.active[data-v-69addc20]{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.toggle-option i[data-v-69addc20]{margin-right:.5rem}.icon-public[data-v-69addc20]:before{content:"👁️";margin-right:.25rem}.icon-private[data-v-69addc20]:before{content:"🔒";margin-right:.25rem}.visibility-desc[data-v-69addc20]{margin:.5rem 0 0;font-size:.85rem;color:var(--text-secondary);font-style:italic;padding-left:.5rem}.info-form-grid[data-v-69addc20]{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.basic-info-grid[data-v-69addc20]{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-bottom:1.25rem}.basic-info-flex[data-v-69addc20]{display:flex;gap:1.25rem;margin-bottom:1.25rem}.flex-item[data-v-69addc20]{flex:1}.upload-and-lyrics-container[data-v-69addc20]{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-top:1.25rem;align-items:stretch;min-height:250px}.audio-upload-container[data-v-69addc20],.left-side[data-v-69addc20],.right-side[data-v-69addc20]{display:flex;flex-direction:column;height:100%}.right-side .form-group[data-v-69addc20]{flex:1;display:flex;flex-direction:column}.right-side .form-group textarea[data-v-69addc20]{flex:1;min-height:150px}.file-upload-area[data-v-69addc20]{min-height:150px;display:flex;align-items:center;justify-content:center}.right-side[data-v-69addc20]{display:flex;flex-direction:column}.right-side .form-group[data-v-69addc20]{flex-grow:1}.right-side .form-group textarea[data-v-69addc20]{min-height:150px}.right-side .evaluate-btn-container[data-v-69addc20]{margin-top:auto}@media (max-width: 768px){.info-form-grid[data-v-69addc20],.basic-info-grid[data-v-69addc20],.upload-and-lyrics-container[data-v-69addc20]{grid-template-columns:1fr}}card h3[data-v-69addc20]{margin-top:0;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:2px solid var(--primary-light);color:var(--text-primary);font-size:1.4rem;font-weight:600}.my-music[data-v-776981a4]{max-width:1200px;margin:0 auto;padding:2rem}.controls[data-v-776981a4]{margin-bottom:2rem}.filters-card[data-v-776981a4]{background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem}.all-filters[data-v-776981a4]{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.filter-item[data-v-776981a4]{display:flex;align-items:center;gap:.5rem}.filter-label[data-v-776981a4]{font-weight:700;color:var(--text-primary);font-size:.9rem;white-space:nowrap}.filter-item input[type=checkbox][data-v-776981a4]{width:auto;margin-right:.25rem}.filter-item input[type=text][data-v-776981a4],.filter-item select[data-v-776981a4]{padding:.5rem;border:1px solid var(--border-color);border-radius:4px;font-size:.9rem;min-width:120px}.filter-buttons[data-v-776981a4]{display:flex;gap:.5rem;margin-bottom:.1rem}.btn-filter[data-v-776981a4]{padding:.5rem 1rem;background:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer}.btn-filter[data-v-776981a4]:hover{background:var(--primary-hover-color, #0056b3)}.btn-reset[data-v-776981a4]{padding:.5rem 1rem;background:#f0f0f0;color:#333;border:1px solid #ddd;border-radius:4px;cursor:pointer}.btn-reset[data-v-776981a4]:hover{background:#e0e0e0}.filters[data-v-776981a4]{display:flex;align-items:center;gap:.5rem}.loading[data-v-776981a4],.error[data-v-776981a4]{text-align:center;padding:2rem;font-size:1.2rem}.error[data-v-776981a4]{color:var(--error-color)}.music-list[data-v-776981a4]{display:flex;flex-direction:column;gap:1rem}.music-item[data-v-776981a4]{display:flex;align-items:center;padding:1rem;border:1px solid var(--border-color);border-radius:8px;background:var(--surface-color);box-shadow:var(--shadow);gap:1rem}.item-play[data-v-776981a4]{flex-shrink:0}.play-btn-circle[data-v-776981a4]{width:40px;height:40px;border-radius:50%;background:#6f42c1;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .3s ease}.play-btn-circle[data-v-776981a4]:hover{background:#5a32a3;transform:scale(1.05)}.item-info[data-v-776981a4]{flex:1;display:flex;flex-direction:column;gap:.25rem}.item-song-name[data-v-776981a4]{font-weight:700;font-size:1.1rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px;cursor:pointer;transition:color .2s ease;-webkit-user-select:none;user-select:none}.item-song-name[data-v-776981a4]:hover{color:var(--primary-color);text-decoration:underline}.item-date[data-v-776981a4]{font-size:.85rem;color:var(--text-secondary)}.item-score[data-v-776981a4]{font-size:1.1rem;color:var(--text-primary);display:flex;align-items:center;justify-content:flex-start}.score-number[data-v-776981a4]{color:#007bff;font-weight:700;font-size:1.3rem}.evaluating-text[data-v-776981a4]{color:#ffc107;font-weight:700;font-style:italic}.failed-text[data-v-776981a4]{color:#dc3545;font-weight:700}.item-metrics[data-v-776981a4]{display:flex;gap:1rem;margin-top:.25rem}.metric[data-v-776981a4]{display:flex;align-items:center;gap:.25rem;font-size:.85rem;color:var(--text-secondary)}.play-icon[data-v-776981a4]{color:#007bff}.item-actions[data-v-776981a4]{display:flex;gap:1rem;flex-shrink:0;align-items:center}.score-column[data-v-776981a4]{display:flex;flex-direction:column;align-items:flex-start;min-width:120px}.actions-column[data-v-776981a4]{display:flex;gap:.5rem;align-items:center}.visibility-btn[data-v-776981a4]{width:32px;height:32px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;background:transparent}.unlock-icon[data-v-776981a4]{color:#28a745}.lock-icon[data-v-776981a4]{color:#6c757d}.visibility-btn[data-v-776981a4]:hover{background:#f8f9fa;transform:scale(1.1)}.action-btn[data-v-776981a4]{width:32px;height:32px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.edit-btn[data-v-776981a4]{background:#f8f9fa;color:#6c757d}.edit-btn[data-v-776981a4]:hover{background:#e9ecef;transform:scale(1.1)}.delete-btn[data-v-776981a4]{background:#f8f9fa;color:#dc3545}.delete-btn[data-v-776981a4]:hover{background:#f5c6cb;transform:scale(1.1)}.empty-state[data-v-776981a4]{text-align:center;padding:3rem;color:var(--text-secondary);font-size:1.1rem}.modal[data-v-776981a4]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-content[data-v-776981a4]{background:#fff;border-radius:12px;width:90%;max-width:950px;max-height:95vh;overflow:hidden;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column}.modal-header[data-v-776981a4]{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;border-bottom:1px solid var(--border-color);background:#fff;border-radius:12px 12px 0 0}.modal-header h3[data-v-776981a4]{margin:0;color:var(--text-primary);font-size:1.1rem;font-weight:600}.close-btn[data-v-776981a4]{background:#0000001a;border:none;width:30px;height:30px;border-radius:50%;font-size:1.1rem;cursor:pointer;color:var(--text-primary);display:flex;justify-content:center;align-items:center;transition:all .3s ease}.close-btn[data-v-776981a4]:hover{background:#0003;transform:scale(1.1)}.play-btn[data-v-776981a4]{background:var(--primary-color);border:none;width:30px;height:30px;border-radius:50%;margin-right:10px;cursor:pointer;color:#fff;display:inline-flex;justify-content:center;align-items:center;transition:all .3s ease;flex-shrink:0}.play-btn-list[data-v-776981a4]{background:var(--primary-color);border:none;width:20px;height:20px;border-radius:50%;margin-right:8px;cursor:pointer;color:#fff;display:inline-flex;justify-content:center;align-items:center;transition:all .3s ease;flex-shrink:0;padding:0}.play-btn-list[data-v-776981a4]:hover{background:var(--primary-hover-color, #0056b3);transform:scale(1.1)}.play-btn-list svg[data-v-776981a4]{width:12px;height:12px;margin:0}.play-btn[data-v-776981a4]:hover{background:var(--primary-hover-color, #0056b3);transform:scale(1.1)}.modal-header h3[data-v-776981a4]{display:flex;align-items:center;margin:0;color:var(--text-primary);font-size:1.1rem;font-weight:600}.modal-body[data-v-776981a4]{padding:1rem;flex:1;overflow-y:auto}.modal-body pre[data-v-776981a4]{white-space:pre-wrap;word-wrap:break-word;max-height:60vh;overflow:auto;background:#f8f9fa;padding:1rem;border-radius:6px;border:1px solid var(--border-color)}.modal-footer[data-v-776981a4]{padding:1.2rem;border-top:1px solid var(--border-color);text-align:center;background:#f9f9f9;border-radius:0 0 12px 12px}.btn-close-modal[data-v-776981a4]{padding:.8rem 2rem;background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff;border:none;border-radius:25px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #ee5a524d}.btn-close-modal[data-v-776981a4]:hover{background:linear-gradient(135deg,#ee5a52,#d9534f);transform:translateY(-2px);box-shadow:0 6px 20px #ee5a5266}.edit-form[data-v-776981a4]{padding:1rem 0}.form-group[data-v-776981a4]{margin-bottom:1.5rem}.form-group label[data-v-776981a4]{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-primary)}.form-input[data-v-776981a4]{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:4px;font-size:1rem;transition:border-color .3s ease}.form-input[data-v-776981a4]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #007bff33}.btn-cancel[data-v-776981a4]{padding:.75rem 1.5rem;background:#f8f9fa;color:#6c757d;border:1px solid #dee2e6;border-radius:4px;cursor:pointer;font-size:1rem;margin-right:1rem;transition:all .3s ease}.btn-cancel[data-v-776981a4]:hover{background:#e9ecef;border-color:#adb5bd}.btn-save[data-v-776981a4]{padding:.75rem 1.5rem;background:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:all .3s ease}.btn-save[data-v-776981a4]:hover{background:var(--primary-hover-color);transform:translateY(-1px);box-shadow:0 4px 12px #007bff4d}.overall-score[data-v-776981a4]{display:flex;flex-direction:column;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--border-color);margin-bottom:1rem;background:#fff;border-radius:10px;padding:1rem}.score-container[data-v-776981a4]{display:flex;align-items:center;gap:1.2rem}.score-circle[data-v-776981a4]{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color) 0%,#4a9eff 100%);color:#fff;font-weight:700;box-shadow:0 8px 20px #007bff4d;position:relative;overflow:hidden}.score-circle[data-v-776981a4]:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#fff6,#fff0 70%);transform:rotate(30deg)}.score-circle .score[data-v-776981a4]{font-size:1.7rem;line-height:1;z-index:1}.score-circle .grade[data-v-776981a4]{font-size:1.1rem;margin-top:.2rem;z-index:1}.overall-comment[data-v-776981a4]{flex:1}.overall-comment h4[data-v-776981a4]{margin-top:0;margin-bottom:.6rem;color:var(--text-primary);font-size:1.1rem;border-bottom:2px solid #dee2e6;padding-bottom:.3rem}.overall-comment p[data-v-776981a4]{line-height:1.6;color:var(--text-secondary);font-size:.95rem;background:#fff;padding:.8rem;border-radius:6px;box-shadow:inset 0 1px 3px #0000001a}.overall-analysis[data-v-776981a4],.technical-notes[data-v-776981a4]{padding:1.5rem;border-radius:10px;margin-bottom:1.5rem;background:#fff;border-left:4px solid #28a745}.overall-analysis[data-v-776981a4]{border-left-color:#28a745}.technical-notes[data-v-776981a4]{border-left-color:#17a2b8}.analysis-content p[data-v-776981a4],.notes-content p[data-v-776981a4]{margin:.8rem 0;line-height:1.7;color:var(--text-secondary);padding:.5rem 0}.analysis-content p strong[data-v-776981a4],.notes-content p strong[data-v-776981a4]{color:var(--text-primary);display:inline-block;min-width:80px}.dimension[data-v-776981a4]{margin-bottom:1rem;padding:1rem;background:#fff;border-radius:10px;border-left:4px solid var(--primary-color);box-shadow:0 4px 12px #0000000d;transition:transform .3s ease,box-shadow .3s ease}.dimension[data-v-776981a4]:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000001a}.dimension-header[data-v-776981a4]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}.dimension-header h5[data-v-776981a4]{margin:0;color:var(--text-primary);font-size:1.1rem;font-weight:600}.dimension-info[data-v-776981a4]{display:flex;align-items:flex-start;gap:1rem}.dimension-details .score-badge[data-v-776981a4]{background:linear-gradient(135deg,var(--primary-color) 0%,#4a9eff 100%);color:#fff;padding:.3rem .8rem;border-radius:18px;font-weight:700;min-width:65px;text-align:center;font-size:.95rem;box-shadow:0 4px 8px #007bff4d}.dimension-content[data-v-776981a4]{flex:1}.dimension-content p[data-v-776981a4]{margin:.6rem 0;line-height:1.6;padding:.3rem 0;border-bottom:1px dashed #e9ecef}.dimension-content p[data-v-776981a4]:last-child{border-bottom:none}.dimension-content p strong[data-v-776981a4]{color:var(--text-primary);display:inline-block;min-width:55px;font-size:.95rem}.evaluation-dimensions[data-v-776981a4]{display:flex;flex-direction:column;gap:1rem}.evaluation-dimensions h4[data-v-776981a4]{margin-top:0;margin-bottom:1.5rem;color:var(--text-primary);padding-bottom:.8rem;border-bottom:2px solid var(--primary-color);font-size:1.3rem;font-weight:600}.audio-progress-bar[data-v-776981a4]{position:fixed;bottom:0;left:0;right:0;height:60px;background:#fff;border-top:1px solid var(--border-color);box-shadow:0 -2px 10px #0000001a;z-index:1000;display:flex;align-items:center;padding:0 20px}.progress-container[data-v-776981a4]{width:100%;max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:15px}.progress-controls[data-v-776981a4]{display:flex;align-items:center}.control-btn[data-v-776981a4]{background:none;border:none;cursor:pointer;padding:5px;border-radius:4px;display:flex;align-items:center;justify-content:center;color:var(--text-primary)}.control-btn[data-v-776981a4]:hover{background:#f0f0f0}.play-pause-btn svg[data-v-776981a4],.close-btn svg[data-v-776981a4]{width:16px;height:16px}.progress-info[data-v-776981a4]{flex:1}.track-info[data-v-776981a4]{margin-bottom:5px}.track-title[data-v-776981a4]{font-weight:600;font-size:.9rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.track-author[data-v-776981a4]{font-size:.8rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.progress-main[data-v-776981a4]{flex:1;display:flex;align-items:center;gap:10px}.current-time[data-v-776981a4],.total-time[data-v-776981a4]{font-size:.9rem;color:var(--text-secondary);min-width:40px;text-align:center}.progress-track[data-v-776981a4]{flex:1;height:6px;background:#e0e0e0;border-radius:3px;overflow:hidden;position:relative;cursor:pointer}.progress-filled[data-v-776981a4]{height:100%;background:var(--primary-color);border-radius:3px;transition:width .1s ease}.progress-handle[data-v-776981a4]{position:absolute;top:50%;transform:translate(-50%,-50%);width:16px;height:16px;background:var(--primary-color);border-radius:50%;cursor:grab;transition:transform .2s ease}.progress-handle[data-v-776981a4]:hover{transform:translate(-50%,-50%) scale(1.2)}.progress-handle[data-v-776981a4]:active{cursor:grabbing;transform:translate(-50%,-50%) scale(1.1)}.evaluating-state[data-v-776981a4],.failed-state[data-v-776981a4]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.music-square[data-v-55ba82e3]{max-width:1200px;margin:0 auto;padding:2rem}.filter-section[data-v-55ba82e3]{display:flex;flex-wrap:wrap;gap:1rem;padding:1.5rem;background:var(--surface-color);border-radius:8px;margin-bottom:1.5rem;border:1px solid var(--border-color)}.filter-group[data-v-55ba82e3]{display:flex;flex-direction:row;align-items:center;gap:.5rem;min-width:150px}.filter-group button[data-v-55ba82e3]{min-width:auto;margin-top:0}.buttons-group[data-v-55ba82e3]{min-width:auto;flex:0 0 auto}.filter-group label[data-v-55ba82e3]{font-weight:700;color:var(--text-primary);font-size:.9rem}.filter-group input[data-v-55ba82e3],.filter-group select[data-v-55ba82e3]{padding:.5rem;border:1px solid var(--border-color);border-radius:4px;font-size:.9rem}#author-filter[data-v-55ba82e3],#song-name-filter[data-v-55ba82e3]{width:150px}.btn-filter[data-v-55ba82e3]{padding:.5rem 1rem;background:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer;height:fit-content}.btn-filter[data-v-55ba82e3]:hover{background:var(--primary-hover-color, #0056b3)}.btn-reset[data-v-55ba82e3]{padding:.5rem 1rem;background:#f0f0f0;color:#333;border:1px solid #ddd;border-radius:4px;cursor:pointer;height:fit-content}.btn-reset[data-v-55ba82e3]:hover{background:#e0e0e0}.loading[data-v-55ba82e3],.error[data-v-55ba82e3]{text-align:center;padding:2rem;font-size:1.2rem}.error[data-v-55ba82e3]{color:var(--error-color)}.music-list[data-v-55ba82e3]{display:flex;flex-direction:column;gap:1rem}.music-item[data-v-55ba82e3]{display:flex;align-items:center;padding:1rem;border:1px solid var(--border-color);border-radius:8px;background:var(--surface-color);box-shadow:var(--shadow);gap:1rem}.evaluation-header[data-v-55ba82e3]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.evaluation-header h3[data-v-55ba82e3]{margin:0;color:var(--text-primary);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.visibility[data-v-55ba82e3]{display:flex;align-items:center}.visibility-tag[data-v-55ba82e3]{padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none}.visibility-tag.public[data-v-55ba82e3]{background:var(--success-color);color:#fff}.visibility-tag.private[data-v-55ba82e3]{background:#ccc;color:#fff}.evaluation-details p[data-v-55ba82e3]{margin:.5rem 0;color:var(--text-secondary)}.evaluation-details strong[data-v-55ba82e3]{color:var(--text-primary)}.evaluation-actions[data-v-55ba82e3]{margin-top:1rem;display:flex;gap:.5rem}.btn-view[data-v-55ba82e3]{padding:.5rem 1rem;background:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer}.btn-view[data-v-55ba82e3]:disabled,.btn-view.btn-disabled[data-v-55ba82e3]{background:#ccc;color:#666;cursor:not-allowed;opacity:.6}.empty-state[data-v-55ba82e3]{text-align:center;padding:3rem;color:var(--text-secondary);font-size:1.1rem}.modal[data-v-55ba82e3]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}@keyframes modalAppear-55ba82e3{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-content[data-v-55ba82e3]{background:#fff;border-radius:16px;width:90%;max-width:950px;max-height:99vh;overflow:hidden;box-shadow:0 25px 50px #00000040;display:flex;flex-direction:column;transition:transform .3s ease-out,box-shadow .3s ease;animation:modalAppear-55ba82e3 .4s cubic-bezier(.175,.885,.32,1.275)}.modal-header[data-v-55ba82e3]{display:flex;justify-content:space-between;align-items:center;padding:.2rem 1.5rem;border-bottom:1px solid rgba(0,0,0,.08);background:linear-gradient(to bottom,#fff,#fafafa);border-radius:16px 16px 0 0;box-shadow:0 2px 10px #0000000d}.modal-header h3[data-v-55ba82e3]{margin:0;color:var(--text-primary);font-size:1.2rem;font-weight:600;font-family:inherit;letter-spacing:-.02em}.close-btn[data-v-55ba82e3]{background:#00000014;border:none;width:36px;height:36px;border-radius:50%;font-size:1.2rem;cursor:pointer;color:var(--text-secondary);display:flex;justify-content:center;align-items:center;transition:all .25s ease;font-weight:400}.close-btn[data-v-55ba82e3]:hover{background:#00000026;transform:scale(1.1);color:#333}.modal-body[data-v-55ba82e3]{padding:1.2rem;flex:1;overflow-y:auto;background:#fefefe}.modal-body pre[data-v-55ba82e3]{white-space:pre-wrap;word-wrap:break-word;max-height:60vh;overflow:auto}.overall-score[data-v-55ba82e3]{display:flex;flex-direction:column;gap:.6rem;padding:.6rem 0;border-bottom:1px solid var(--border-color);margin-bottom:.8rem;background:#fff;border-radius:8px;padding:.8rem}.score-container[data-v-55ba82e3]{display:flex;align-items:center;gap:1.2rem}.score-circle[data-v-55ba82e3]{display:flex;flex-direction:column;align-items:center;justify-content:center;width:85px;height:85px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color) 0%,#4a9eff 100%);color:#fff;font-weight:700;box-shadow:0 6px 16px #007bff4d;position:relative;overflow:hidden}.score-circle[data-v-55ba82e3]:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#fff6,#fff0 70%);transform:rotate(30deg)}.score-circle .score[data-v-55ba82e3]{font-size:1.5rem;line-height:1;z-index:1}.score-circle .grade[data-v-55ba82e3]{font-size:1.1rem;margin-top:.2rem;z-index:1}.overall-comment[data-v-55ba82e3]{flex:1}.overall-comment h4[data-v-55ba82e3]{margin-top:0;margin-bottom:.6rem;color:var(--text-primary);font-size:1.1rem;font-weight:600;border-bottom:2px solid #e9ecef;padding-bottom:.3rem;background:linear-gradient(to right,#f8f9fa,#fff);padding:.3rem .6rem;border-radius:5px}.overall-comment p[data-v-55ba82e3]{line-height:1.6;color:var(--text-secondary);font-size:.95rem;background:linear-gradient(to bottom,#fff,#fdfdfd);padding:.7rem;border-radius:6px;box-shadow:0 2px 6px #00000008;border-left:3px solid var(--primary-color);margin-top:.3rem}.dimension[data-v-55ba82e3]{margin-bottom:.8rem;padding:.8rem;background:#fff;border-radius:8px;border-left:3px solid var(--primary-color);box-shadow:0 3px 10px #0000000d;transition:transform .3s ease,box-shadow .3s ease}.dimension[data-v-55ba82e3]:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000001a}.dimension-header[data-v-55ba82e3]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem}.dimension-header h5[data-v-55ba82e3]{margin:0;color:var(--text-primary);font-size:1.05rem;font-weight:600;text-transform:capitalize;letter-spacing:.01em}.dimension-info[data-v-55ba82e3]{display:flex;align-items:flex-start;gap:1rem}.dimension-details .score-badge[data-v-55ba82e3]{background:linear-gradient(135deg,var(--primary-color) 0%,#4a9eff 100%);color:#fff;padding:.25rem .7rem;border-radius:16px;font-weight:700;min-width:60px;text-align:center;font-size:.9rem;box-shadow:0 3px 6px #007bff4d}.dimension-content[data-v-55ba82e3]{flex:1}.dimension-content p[data-v-55ba82e3]{margin:.4rem 0;line-height:1.6;padding:.4rem .6rem;border-bottom:1px solid rgba(0,0,0,.06);background:#ffffffb3;border-radius:5px;transition:background .3s ease}.dimension-content p[data-v-55ba82e3]:last-child{border-bottom:none;border-radius:6px 6px 0 0}.dimension-content p strong[data-v-55ba82e3]{color:var(--text-primary);display:inline-block;min-width:55px;font-size:.95rem}.evaluation-dimensions[data-v-55ba82e3]{display:flex;flex-direction:column;gap:1rem}.evaluation-dimensions h4[data-v-55ba82e3]{margin-top:0;margin-bottom:1.2rem;color:var(--text-primary);padding-bottom:.6rem;border-bottom:2px solid var(--primary-color);font-size:1.2rem;font-weight:600}.play-btn-list[data-v-55ba82e3],.play-btn[data-v-55ba82e3]{background:var(--primary-color);border:none;width:20px;height:20px;border-radius:50%;margin-right:8px;cursor:pointer;color:#fff;display:inline-flex;justify-content:center;align-items:center;transition:all .3s ease;flex-shrink:0;padding:0}.play-btn-list[data-v-55ba82e3]:hover,.play-btn[data-v-55ba82e3]:hover{background:var(--primary-hover-color, #0056b3);transform:scale(1.1)}.play-btn-list svg[data-v-55ba82e3]{width:12px;height:12px;margin:0}.play-btn svg[data-v-55ba82e3]{width:12px;height:12px;margin:0}.audio-progress-bar[data-v-55ba82e3]{position:fixed;bottom:0;left:0;right:0;height:60px;background:#fff;border-top:1px solid var(--border-color);box-shadow:0 -2px 10px #0000001a;z-index:1000;display:flex;align-items:center;padding:0 20px}.progress-container[data-v-55ba82e3]{width:100%;max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:15px}.progress-controls[data-v-55ba82e3]{display:flex;align-items:center}.control-btn[data-v-55ba82e3]{background:none;border:none;cursor:pointer;padding:5px;border-radius:4px;display:flex;align-items:center;justify-content:center;color:var(--text-primary)}.control-btn[data-v-55ba82e3]:hover{background:#f0f0f0}.play-pause-btn svg[data-v-55ba82e3],.close-btn svg[data-v-55ba82e3]{width:16px;height:16px}.progress-info[data-v-55ba82e3]{flex:1}.track-info[data-v-55ba82e3]{margin-bottom:5px}.track-title[data-v-55ba82e3]{font-weight:600;font-size:.9rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.track-author[data-v-55ba82e3]{font-size:.8rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.progress-main[data-v-55ba82e3]{flex:1;display:flex;align-items:center;gap:10px}.current-time[data-v-55ba82e3],.total-time[data-v-55ba82e3]{font-size:.9rem;color:var(--text-secondary);min-width:40px;text-align:center}.progress-track[data-v-55ba82e3]{flex:1;height:6px;background:#e0e0e0;border-radius:3px;overflow:hidden;position:relative;cursor:pointer}.progress-filled[data-v-55ba82e3]{height:100%;background:var(--primary-color);border-radius:3px;transition:width .1s ease}.progress-handle[data-v-55ba82e3]{position:absolute;top:50%;transform:translate(-50%,-50%);width:16px;height:16px;background:var(--primary-color);border-radius:50%;cursor:grab;transition:transform .2s ease}.progress-handle[data-v-55ba82e3]:hover{transform:translate(-50%,-50%) scale(1.2)}.progress-handle[data-v-55ba82e3]:active{cursor:grabbing;transform:translate(-50%,-50%) scale(1.1)}.item-play[data-v-55ba82e3]{flex-shrink:0}.play-btn-circle[data-v-55ba82e3]{width:40px;height:40px;border-radius:50%;background:#6f42c1;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .3s ease}.play-btn-circle[data-v-55ba82e3]:hover{background:#5a32a3;transform:scale(1.05)}.item-info[data-v-55ba82e3]{flex:1;display:flex;flex-direction:column;gap:.25rem}.item-song-name[data-v-55ba82e3]{font-weight:700;font-size:1.1rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px;cursor:pointer;transition:color .2s ease;-webkit-user-select:none;user-select:none}.item-song-name[data-v-55ba82e3]:hover{color:var(--primary-color);text-decoration:underline}.item-author[data-v-55ba82e3]{font-size:.9rem;color:var(--text-secondary)}.item-date[data-v-55ba82e3]{font-size:.85rem;color:var(--text-secondary)}.item-actions[data-v-55ba82e3]{display:flex;gap:1rem;flex-shrink:0;align-items:center}.score-column[data-v-55ba82e3]{display:flex;flex-direction:column;align-items:flex-start;min-width:100px}.actions-column[data-v-55ba82e3]{display:flex;gap:.5rem;align-items:center}.item-score[data-v-55ba82e3]{font-size:1.1rem;color:var(--text-primary);display:flex;align-items:center;justify-content:flex-start}.score-number[data-v-55ba82e3]{color:#007bff;font-weight:700;font-size:1.3rem}.evaluating-text[data-v-55ba82e3]{color:#ffc107;font-weight:700;font-style:italic}.failed-text[data-v-55ba82e3]{color:#dc3545;font-weight:700}.item-metrics[data-v-55ba82e3]{display:flex;gap:1rem;margin-top:.25rem}.metric[data-v-55ba82e3]{display:flex;align-items:center;gap:.25rem;font-size:.85rem;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.metric[data-v-55ba82e3]:hover{transform:scale(1.1)}.metric.dianzan-active[data-v-55ba82e3]{color:#ff6b6b}.metric.dianzan-active svg[data-v-55ba82e3]{fill:#ff6b6b}.play-icon[data-v-55ba82e3]{color:#007bff}.action-btn[data-v-55ba82e3]{width:32px;height:32px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.view-btn[data-v-55ba82e3]{background:#f8f9fa;color:#007bff}.view-btn[data-v-55ba82e3]:hover:not(.btn-disabled){background:#e9ecef;transform:scale(1.1)}.view-btn.btn-disabled[data-v-55ba82e3]{opacity:.5;cursor:not-allowed}