*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0a0a1a;--bg-secondary: #12122a;--bg-card: #1a1a3e;--bg-card-hover: #222260;--text-primary: #ffffff;--text-secondary: #a0a0c0;--accent: #7c3aed;--accent-light: #a78bfa;--accent-glow: rgba(124, 58, 237, .4);--danger: #ef4444;--success: #22c55e;--warning: #f59e0b;--border: rgba(124, 58, 237, .3);--radius: 12px}body{font-family:Microsoft YaHei,PingFang SC,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden}.app{min-height:100vh;display:flex;flex-direction:column}.navbar{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:64px;background:var(--bg-secondary);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-brand{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.brand-icon{font-size:28px;color:var(--accent-light)}.brand-text{font-size:20px;font-weight:700;background:linear-gradient(135deg,var(--accent-light),#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-links{display:flex;gap:8px}.nav-link{color:var(--text-secondary);text-decoration:none;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;transition:all .2s}.nav-link:hover{color:var(--text-primary);background:#7c3aed26}.nav-link.router-link-exact-active{color:var(--accent-light);background:#7c3aed33}.nav-user{display:flex;align-items:center}.diamond{color:var(--warning);font-size:16px;font-weight:600}.main-content{flex:1;padding:24px;max-width:1400px;margin:0 auto;width:100%}.btn{padding:10px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:8px}.btn-primary{background:linear-gradient(135deg,var(--accent),#9333ea);color:#fff;box-shadow:0 4px 15px var(--accent-glow)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px var(--accent-glow)}.btn-danger{background:var(--danger);color:#fff}.btn-success{background:var(--success);color:#fff}.btn-outline{background:transparent;color:var(--accent-light);border:1px solid var(--border)}.btn-outline:hover{background:#7c3aed1a}.btn-lg{padding:14px 32px;font-size:16px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;transition:all .3s}.card:hover{border-color:var(--accent);box-shadow:0 0 20px var(--accent-glow)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:3px}.home[data-v-68adb59b]{display:flex;flex-direction:column;gap:60px}.hero[data-v-68adb59b]{text-align:center;padding:60px 20px;position:relative}.hero-title[data-v-68adb59b]{font-size:48px;font-weight:800;background:linear-gradient(135deg,#a78bfa,#ec4899,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:16px}.hero-subtitle[data-v-68adb59b]{font-size:20px;color:var(--text-secondary);margin-bottom:8px}.hero-desc[data-v-68adb59b]{font-size:16px;color:var(--accent-light)}.hero-visual[data-v-68adb59b]{margin-top:40px}.music-wave[data-v-68adb59b]{display:flex;justify-content:center;align-items:center;gap:4px;height:60px}.wave-bar[data-v-68adb59b]{width:4px;background:linear-gradient(to top,var(--accent),#ec4899);border-radius:2px;animation:wave-68adb59b 1.2s ease-in-out infinite}@keyframes wave-68adb59b{0%,to{height:10px}50%{height:50px}}.section-header[data-v-68adb59b]{text-align:center;margin-bottom:40px}.section-header h2[data-v-68adb59b]{font-size:32px;font-weight:700;margin-bottom:8px}.section-header p[data-v-68adb59b]{color:var(--text-secondary);font-size:16px}.feature-grid[data-v-68adb59b]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.feature-card[data-v-68adb59b]{cursor:pointer;position:relative;overflow:hidden}.feature-card[data-v-68adb59b]:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),#ec4899);opacity:0;transition:opacity .3s}.feature-card[data-v-68adb59b]:hover:before{opacity:1}.feature-icon[data-v-68adb59b]{font-size:48px;margin-bottom:16px}.feature-card h3[data-v-68adb59b]{font-size:20px;margin-bottom:8px}.feature-card p[data-v-68adb59b]{color:var(--text-secondary);font-size:14px;line-height:1.6}.feature-tag[data-v-68adb59b]{display:inline-block;margin-top:12px;padding:4px 12px;background:#7c3aed33;color:var(--accent-light);border-radius:20px;font-size:12px;font-weight:600}.workflow-steps[data-v-68adb59b]{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap}.step[data-v-68adb59b]{text-align:center;padding:24px;background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);min-width:200px}.step-num[data-v-68adb59b]{width:48px;height:48px;background:linear-gradient(135deg,var(--accent),#9333ea);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;margin:0 auto 16px}.step h3[data-v-68adb59b]{font-size:18px;margin-bottom:8px}.step p[data-v-68adb59b]{color:var(--text-secondary);font-size:14px}.step-arrow[data-v-68adb59b]{font-size:24px;color:var(--accent-light)}.adv-grid[data-v-68adb59b]{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}.adv-item[data-v-68adb59b]{text-align:center;padding:24px}.adv-icon[data-v-68adb59b]{font-size:36px;margin-bottom:12px}.adv-item h4[data-v-68adb59b]{font-size:18px;margin-bottom:8px}.adv-item p[data-v-68adb59b]{color:var(--text-secondary);font-size:14px}.recorder[data-v-ce85dd8b]{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;text-align:center}.recorder-status[data-v-ce85dd8b]{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:16px;font-size:16px;color:var(--text-secondary)}.status-dot[data-v-ce85dd8b]{width:12px;height:12px;border-radius:50%;background:var(--text-secondary);transition:all .3s}.status-dot.active[data-v-ce85dd8b]{background:var(--danger);animation:pulse-ce85dd8b 1s ease-in-out infinite}@keyframes pulse-ce85dd8b{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 8px #ef444400}}.recorder-visual[data-v-ce85dd8b]{margin-bottom:16px;display:flex;justify-content:center}.recorder-visual canvas[data-v-ce85dd8b]{border-radius:8px}.recorder-controls[data-v-ce85dd8b]{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.record-btn[data-v-ce85dd8b]{min-width:160px}.hanmai[data-v-881eb228]{display:flex;flex-direction:column;gap:24px}.page-header[data-v-881eb228]{text-align:center}.page-header h1[data-v-881eb228]{font-size:32px;font-weight:700;margin-bottom:8px}.page-header p[data-v-881eb228]{color:var(--text-secondary)}.hanmai-layout[data-v-881eb228]{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:24px}.panel h3[data-v-881eb228]{font-size:18px;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--border)}.template-list[data-v-881eb228]{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;max-height:300px;overflow-y:auto}.template-item[data-v-881eb228]{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--bg-secondary);border-radius:8px;cursor:pointer;transition:all .2s;border:1px solid transparent}.template-item[data-v-881eb228]:hover{background:var(--bg-card-hover)}.template-item.active[data-v-881eb228]{border-color:var(--accent);background:#7c3aed26}.template-name[data-v-881eb228]{font-weight:500;display:block}.template-bpm[data-v-881eb228]{font-size:12px;color:var(--text-secondary)}.template-style[data-v-881eb228]{font-size:12px;padding:2px 8px;border-radius:10px;font-weight:600}.style-hanmai[data-v-881eb228]{background:#ef444433;color:#f87171}.style-dj[data-v-881eb228]{background:#7c3aed33;color:#a78bfa}.style-love[data-v-881eb228]{background:#ec489933;color:#f472b6}.style-rap[data-v-881eb228]{background:#f59e0b33;color:#fbbf24}.bpm-control[data-v-881eb228]{margin-bottom:16px}.bpm-control label[data-v-881eb228]{display:block;margin-bottom:8px;font-size:14px;color:var(--text-secondary)}.bpm-slider[data-v-881eb228]{display:flex;align-items:center;gap:12px}.bpm-slider input[type=range][data-v-881eb228]{flex:1;accent-color:var(--accent)}.bpm-value[data-v-881eb228]{font-weight:700;color:var(--accent-light);min-width:40px;text-align:right}.metronome[data-v-881eb228]{text-align:center}.recorder-panel[data-v-881eb228]{display:flex;flex-direction:column;gap:20px}.lyrics-input h4[data-v-881eb228]{font-size:16px;margin-bottom:8px}.lyrics-input textarea[data-v-881eb228]{width:100%;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:12px;color:var(--text-primary);font-size:14px;resize:vertical;font-family:inherit}.lyrics-input textarea[data-v-881eb228]:focus{outline:none;border-color:var(--accent)}.effect-controls[data-v-881eb228]{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.effect-item[data-v-881eb228]{display:flex;align-items:center;gap:12px}.effect-item label[data-v-881eb228]{min-width:70px;font-size:14px;color:var(--text-secondary)}.effect-item input[type=range][data-v-881eb228]{flex:1;accent-color:var(--accent)}.effect-item span[data-v-881eb228]{min-width:35px;text-align:right;font-size:13px;color:var(--accent-light)}.output-section h4[data-v-881eb228]{font-size:16px;margin-bottom:12px}.output-format[data-v-881eb228]{display:flex;gap:16px}.output-format label[data-v-881eb228]{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:14px}.output-format input[type=radio][data-v-881eb228]{accent-color:var(--accent)}@media (max-width: 1024px){.hanmai-layout[data-v-881eb228]{grid-template-columns:1fr}}.dj-mix[data-v-81d30354]{display:flex;flex-direction:column;gap:24px}.page-header[data-v-81d30354]{text-align:center}.page-header h1[data-v-81d30354]{font-size:32px;font-weight:700;margin-bottom:8px}.page-header p[data-v-81d30354]{color:var(--text-secondary)}.decks[data-v-81d30354]{display:grid;grid-template-columns:1fr 280px 1fr;gap:24px}.deck[data-v-81d30354]{display:flex;flex-direction:column;gap:16px}.deck-header[data-v-81d30354]{display:flex;align-items:center;justify-content:space-between}.deck-header h3[data-v-81d30354]{font-size:20px;color:var(--accent-light)}.upload-btn[data-v-81d30354]{padding:6px 16px;background:#7c3aed33;border:1px solid var(--border);border-radius:6px;color:var(--accent-light);cursor:pointer;font-size:13px;transition:all .2s}.upload-btn[data-v-81d30354]:hover{background:#7c3aed4d}.turntable[data-v-81d30354]{display:flex;justify-content:center;padding:20px}.disc[data-v-81d30354]{width:120px;height:120px;border-radius:50%;background:conic-gradient(from 0deg,#1a1a3e,#2a2a5e,#1a1a3e,#2a2a5e,#1a1a3e);border:3px solid var(--accent);display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px var(--accent-glow)}.disc.spinning[data-v-81d30354]{animation:spin-81d30354 2s linear infinite}@keyframes spin-81d30354{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.disc-inner[data-v-81d30354]{width:30px;height:30px;border-radius:50%;background:var(--accent)}.track-info[data-v-81d30354]{display:flex;justify-content:space-between;font-size:13px;color:var(--text-secondary)}.track-name[data-v-81d30354]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:70%}.deck-controls[data-v-81d30354]{display:flex;gap:8px;justify-content:center}.speed-control[data-v-81d30354],.volume-control[data-v-81d30354]{display:flex;align-items:center;gap:8px}.speed-control label[data-v-81d30354],.volume-control label[data-v-81d30354]{min-width:35px;font-size:13px;color:var(--text-secondary)}.speed-control input[data-v-81d30354],.volume-control input[data-v-81d30354]{flex:1;accent-color:var(--accent)}.speed-control span[data-v-81d30354],.volume-control span[data-v-81d30354]{min-width:35px;text-align:right;font-size:13px;color:var(--accent-light)}.eq-controls[data-v-81d30354]{display:flex;gap:8px}.eq-item[data-v-81d30354]{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px}.eq-item label[data-v-81d30354]{font-size:12px;color:var(--text-secondary)}.eq-item input[data-v-81d30354]{width:100%;accent-color:var(--accent)}.mixer[data-v-81d30354]{display:flex;flex-direction:column;gap:16px}.mixer h3[data-v-81d30354]{text-align:center;font-size:18px;padding-bottom:8px;border-bottom:1px solid var(--border)}.crossfader[data-v-81d30354]{display:flex;align-items:center;gap:8px}.crossfader label[data-v-81d30354]{font-weight:700;font-size:14px;color:var(--accent-light)}.crossfader input[data-v-81d30354]{flex:1;accent-color:var(--accent)}.master-volume[data-v-81d30354]{display:flex;align-items:center;gap:8px}.master-volume label[data-v-81d30354]{min-width:50px;font-size:13px;color:var(--text-secondary)}.master-volume input[data-v-81d30354]{flex:1;accent-color:var(--accent)}.master-volume span[data-v-81d30354]{min-width:35px;text-align:right;font-size:13px;color:var(--accent-light)}.vu-meters[data-v-81d30354]{display:flex;gap:16px;justify-content:center;padding:8px 0}.vu-meter[data-v-81d30354]{display:flex;align-items:center;gap:6px}.vu-label[data-v-81d30354]{font-size:12px;font-weight:700;color:var(--accent-light)}.vu-bar-bg[data-v-81d30354]{width:20px;height:80px;background:var(--bg-secondary);border-radius:4px;overflow:hidden;display:flex;align-items:flex-end}.vu-bar[data-v-81d30354]{width:100%;background:linear-gradient(to top,var(--success),var(--warning),var(--danger));border-radius:4px;transition:height .1s}.dj-effects h4[data-v-81d30354]{font-size:14px;margin-bottom:8px;color:var(--text-secondary)}.effect-pads[data-v-81d30354]{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.pad-btn[data-v-81d30354]{padding:10px 8px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:12px;cursor:pointer;transition:all .15s;font-weight:500}.pad-btn[data-v-81d30354]:hover{background:#7c3aed33;border-color:var(--accent)}.pad-btn[data-v-81d30354]:active{transform:scale(.95);background:#7c3aed66}@media (max-width: 1024px){.decks[data-v-81d30354]{grid-template-columns:1fr}}.voice-clone[data-v-ccbc7bda]{display:flex;flex-direction:column;gap:24px}.page-header[data-v-ccbc7bda]{text-align:center}.page-header h1[data-v-ccbc7bda]{font-size:32px;font-weight:700;margin-bottom:8px}.page-header p[data-v-ccbc7bda]{color:var(--text-secondary)}.clone-steps[data-v-ccbc7bda]{display:flex;flex-direction:column;gap:20px;max-width:700px;margin:0 auto;width:100%}.step-card[data-v-ccbc7bda]{transition:all .3s;opacity:.5}.step-card.active[data-v-ccbc7bda]{opacity:1}.step-card.completed[data-v-ccbc7bda]{opacity:.7;border-color:var(--success)}.step-header[data-v-ccbc7bda]{display:flex;align-items:center;gap:12px;margin-bottom:16px}.step-num[data-v-ccbc7bda]{width:36px;height:36px;background:linear-gradient(135deg,var(--accent),#9333ea);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px}.completed .step-num[data-v-ccbc7bda]{background:var(--success)}.step-header h3[data-v-ccbc7bda]{flex:1;font-size:18px}.step-status[data-v-ccbc7bda]{font-size:13px;color:var(--text-secondary)}.step-tip[data-v-ccbc7bda]{color:var(--text-secondary);font-size:14px;margin-bottom:16px}.upload-section[data-v-ccbc7bda]{text-align:center;margin-top:12px}.or-divider[data-v-ccbc7bda]{color:var(--text-secondary);font-size:13px;margin:8px 0}.upload-file-btn[data-v-ccbc7bda]{cursor:pointer}.uploaded-files[data-v-ccbc7bda]{margin-top:12px;display:flex;flex-direction:column;gap:6px}.file-item[data-v-ccbc7bda]{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-secondary);border-radius:6px;font-size:13px}.file-size[data-v-ccbc7bda]{color:var(--text-secondary);font-size:12px}.train-options[data-v-ccbc7bda]{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.train-option[data-v-ccbc7bda]{padding:16px;background:var(--bg-secondary);border:2px solid transparent;border-radius:var(--radius);cursor:pointer;text-align:center;transition:all .2s}.train-option[data-v-ccbc7bda]:hover{border-color:var(--border)}.train-option.selected[data-v-ccbc7bda]{border-color:var(--accent);background:#7c3aed1a}.train-option h4[data-v-ccbc7bda]{font-size:16px;margin-bottom:6px}.train-option p[data-v-ccbc7bda]{font-size:13px;color:var(--text-secondary);margin-bottom:8px}.train-option .price[data-v-ccbc7bda]{color:var(--warning);font-weight:700}.train-progress[data-v-ccbc7bda]{margin-top:12px}.progress-bar[data-v-ccbc7bda]{height:8px;background:var(--bg-secondary);border-radius:4px;overflow:hidden;margin-bottom:8px}.progress-fill[data-v-ccbc7bda]{height:100%;background:linear-gradient(90deg,var(--accent),#ec4899);border-radius:4px;transition:width .5s}.progress-text[data-v-ccbc7bda]{font-size:13px;color:var(--accent-light)}.model-info[data-v-ccbc7bda]{text-align:center;margin-bottom:16px}.model-badge[data-v-ccbc7bda]{display:inline-block;padding:6px 16px;background:#22c55e33;color:var(--success);border-radius:20px;font-weight:600;margin-bottom:8px}.model-info p[data-v-ccbc7bda]{color:var(--text-secondary);font-size:14px}.sing-input[data-v-ccbc7bda]{margin-top:16px}.sing-input h4[data-v-ccbc7bda]{font-size:16px;margin-bottom:8px}.song-name[data-v-ccbc7bda]{margin-top:8px;font-size:14px;color:var(--accent-light)}.ai-sing[data-v-048243c5]{display:flex;flex-direction:column;gap:24px}.page-header[data-v-048243c5]{text-align:center}.page-header h1[data-v-048243c5]{font-size:32px;font-weight:700;margin-bottom:8px}.page-header p[data-v-048243c5]{color:var(--text-secondary)}.sing-layout[data-v-048243c5]{display:grid;grid-template-columns:1fr 1fr;gap:24px}.panel h3[data-v-048243c5]{font-size:18px;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--border)}.input-group[data-v-048243c5]{margin-bottom:16px}.input-group label[data-v-048243c5]{display:block;font-size:14px;color:var(--text-secondary);margin-bottom:8px}.input-group input[type=text][data-v-048243c5],.input-group textarea[data-v-048243c5],.input-group select[data-v-048243c5]{width:100%;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:10px 12px;color:var(--text-primary);font-size:14px;font-family:inherit}.input-group input[data-v-048243c5]:focus,.input-group textarea[data-v-048243c5]:focus,.input-group select[data-v-048243c5]:focus{outline:none;border-color:var(--accent)}.input-group select[data-v-048243c5]{cursor:pointer}.ai-tools[data-v-048243c5]{display:flex;gap:8px;flex-wrap:wrap}.style-grid[data-v-048243c5]{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.style-item[data-v-048243c5]{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;background:var(--bg-secondary);border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s}.style-item[data-v-048243c5]:hover{border-color:var(--border)}.style-item.selected[data-v-048243c5]{border-color:var(--accent);background:#7c3aed26}.style-icon[data-v-048243c5]{font-size:24px}.style-name[data-v-048243c5]{font-size:12px;font-weight:500}.voice-select[data-v-048243c5]{display:flex;flex-direction:column;gap:8px}.voice-item[data-v-048243c5]{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--bg-secondary);border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s}.voice-item[data-v-048243c5]:hover{border-color:var(--border)}.voice-item.selected[data-v-048243c5]{border-color:var(--accent);background:#7c3aed26}.voice-avatar[data-v-048243c5]{width:36px;height:36px;background:linear-gradient(135deg,var(--accent),#ec4899);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.voice-info[data-v-048243c5]{flex:1}.voice-name[data-v-048243c5]{display:block;font-weight:500;font-size:14px}.voice-desc[data-v-048243c5]{display:block;font-size:12px;color:var(--text-secondary)}.clone-tag[data-v-048243c5]{font-size:11px;padding:2px 8px;background:#22c55e33;color:var(--success);border-radius:10px;font-weight:600}.bpm-presets[data-v-048243c5]{display:flex;gap:8px;flex-wrap:wrap}.bpm-presets .btn.active[data-v-048243c5]{background:#7c3aed33;border-color:var(--accent);color:var(--accent-light)}.result-section[data-v-048243c5]{margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}.result-section h4[data-v-048243c5]{font-size:16px;margin-bottom:12px}.result-player[data-v-048243c5]{display:flex;align-items:center;gap:12px;margin-bottom:12px}.result-info[data-v-048243c5]{display:flex;flex-direction:column}.result-title[data-v-048243c5]{font-weight:500}.result-style[data-v-048243c5]{font-size:12px;color:var(--text-secondary)}.result-actions[data-v-048243c5]{display:flex;gap:8px}@media (max-width: 768px){.sing-layout[data-v-048243c5]{grid-template-columns:1fr}.style-grid[data-v-048243c5]{grid-template-columns:repeat(4,1fr)}}