.home[data-v-5743fb73]{min-height:100vh;background:#f5f5f5}.banner-section[data-v-5743fb73]{background:linear-gradient(135deg,#667eea,#764ba2);padding:60px 20px}.banner[data-v-5743fb73]{max-width:1200px;margin:0 auto}.banner-content[data-v-5743fb73]{color:#fff}.banner-content h1[data-v-5743fb73]{font-size:3rem;margin-bottom:20px}.banner-content p[data-v-5743fb73]{font-size:1.2rem;margin-bottom:30px}.btn-banner[data-v-5743fb73]{padding:15px 40px;background:#fff;color:#667eea;border:none;border-radius:30px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:transform .2s}.btn-banner[data-v-5743fb73]:hover{transform:translateY(-3px)}.main-container[data-v-5743fb73]{max-width:1200px;margin:0 auto;padding:30px 20px;display:grid;grid-template-columns:1fr 300px;gap:30px}.main-content[data-v-5743fb73]{display:flex;flex-direction:column;gap:40px}.section[data-v-5743fb73]{background:#fff;border-radius:12px;padding:25px}.section-header[data-v-5743fb73]{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.section-title[data-v-5743fb73]{font-size:1.5rem;color:#333;font-weight:600}.more[data-v-5743fb73]{color:#667eea;cursor:pointer;text-decoration:none}.tracks-grid[data-v-5743fb73]{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px}.track-card[data-v-5743fb73]{cursor:pointer;transition:transform .2s}.new-releases[data-v-5743fb73]{display:flex;gap:20px;overflow-x:auto;padding:10px 0}.release-card[data-v-5743fb73]{min-width:140px;cursor:pointer}.release-cover[data-v-5743fb73]{position:relative;width:140px;height:140px;border-radius:8px;overflow:hidden;margin-bottom:10px}.release-cover img[data-v-5743fb73]{width:100%;height:100%;object-fit:cover}.release-title[data-v-5743fb73]{font-size:.9rem;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.charts-grid[data-v-5743fb73]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.chart-box[data-v-5743fb73]{background:#f9f9f9;border-radius:8px;overflow:hidden}.chart-header[data-v-5743fb73]{padding:15px;color:#fff;display:flex;justify-content:space-between;align-items:center}.chart-header h3[data-v-5743fb73]{margin:0;font-size:1rem}.chart-actions[data-v-5743fb73]{display:flex;gap:10px}.chart-actions button[data-v-5743fb73]{background:#ffffff4d;border:none;color:#fff;width:30px;height:30px;border-radius:50%;cursor:pointer}.chart-hot[data-v-5743fb73]{background:linear-gradient(135deg,#f56565,#c53030)}.chart-new[data-v-5743fb73]{background:linear-gradient(135deg,#48bb78,#38a169)}.chart-original[data-v-5743fb73]{background:linear-gradient(135deg,#4299e1,#3182ce)}.chart-list[data-v-5743fb73]{padding:10px}.chart-item[data-v-5743fb73]{display:flex;align-items:center;gap:15px;padding:10px;border-radius:4px;cursor:pointer;transition:background .2s}.chart-item[data-v-5743fb73]:hover{background:#fff}.chart-item .chart-actions-mini[data-v-5743fb73]{display:flex;gap:5px;opacity:0;transition:opacity .2s}.chart-item:hover .chart-actions-mini[data-v-5743fb73]{opacity:1}.btn-play-mini[data-v-5743fb73],.btn-buy-mini[data-v-5743fb73]{background:none;border:none;font-size:1rem;cursor:pointer;padding:2px}.btn-play-mini[data-v-5743fb73]:hover{color:#48bb78}.btn-buy-mini[data-v-5743fb73]:hover{color:#667eea}.chart-item .rank[data-v-5743fb73]{width:24px;height:24px;border-radius:4px;background:#cbd5e0;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700}.chart-item .rank-1[data-v-5743fb73]{background:#f56565}.chart-item .rank-2[data-v-5743fb73]{background:#ed8936}.chart-item .rank-3[data-v-5743fb73]{background:#ecc94b;color:#333}.chart-item .track-name[data-v-5743fb73]{flex:1;font-size:.9rem;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chart-item .play-count[data-v-5743fb73]{font-size:.8rem;color:#999}.recruitment-card[data-v-5743fb73]{background:#fff;border-radius:12px;padding:25px}.recruitment-card h3[data-v-5743fb73]{margin-bottom:15px;color:#333}.btn-recruit[data-v-5743fb73]{width:100%;padding:10px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:20px;font-weight:600;cursor:pointer;margin-bottom:20px}.recruitment-list[data-v-5743fb73]{display:flex;flex-direction:column;gap:15px}.recruitment-item[data-v-5743fb73]{display:flex;align-items:center;gap:10px;padding:10px;background:#f5f5f5;border-radius:8px}.platform[data-v-5743fb73]{padding:4px 10px;border-radius:12px;font-size:.8rem;font-weight:600}.platform-douyin[data-v-5743fb73]{background:#000;color:#fff}.platform-kuaishou[data-v-5743fb73]{background:#ff4906;color:#fff}.room-name[data-v-5743fb73]{flex:1;font-size:.9rem;color:#333}.salary[data-v-5743fb73]{color:#48bb78;font-weight:600;font-size:.85rem}.track-cover img[data-v-5743fb73]{position:absolute;width:100%;height:100%;object-fit:cover}.cover-placeholder[data-v-5743fb73]{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem}.play-overlay[data-v-5743fb73]{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.track-card:hover .play-overlay[data-v-5743fb73]{opacity:1}.play-icon[data-v-5743fb73]{font-size:3rem;color:#fff}.release-card .play-overlay[data-v-5743fb73]{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.release-card:hover .play-overlay[data-v-5743fb73]{opacity:1}.track-info h3[data-v-5743fb73]{font-size:1rem;color:#333;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.play-count[data-v-5743fb73],.price[data-v-5743fb73]{color:#999;font-size:.85rem}.sidebar[data-v-5743fb73]{display:flex;flex-direction:column;gap:20px}.user-card[data-v-5743fb73],.checkin-card[data-v-5743fb73],.artists-card[data-v-5743fb73]{background:#fff;border-radius:12px;padding:25px}.user-avatar[data-v-5743fb73]{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;margin:0 auto 20px}.user-card h3[data-v-5743fb73]{text-align:center;margin-bottom:20px;color:#333}.user-stats[data-v-5743fb73]{display:flex;justify-content:space-around;margin-bottom:20px}.user-stats .stat[data-v-5743fb73]{text-align:center}.user-stats .num[data-v-5743fb73]{display:block;font-size:1.5rem;font-weight:700;color:#667eea}.user-stats .label[data-v-5743fb73]{font-size:.85rem;color:#999}.btn-user[data-v-5743fb73]{width:100%;padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:25px;font-weight:600;cursor:pointer}.checkin-card h3[data-v-5743fb73]{margin-bottom:10px;color:#333}.checkin-card p[data-v-5743fb73]{color:#999;margin-bottom:20px;font-size:.9rem}.btn-checkin[data-v-5743fb73]{width:100%;padding:12px;background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;border:none;border-radius:25px;font-weight:600;cursor:pointer}.btn-checkin[data-v-5743fb73]:disabled{background:#cbd5e0;cursor:not-allowed}.artists-card h3[data-v-5743fb73]{margin-bottom:20px;color:#333}.artist-list[data-v-5743fb73]{display:flex;flex-direction:column;gap:15px}.artist-item[data-v-5743fb73]{display:flex;align-items:center;gap:10px;padding:10px;background:#f5f5f5;border-radius:8px}.rank[data-v-5743fb73]{width:24px;height:24px;border-radius:50%;background:#cbd5e0;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700}.rank-1[data-v-5743fb73]{background:#f56565}.rank-2[data-v-5743fb73]{background:#ed8936}.rank-3[data-v-5743fb73]{background:#ecc94b}.global-player[data-v-5743fb73]{position:fixed;bottom:0;left:0;right:0;background:#fff;padding:15px 30px;display:flex;align-items:center;gap:20px;box-shadow:0 -2px 10px #0000001a}.player-info[data-v-5743fb73]{min-width:200px}.global-player audio[data-v-5743fb73]{flex:1}.btn-close[data-v-5743fb73]{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#999}.site-footer[data-v-5743fb73]{background:#f5f5f5;padding:60px 20px 40px;margin-top:60px}.site-footer .container[data-v-5743fb73]{max-width:1200px;margin:0 auto;position:relative}.footer-features[data-v-5743fb73]{display:flex;justify-content:center;gap:60px;margin-bottom:40px}.feature-item[data-v-5743fb73]{text-align:center;cursor:pointer;transition:transform .2s}.feature-item[data-v-5743fb73]:hover{transform:translateY(-5px)}.feature-icon[data-v-5743fb73]{width:60px;height:60px;border-radius:50%;border:2px solid #c20c0c;display:flex;align-items:center;justify-content:center;font-size:1.8rem;margin:0 auto 15px;color:#c20c0c}.feature-item p[data-v-5743fb73]{color:#666;font-size:.9rem;margin:0}.footer-links[data-v-5743fb73]{display:flex;justify-content:center;gap:30px;margin-bottom:20px}.footer-links a[data-v-5743fb73]{color:#666;text-decoration:none;font-size:.9rem}.footer-links a[data-v-5743fb73]:hover{color:#c20c0c}.footer-licenses[data-v-5743fb73]{text-align:center;color:#999;font-size:.85rem;line-height:2;margin-bottom:20px}.footer-copyright[data-v-5743fb73]{text-align:center;color:#999;font-size:.85rem;line-height:2}.btn-top[data-v-5743fb73]{position:absolute;right:0;top:-100px;width:50px;height:50px;background:#fff;border:2px solid #c20c0c;border-radius:8px;color:#c20c0c;font-weight:600;cursor:pointer;transition:all .2s}.btn-top[data-v-5743fb73]:hover{background:#c20c0c;color:#fff}@media (max-width: 768px){.main-container[data-v-5743fb73]{grid-template-columns:1fr;gap:20px}.charts-grid[data-v-5743fb73]{grid-template-columns:1fr}.banner-content h2[data-v-5743fb73]{font-size:1.5rem}.banner-content p[data-v-5743fb73]{font-size:.9rem}.section-title[data-v-5743fb73]{font-size:1.2rem}.new-releases[data-v-5743fb73]{overflow-x:auto;-webkit-overflow-scrolling:touch}.footer-features[data-v-5743fb73]{flex-wrap:wrap;gap:20px}}@media (max-width: 480px){.banner-section[data-v-5743fb73]{height:250px}.banner-content h2[data-v-5743fb73]{font-size:1.3rem}.tracks-grid[data-v-5743fb73]{grid-template-columns:repeat(2,1fr);gap:10px}.track-cover[data-v-5743fb73]{height:150px}.footer-links[data-v-5743fb73]{flex-wrap:wrap;gap:15px}}.page-title[data-v-a399986f]{text-align:center;font-size:2rem;margin-bottom:30px}.filter-bar[data-v-a399986f]{display:flex;gap:15px;align-items:center;padding:20px}.tracks-grid[data-v-a399986f]{display:grid;grid-template-columns:repeat(6,1fr);gap:15px}.track-card[data-v-a399986f]{overflow:hidden;cursor:pointer;transition:transform .2s}.track-card[data-v-a399986f]:hover{transform:translateY(-4px)}.track-cover[data-v-a399986f]{width:100%;aspect-ratio:1;background:#f0f0f0;display:flex;align-items:center;justify-content:center;position:relative}.cover-placeholder[data-v-a399986f]{font-size:3rem}.track-info[data-v-a399986f]{padding:10px}.track-info h3[data-v-a399986f]{margin-bottom:6px;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.price[data-v-a399986f]{color:#667eea;font-weight:700;font-size:.95rem;margin-bottom:6px}.desc[data-v-a399986f]{color:#718096;font-size:.8rem;margin-bottom:8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.track-player[data-v-a399986f]{margin-top:10px}.track-player audio[data-v-a399986f]{width:100%;height:40px}.empty-text[data-v-a399986f]{text-align:center;color:#718096;padding:60px}@media (max-width: 768px){.tracks-container[data-v-a399986f]{padding:20px 15px}.page-title[data-v-a399986f]{font-size:1.5rem;margin-bottom:20px}.filters[data-v-a399986f]{flex-direction:column;gap:15px;margin-bottom:25px}.filter-group[data-v-a399986f]{width:100%}.filter-group select[data-v-a399986f]{width:100%;font-size:16px}.view-toggle[data-v-a399986f]{width:100%;justify-content:center}.tracks-grid[data-v-a399986f]{grid-template-columns:repeat(3,1fr);gap:12px}.track-card[data-v-a399986f]{margin:0}.track-cover[data-v-a399986f]{height:200px}.cover-placeholder[data-v-a399986f]{font-size:2.5rem}.track-info h3[data-v-a399986f]{font-size:.9rem}.price[data-v-a399986f]{font-size:.95rem}.btn-play-track[data-v-a399986f],.btn-buy-track[data-v-a399986f]{padding:6px;font-size:.75rem}.singer-info[data-v-a399986f]{padding:6px;font-size:.8rem}}@media (max-width: 480px){.tracks-container[data-v-a399986f]{padding:15px 10px}.page-title[data-v-a399986f]{font-size:1.3rem}.tracks-grid[data-v-a399986f]{grid-template-columns:repeat(2,1fr);gap:10px}.track-cover[data-v-a399986f]{height:150px}.cover-placeholder[data-v-a399986f]{font-size:2rem}.track-info h3[data-v-a399986f]{font-size:.8rem}.price[data-v-a399986f]{font-size:.85rem}.btn-play-track[data-v-a399986f],.btn-buy-track[data-v-a399986f]{padding:5px;font-size:.7rem}}.btn-play-track[data-v-a399986f]{width:100%;padding:6px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-weight:600;font-size:.8rem;cursor:pointer;margin-top:6px;transition:all .2s}.btn-play-track[data-v-a399986f]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-buy-track[data-v-a399986f]{width:100%;padding:6px;background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;border:none;border-radius:6px;font-weight:600;font-size:.8rem;cursor:pointer;margin-top:6px;transition:all .2s}.btn-buy-track[data-v-a399986f]:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 4px 12px #48bb7866}.btn-buy-track.disabled[data-v-a399986f]{background:linear-gradient(135deg,#cbd5e0,#a0aec0);cursor:not-allowed;transform:none;box-shadow:none}.singer-info[data-v-a399986f]{display:flex;align-items:center;gap:6px;padding:6px;background:#f7fafc;border-radius:6px;margin-bottom:6px;cursor:pointer;transition:all .2s}.singer-info[data-v-a399986f]:hover{background:#edf2f7}.singer-icon[data-v-a399986f]{font-size:1rem}.singer-name[data-v-a399986f]{flex:1;font-size:.8rem;font-weight:500;color:#2d3748;font-size:.9rem}.view-profile[data-v-a399986f]{color:#667eea;font-size:.85rem;font-weight:500}.modal-overlay[data-v-a399986f]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000}.singer-profile-modal[data-v-a399986f]{background:#fff;border-radius:16px;padding:30px;max-width:500px;width:90%;position:relative;box-shadow:0 20px 60px #0000004d}.btn-close[data-v-a399986f]{position:absolute;top:15px;right:15px;background:none;border:none;font-size:2rem;cursor:pointer;color:#a0aec0;line-height:1}.btn-close[data-v-a399986f]:hover{color:#2d3748}.modal-header[data-v-a399986f]{display:flex;align-items:center;gap:20px;margin-bottom:25px;padding-bottom:20px;border-bottom:2px solid #e2e8f0}.avatar-placeholder[data-v-a399986f]{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700}.singer-name h3[data-v-a399986f]{margin:0 0 8px;font-size:1.5rem;color:#2d3748}.verified-badge[data-v-a399986f]{background:#c6f6d5;color:#22543d;padding:4px 12px;border-radius:12px;font-size:.85rem;font-weight:600}.modal-content[data-v-a399986f]{display:flex;flex-direction:column;gap:15px;margin-bottom:25px}.profile-item[data-v-a399986f]{display:flex;align-items:center;gap:12px;padding:12px;background:#f7fafc;border-radius:8px;color:#4a5568;font-size:.95rem}.profile-item .icon[data-v-a399986f]{font-size:1.3rem}.profile-contact[data-v-a399986f]{margin-top:15px;padding-top:15px;border-top:2px solid #e2e8f0}.contact-label[data-v-a399986f]{display:block;font-weight:600;color:#2d3748;margin-bottom:12px;font-size:1rem}.contact-item[data-v-a399986f]{display:inline-block;margin-right:15px;padding:8px 16px;background:#edf2f7;border-radius:20px;font-size:.95rem;color:#667eea;font-weight:600}.modal-footer[data-v-a399986f]{text-align:center;padding-top:20px;border-top:2px solid #e2e8f0}.modal-footer .btn-primary[data-v-a399986f]{width:100%;padding:14px;font-size:1.05rem}.page-title[data-v-006cf997]{text-align:center;font-size:2rem;margin-bottom:30px}.upload-form[data-v-006cf997]{padding:40px}.form-group[data-v-006cf997]{margin-bottom:25px}.form-group label[data-v-006cf997]{display:block;margin-bottom:8px;color:#4a5568;font-weight:500}.form-group small[data-v-006cf997]{display:block;margin-top:5px;color:#718096}textarea[data-v-006cf997]{resize:vertical}.uploading[data-v-006cf997]{color:#667eea;margin-top:8px;font-weight:500}.upload-success[data-v-006cf997]{color:#48bb78;margin-top:8px;font-size:.9rem}.upload-preview[data-v-006cf997]{margin-top:15px;padding:15px;background:#f7fafc;border-radius:8px;text-align:center}.cover-preview[data-v-006cf997]{max-width:300px;max-height:300px;border-radius:8px;box-shadow:0 4px 6px #0000001a;margin-bottom:10px}.audio-preview[data-v-006cf997]{width:100%;margin-bottom:10px}@media (max-width: 768px){.upload-container[data-v-006cf997]{padding:20px 15px}.page-title[data-v-006cf997]{font-size:1.5rem;margin-bottom:20px}.upload-form[data-v-006cf997]{padding:25px 20px}.form-group label[data-v-006cf997]{font-size:.95rem}.form-group input[data-v-006cf997],.form-group select[data-v-006cf997],.form-group textarea[data-v-006cf997]{font-size:16px;padding:12px}.form-row[data-v-006cf997]{grid-template-columns:1fr}.upload-section-title[data-v-006cf997]{font-size:1.1rem}.upload-actions[data-v-006cf997]{flex-direction:column}.upload-actions .btn[data-v-006cf997]{width:100%}.cover-preview[data-v-006cf997]{max-width:100%;max-height:250px}}@media (max-width: 480px){.upload-container[data-v-006cf997]{padding:15px 10px}.upload-form[data-v-006cf997]{padding:20px 15px}.page-title[data-v-006cf997]{font-size:1.3rem}}.page-title[data-v-7ca39bb3]{text-align:center;font-size:2rem;margin-bottom:30px}.user-info[data-v-7ca39bb3]{padding:40px;text-align:center}.avatar-section[data-v-7ca39bb3]{margin-bottom:30px}.avatar[data-v-7ca39bb3],.avatar-placeholder[data-v-7ca39bb3]{width:100px;height:100px;border-radius:50%;margin:0 auto 15px;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.avatar img[data-v-7ca39bb3]{width:100%;height:100%;object-fit:cover}.verified[data-v-7ca39bb3]{color:#48bb78;margin-top:10px}.stats[data-v-7ca39bb3]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.stat[data-v-7ca39bb3]{padding:20px;background:#f7fafc;border-radius:8px}.num[data-v-7ca39bb3]{font-size:1.8rem;font-weight:700;color:#667eea}.label[data-v-7ca39bb3]{color:#718096;font-size:.9rem;margin-top:5px}@media (max-width: 768px){.user-center-container[data-v-7ca39bb3]{padding:20px 15px}.page-title[data-v-7ca39bb3]{font-size:1.5rem;margin-bottom:20px}.user-profile[data-v-7ca39bb3]{padding:30px 20px}.avatar[data-v-7ca39bb3],.avatar-placeholder[data-v-7ca39bb3]{width:80px;height:80px;font-size:2.5rem}.username[data-v-7ca39bb3]{font-size:1.3rem}.user-stats[data-v-7ca39bb3]{grid-template-columns:repeat(3,1fr);gap:10px}.stat-item[data-v-7ca39bb3]{padding:15px 10px}.stat-value[data-v-7ca39bb3]{font-size:1.5rem}.stat-label[data-v-7ca39bb3]{font-size:.85rem}.tabs[data-v-7ca39bb3]{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.tab[data-v-7ca39bb3]{padding:12px 15px;font-size:.9rem;white-space:nowrap}.tab-content[data-v-7ca39bb3]{padding:20px 15px}.empty-state[data-v-7ca39bb3]{padding:40px 20px}.empty-state p[data-v-7ca39bb3]{font-size:.95rem}}@media (max-width: 480px){.user-center-container[data-v-7ca39bb3]{padding:15px 10px}.user-profile[data-v-7ca39bb3]{padding:25px 15px}.user-stats[data-v-7ca39bb3]{gap:8px}.stat-item[data-v-7ca39bb3]{padding:12px 8px}}.points-section[data-v-7ca39bb3]{margin:30px 0;padding:20px;background:linear-gradient(135deg,#f7fafc,#edf2f7);border-radius:12px;border:2px dashed #e2e8f0}.points-display[data-v-7ca39bb3]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:15px;border-bottom:2px solid #e2e8f0}.points-label[data-v-7ca39bb3]{font-size:1.1rem;color:#4a5568;font-weight:600}.points-value[data-v-7ca39bb3]{font-size:2rem;font-weight:700;color:#667eea}.btn-checkin[data-v-7ca39bb3]{width:100%;padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s}.btn-checkin[data-v-7ca39bb3]:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-checkin.disabled[data-v-7ca39bb3]{background:#cbd5e0;cursor:not-allowed}.admin-badge[data-v-7ca39bb3]{display:inline-block;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 12px;border-radius:12px;font-size:.85rem;font-weight:600;margin-top:10px}.profile-section[data-v-7ca39bb3]{margin:30px 0;padding:25px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d}.profile-section .section-title[data-v-7ca39bb3]{font-size:1.2rem;color:#2d3748;margin-bottom:20px;font-weight:600}.profile-form[data-v-7ca39bb3]{display:grid;gap:15px}.profile-form .form-group[data-v-7ca39bb3]{display:flex;flex-direction:column;gap:8px}.profile-form label[data-v-7ca39bb3]{font-weight:600;color:#4a5568;font-size:.95rem}.my-tracks-section[data-v-7ca39bb3]{margin-top:30px;background:#fff;border-radius:12px;padding:25px;box-shadow:0 2px 10px #0000000d}.section-header[data-v-7ca39bb3]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h3[data-v-7ca39bb3]{margin:0;font-size:1.2rem;color:#2d3748}.btn-close[data-v-7ca39bb3]{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#a0aec0}.empty-state[data-v-7ca39bb3]{text-align:center;padding:60px 20px;color:#a0aec0}.empty-state p[data-v-7ca39bb3]{margin-bottom:20px}.btn-upload[data-v-7ca39bb3]{padding:12px 30px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:25px;font-weight:600;cursor:pointer}.tracks-list[data-v-7ca39bb3]{display:flex;flex-direction:column;gap:15px}.track-item[data-v-7ca39bb3]{display:flex;align-items:center;gap:15px;padding:15px;background:#f7fafc;border-radius:12px;transition:all .2s}.track-item[data-v-7ca39bb3]:hover{background:#edf2f7;transform:translate(5px)}.track-cover[data-v-7ca39bb3]{width:80px;height:80px;border-radius:8px;overflow:hidden;background:#f0f0f0;flex-shrink:0}.track-cover img[data-v-7ca39bb3]{width:100%;height:100%;object-fit:cover}.cover-placeholder[data-v-7ca39bb3]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2rem}.track-info[data-v-7ca39bb3]{flex:1;min-width:0}.track-info h4[data-v-7ca39bb3]{margin:0 0 8px;font-size:1rem;color:#2d3748;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-info .price[data-v-7ca39bb3]{margin:0 0 5px;color:#667eea;font-weight:600;font-size:.95rem}.track-info .stats[data-v-7ca39bb3]{margin:0;color:#a0aec0;font-size:.85rem}.track-actions[data-v-7ca39bb3]{flex-shrink:0}.btn-edit[data-v-7ca39bb3]{padding:8px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:20px;font-weight:600;font-size:.9rem;cursor:pointer;margin-right:10px}.btn-delete[data-v-7ca39bb3]{padding:8px 20px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:20px;font-weight:600;font-size:.9rem;cursor:pointer}.profile-form input[data-v-7ca39bb3],.profile-form textarea[data-v-7ca39bb3]{padding:12px;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:border-color .2s}.profile-form input[data-v-7ca39bb3]:focus,.profile-form textarea[data-v-7ca39bb3]:focus{outline:none;border-color:#667eea}.profile-form textarea[data-v-7ca39bb3]{resize:vertical;font-family:inherit}.modal-overlay[data-v-0c652702]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal[data-v-0c652702]{background:#fff;padding:40px;border-radius:16px;width:100%;max-width:400px;box-shadow:0 20px 40px #0003}.modal-title[data-v-0c652702]{text-align:center;font-size:1.8rem;margin-bottom:30px;color:#2d3748}.form-group[data-v-0c652702]{margin-bottom:20px}.form-group label[data-v-0c652702]{display:block;margin-bottom:8px;color:#4a5568;font-weight:500}.toggle-text a[data-v-0c652702]{text-decoration:underline}@media (max-width: 768px){.modal-overlay[data-v-0c652702]{padding:15px}.modal[data-v-0c652702]{padding:30px 20px;max-width:100%}.modal-title[data-v-0c652702]{font-size:1.5rem;margin-bottom:25px}.form-group input[data-v-0c652702]{font-size:16px;padding:12px}.btn-submit[data-v-0c652702]{padding:14px;font-size:1rem}.toggle-text[data-v-0c652702]{font-size:.9rem}.hint-text[data-v-0c652702]{margin-top:10px;text-align:center;color:#a0aec0;font-size:.85rem}}@media (max-width: 480px){.modal[data-v-0c652702]{padding:25px 15px}.modal-title[data-v-0c652702]{font-size:1.3rem}}.app[data-v-20cdb5f4]{min-height:100vh;display:flex;flex-direction:column}.navbar[data-v-20cdb5f4]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem 0;box-shadow:0 2px 10px #0000001a}.navbar .container[data-v-20cdb5f4]{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.logo[data-v-20cdb5f4]{display:flex;align-items:center;gap:10px;font-size:1.5rem;font-weight:700;cursor:pointer}.logo-icon[data-v-20cdb5f4]{font-size:2rem}.nav-links[data-v-20cdb5f4]{display:flex;gap:20px;align-items:center}.nav-links a[data-v-20cdb5f4]{color:#fff;text-decoration:none;cursor:pointer;padding:8px 16px;border-radius:20px;transition:all .3s}.nav-links a[data-v-20cdb5f4]:hover,.nav-links a.active[data-v-20cdb5f4]{background:#fff3}.btn-login[data-v-20cdb5f4]{background:#fff;color:#667eea!important;font-weight:700}.user-menu[data-v-20cdb5f4]{display:flex;align-items:center;gap:10px;cursor:pointer;background:#fff3;padding:5px 15px;border-radius:20px}.avatar[data-v-20cdb5f4],.avatar-placeholder[data-v-20cdb5f4]{width:32px;height:32px;border-radius:50%;object-fit:cover}.avatar-placeholder[data-v-20cdb5f4]{background:#fff;color:#667eea;display:flex;align-items:center;justify-content:center;font-weight:700}.main-content[data-v-20cdb5f4]{flex:1;padding:40px 20px;max-width:1200px;margin:0 auto;width:100%}.footer[data-v-20cdb5f4]{background:#2d3748;color:#a0aec0;text-align:center;padding:20px;margin-top:auto}.footer p[data-v-20cdb5f4]{margin:5px 0}.disclaimer[data-v-20cdb5f4]{font-size:.9rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#f7fafc;color:#2d3748;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 20px}button{cursor:pointer;border:none;outline:none;transition:all .3s}button:hover{transform:translateY(-2px)}input,textarea{width:100%;padding:12px;border:1px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:border-color .3s}input:focus,textarea:focus{outline:none;border-color:#667eea}.card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 6px #0000001a;transition:transform .3s,box-shadow .3s}.card:hover{transform:translateY(-4px);box-shadow:0 8px 12px #00000026}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:12px 24px;border-radius:8px;font-weight:700}.btn-secondary{background:#e2e8f0;color:#2d3748;padding:12px 24px;border-radius:8px}.text-center{text-align:center}.text-gradient{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}