*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#f5f5f5;color:#333}#app{min-height:100vh}.login-page[data-v-e19ca382]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2)}.login-container[data-v-e19ca382]{background:#fff;border-radius:16px;padding:40px;width:400px;box-shadow:0 20px 60px #0000004d}h1[data-v-e19ca382]{text-align:center;margin-bottom:10px;color:#333}.subtitle[data-v-e19ca382]{text-align:center;color:#666;margin-bottom:30px;font-size:14px}.qr-section[data-v-e19ca382]{text-align:center}.tips[data-v-e19ca382]{margin-bottom:20px;color:#666;font-size:14px}.qr-code[data-v-e19ca382]{display:flex;justify-content:center;margin-bottom:20px}.qr-code img[data-v-e19ca382]{width:200px;height:200px;border:1px solid #eee;border-radius:8px;padding:10px}.loading[data-v-e19ca382]{padding:80px 0;color:#999}.privacy-notice[data-v-e19ca382]{margin-top:30px;padding:20px;background:#f8f9fa;border-radius:8px;border-left:4px solid #667eea}.notice-item[data-v-e19ca382]{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:13px;color:#555}.notice-item[data-v-e19ca382]:last-child{margin-bottom:0}.notice-item .icon[data-v-e19ca382]{font-size:18px;flex-shrink:0}.notice-item .text[data-v-e19ca382]{line-height:1.5}.playlist-list[data-v-199d5da6]{padding:20px;max-width:1200px;margin:0 auto}.header[data-v-199d5da6]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}h1[data-v-199d5da6]{margin:0}.project-info[data-v-199d5da6]{margin:10px 0 20px;font-size:13px;color:#666}.project-info a[data-v-199d5da6]{color:#409eff;text-decoration:none}.project-info a[data-v-199d5da6]:hover{text-decoration:underline}.header-actions[data-v-199d5da6]{display:flex;align-items:center;gap:15px}.user-info[data-v-199d5da6]{display:flex;align-items:center;gap:10px;padding:5px 15px;background:#f5f7fa;border-radius:20px}.user-avatar[data-v-199d5da6]{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid #409eff}.user-name[data-v-199d5da6]{font-size:14px;color:#333;font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.batch-backup-btn[data-v-199d5da6]{padding:8px 16px;background:#67c23a;color:#fff;border:none;border-radius:4px;cursor:pointer}.batch-backup-btn[data-v-199d5da6]:hover{background:#85ce61}.backup-btn[data-v-199d5da6]{padding:8px 16px;background:#409eff;color:#fff;border:none;border-radius:4px;cursor:pointer}.backup-btn[data-v-199d5da6]:hover{background:#66b1ff}.logout-btn[data-v-199d5da6]{padding:8px 16px;background:#f56c6c;color:#fff;border:none;border-radius:4px;cursor:pointer}.logout-btn[data-v-199d5da6]:hover{background:#f78989}.loading[data-v-199d5da6],.error[data-v-199d5da6]{text-align:center;padding:40px;font-size:18px}.error[data-v-199d5da6]{color:#f56c6c}.playlists[data-v-199d5da6]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.playlist-card[data-v-199d5da6]{cursor:pointer;border:1px solid #eee;border-radius:8px;overflow:hidden;transition:transform .2s}.playlist-card[data-v-199d5da6]:hover{transform:translateY(-5px);box-shadow:0 4px 12px #0000001a}.playlist-card img[data-v-199d5da6]{width:100%;height:200px;object-fit:cover}.info[data-v-199d5da6]{padding:15px}.info h3[data-v-199d5da6]{margin:0 0 8px;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info p[data-v-199d5da6]{margin:0;color:#666;font-size:14px}.modal-overlay[data-v-199d5da6]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-199d5da6]{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #0000004d}.modal-header[data-v-199d5da6]{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee}.modal-header h2[data-v-199d5da6]{margin:0;font-size:18px}.close-btn[data-v-199d5da6]{background:none;border:none;font-size:24px;cursor:pointer;color:#999;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.close-btn[data-v-199d5da6]:hover{color:#333}.modal-body[data-v-199d5da6]{flex:1;overflow-y:auto;padding:20px}.select-all[data-v-199d5da6]{margin-bottom:15px;padding-bottom:15px;border-bottom:2px solid #eee}.select-all label[data-v-199d5da6]{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:600}.playlist-list-modal[data-v-199d5da6]{display:flex;flex-direction:column;gap:10px}.playlist-item-modal[data-v-199d5da6]{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #eee;border-radius:8px;cursor:pointer;transition:all .2s}.playlist-item-modal[data-v-199d5da6]:hover{background:#f5f7fa;border-color:#409eff}.playlist-item-modal input[type=checkbox][data-v-199d5da6]{width:18px;height:18px;cursor:pointer}.playlist-name[data-v-199d5da6]{flex:1;font-size:14px}.playlist-count[data-v-199d5da6]{color:#999;font-size:13px}.modal-footer[data-v-199d5da6]{display:flex;justify-content:flex-end;gap:10px;padding:20px;border-top:1px solid #eee}.btn-cancel[data-v-199d5da6],.btn-confirm[data-v-199d5da6]{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500}.btn-cancel[data-v-199d5da6]{background:#f5f7fa;color:#666}.btn-cancel[data-v-199d5da6]:hover{background:#e4e7ed}.btn-confirm[data-v-199d5da6]{background:#67c23a;color:#fff}.btn-confirm[data-v-199d5da6]:hover:not(:disabled){background:#85ce61}.btn-confirm[data-v-199d5da6]:disabled{background:#ccc;cursor:not-allowed}.playlist-detail[data-v-dad9c8b7]{padding:20px;max-width:1400px;margin:0 auto}.header[data-v-dad9c8b7]{display:flex;align-items:center;gap:20px;margin-bottom:30px}.back-btn[data-v-dad9c8b7]{padding:8px 16px;background:#f0f0f0;border:none;border-radius:4px;cursor:pointer}.back-btn[data-v-dad9c8b7]:hover{background:#e0e0e0}h1[data-v-dad9c8b7]{flex:1;margin:0}.export-buttons[data-v-dad9c8b7]{display:flex;gap:10px}.export-buttons button[data-v-dad9c8b7]{padding:8px 16px;background:#409eff;color:#fff;border:none;border-radius:4px;cursor:pointer}.export-buttons button[data-v-dad9c8b7]:hover{background:#66b1ff}.btn-backup[data-v-dad9c8b7]{background:#67c23a!important}.btn-backup[data-v-dad9c8b7]:hover{background:#85ce61!important}.btn-backups[data-v-dad9c8b7]{background:#e6a23c!important}.btn-backups[data-v-dad9c8b7]:hover{background:#ebb563!important}.btn-compare[data-v-dad9c8b7]{background:#909399!important}.btn-compare[data-v-dad9c8b7]:hover{background:#a6a9ad!important}.loading[data-v-dad9c8b7],.error[data-v-dad9c8b7]{text-align:center;padding:40px;font-size:18px}.error[data-v-dad9c8b7]{color:#f56c6c}.stats[data-v-dad9c8b7]{margin-bottom:15px;color:#666}table[data-v-dad9c8b7]{width:100%;border-collapse:collapse;background:#fff}thead[data-v-dad9c8b7]{background:#f5f7fa}th[data-v-dad9c8b7],td[data-v-dad9c8b7]{padding:12px;text-align:left;border-bottom:1px solid #eee}th[data-v-dad9c8b7]{font-weight:600}tbody tr[data-v-dad9c8b7]:hover{background:#f5f7fa}th[data-v-dad9c8b7]:nth-child(1),td[data-v-dad9c8b7]:nth-child(1){width:60px}th[data-v-dad9c8b7]:nth-child(2),td[data-v-dad9c8b7]:nth-child(2){width:35%}th[data-v-dad9c8b7]:nth-child(3),td[data-v-dad9c8b7]:nth-child(3){width:25%}th[data-v-dad9c8b7]:nth-child(4),td[data-v-dad9c8b7]:nth-child(4){width:25%}th[data-v-dad9c8b7]:nth-child(5),td[data-v-dad9c8b7]:nth-child(5){width:80px}.backup-manager[data-v-d3efd6e9]{padding:20px;max-width:1200px;margin:0 auto}.header[data-v-d3efd6e9]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}h1[data-v-d3efd6e9]{margin:0}.back-btn[data-v-d3efd6e9]{padding:8px 16px;background:#f0f0f0;border:none;border-radius:4px;cursor:pointer}.back-btn[data-v-d3efd6e9]:hover{background:#e0e0e0}.stats[data-v-d3efd6e9]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card[data-v-d3efd6e9]{background:#fff;padding:20px;border-radius:8px;border:1px solid #eee;text-align:center}.stat-value[data-v-d3efd6e9]{font-size:32px;font-weight:700;color:#409eff;margin-bottom:8px}.stat-label[data-v-d3efd6e9]{color:#666;font-size:14px}.loading[data-v-d3efd6e9],.error[data-v-d3efd6e9],.empty[data-v-d3efd6e9]{text-align:center;padding:40px;color:#666}.error[data-v-d3efd6e9]{color:#f56c6c}.backup-items[data-v-d3efd6e9]{display:flex;flex-direction:column;gap:15px}.backup-item[data-v-d3efd6e9]{background:#fff;border:1px solid #eee;border-radius:8px;padding:20px;display:flex;justify-content:space-between;align-items:center;transition:all .3s}.backup-item[data-v-d3efd6e9]:hover{box-shadow:0 2px 12px #0000001a}.backup-info h3[data-v-d3efd6e9]{margin:0 0 8px;font-size:18px}.backup-meta[data-v-d3efd6e9]{margin:0 0 5px;color:#666;font-size:14px}.backup-meta span[data-v-d3efd6e9]{margin-right:20px}.backup-note[data-v-d3efd6e9]{margin:0;color:#999;font-size:13px;font-style:italic}.backup-actions[data-v-d3efd6e9]{display:flex;gap:10px}.backup-actions button[data-v-d3efd6e9]{padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:14px}.btn-download[data-v-d3efd6e9]{background:#409eff;color:#fff}.btn-download[data-v-d3efd6e9]:hover{background:#66b1ff}.btn-compare[data-v-d3efd6e9]{background:#67c23a;color:#fff}.btn-compare[data-v-d3efd6e9]:hover{background:#85ce61}.btn-delete[data-v-d3efd6e9]{background:#f56c6c;color:#fff}.btn-delete[data-v-d3efd6e9]:hover{background:#f78989}.backup-song-list[data-v-69adf722]{padding:20px;max-width:1400px;margin:0 auto}.header[data-v-69adf722]{display:flex;align-items:center;gap:20px;margin-bottom:30px}.back-btn[data-v-69adf722]{padding:8px 16px;background:#f0f0f0;border:none;border-radius:4px;cursor:pointer}.back-btn[data-v-69adf722]:hover{background:#e0e0e0}h1[data-v-69adf722]{flex:1;margin:0}.export-buttons[data-v-69adf722]{display:flex;gap:10px}.export-buttons button[data-v-69adf722]{padding:8px 16px;background:#409eff;color:#fff;border:none;border-radius:4px;cursor:pointer}.export-buttons button[data-v-69adf722]:hover{background:#66b1ff}.loading[data-v-69adf722],.error[data-v-69adf722]{text-align:center;padding:40px;font-size:18px}.error[data-v-69adf722]{color:#f56c6c}.backup-meta[data-v-69adf722]{background:#f5f7fa;padding:15px 20px;border-radius:8px;margin-bottom:20px}.backup-meta p[data-v-69adf722]{margin:5px 0;color:#666}.backup-meta strong[data-v-69adf722]{color:#333;margin-right:10px}table[data-v-69adf722]{width:100%;border-collapse:collapse;background:#fff}thead[data-v-69adf722]{background:#f5f7fa}th[data-v-69adf722],td[data-v-69adf722]{padding:12px;text-align:left;border-bottom:1px solid #eee}th[data-v-69adf722]{font-weight:600}tbody tr[data-v-69adf722]:hover{background:#f5f7fa}th[data-v-69adf722]:nth-child(1),td[data-v-69adf722]:nth-child(1){width:60px}th[data-v-69adf722]:nth-child(2),td[data-v-69adf722]:nth-child(2){width:35%}th[data-v-69adf722]:nth-child(3),td[data-v-69adf722]:nth-child(3){width:25%}th[data-v-69adf722]:nth-child(4),td[data-v-69adf722]:nth-child(4){width:25%}th[data-v-69adf722]:nth-child(5),td[data-v-69adf722]:nth-child(5){width:80px}.compare-view[data-v-c43e2e05]{padding:20px;max-width:1400px;margin:0 auto}.header[data-v-c43e2e05]{display:flex;align-items:center;gap:20px;margin-bottom:30px}.back-btn[data-v-c43e2e05]{padding:8px 16px;background:#f0f0f0;border:none;border-radius:4px;cursor:pointer}.back-btn[data-v-c43e2e05]:hover{background:#e0e0e0}h1[data-v-c43e2e05]{flex:1;margin:0}.export-buttons[data-v-c43e2e05]{display:flex;gap:10px}.export-buttons button[data-v-c43e2e05]{padding:8px 16px;background:#409eff;color:#fff;border:none;border-radius:4px;cursor:pointer}.export-buttons button[data-v-c43e2e05]:hover{background:#66b1ff}.loading[data-v-c43e2e05],.error[data-v-c43e2e05]{text-align:center;padding:40px;font-size:18px}.error[data-v-c43e2e05]{color:#f56c6c}.summary[data-v-c43e2e05]{background:#fff;padding:20px;border-radius:8px;margin-bottom:20px;border:1px solid #eee}.summary h2[data-v-c43e2e05]{margin:0 0 20px}.summary-cards[data-v-c43e2e05]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.summary-card[data-v-c43e2e05]{padding:20px;border-radius:8px;text-align:center;background:#f5f7fa}.summary-card.added[data-v-c43e2e05]{background:#f0f9ff;border:1px solid #409eff}.summary-card.removed[data-v-c43e2e05]{background:#fef0f0;border:1px solid #f56c6c}.summary-card.same[data-v-c43e2e05]{background:#f0f9f0;border:1px solid #67c23a}.card-value[data-v-c43e2e05]{font-size:28px;font-weight:700;margin-bottom:8px}.added .card-value[data-v-c43e2e05]{color:#409eff}.removed .card-value[data-v-c43e2e05]{color:#f56c6c}.same .card-value[data-v-c43e2e05]{color:#67c23a}.card-label[data-v-c43e2e05]{color:#666;font-size:14px}.filter[data-v-c43e2e05]{display:flex;gap:10px;margin-bottom:20px}.filter-btn[data-v-c43e2e05]{padding:8px 16px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;transition:all .3s}.filter-btn[data-v-c43e2e05]:hover{border-color:#409eff;color:#409eff}.filter-btn.active[data-v-c43e2e05]{background:#409eff;color:#fff;border-color:#409eff}.song-list[data-v-c43e2e05]{background:#fff;border-radius:8px;overflow:hidden;border:1px solid #eee}table[data-v-c43e2e05]{width:100%;border-collapse:collapse}thead[data-v-c43e2e05]{background:#f5f7fa}th[data-v-c43e2e05],td[data-v-c43e2e05]{padding:12px;text-align:left;border-bottom:1px solid #eee}th[data-v-c43e2e05]{font-weight:600}tbody tr[data-v-c43e2e05]:hover{background:#f5f7fa}tbody tr.added[data-v-c43e2e05]{background:#f0f9ff}tbody tr.removed[data-v-c43e2e05]{background:#fef0f0}.status-badge[data-v-c43e2e05]{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.status-badge.added[data-v-c43e2e05]{background:#409eff;color:#fff}.status-badge.removed[data-v-c43e2e05]{background:#f56c6c;color:#fff}.status-badge.same[data-v-c43e2e05]{background:#67c23a;color:#fff}th[data-v-c43e2e05]:nth-child(1),td[data-v-c43e2e05]:nth-child(1){width:80px}th[data-v-c43e2e05]:nth-child(2),td[data-v-c43e2e05]:nth-child(2){width:60px}th[data-v-c43e2e05]:nth-child(3),td[data-v-c43e2e05]:nth-child(3){width:35%}th[data-v-c43e2e05]:nth-child(4),td[data-v-c43e2e05]:nth-child(4){width:25%}th[data-v-c43e2e05]:nth-child(5),td[data-v-c43e2e05]:nth-child(5){width:25%}