.header[data-v-78bc9f55]{background:#16162a;border-bottom:1px solid #2d2d44;padding:0 20px}.header-content[data-v-78bc9f55]{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;height:60px}.logo[data-v-78bc9f55]{font-size:24px;font-weight:700;color:#6c63ff}.logo[data-v-78bc9f55]:hover{text-decoration:none}.nav[data-v-78bc9f55]{display:flex;align-items:center;gap:20px}.nav a[data-v-78bc9f55]{color:#aaa}.nav a[data-v-78bc9f55]:hover,.nav a.router-link-active[data-v-78bc9f55]{color:#fff;text-decoration:none}.username[data-v-78bc9f55]{color:#6c63ff}.mini-player[data-v-ce744c47]{position:fixed;bottom:0;left:0;right:0;background:#1a1a2e;z-index:1000}.mini-player-content[data-v-ce744c47]{position:relative;display:flex;align-items:center;padding:12px 20px}.mini-player-controls[data-v-ce744c47]{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px}.progress-bar-top[data-v-ce744c47]{height:4px;background:#333;cursor:pointer;width:100%}.progress-bar-top[data-v-ce744c47]:hover{height:6px}.progress-fill[data-v-ce744c47]{height:100%;background:#7c3aed;transition:width .1s linear}.mini-player-info[data-v-ce744c47]{flex:1;min-width:0;cursor:pointer}.track-title[data-v-ce744c47]{font-size:15px;font-weight:500;color:#fff;margin-bottom:2px}.track-artist[data-v-ce744c47]{font-size:13px;color:#aaa;margin-bottom:2px}.room-name[data-v-ce744c47]{font-size:11px;color:#7c3aed}.control-btn[data-v-ce744c47]{background:transparent;border:none;color:#fff;cursor:pointer;padding:8px;font-size:16px;border-radius:50%;transition:background .2s}.control-btn[data-v-ce744c47]:hover{background:#333}.play-btn[data-v-ce744c47]{background:#7c3aed;width:44px;height:44px;display:flex;align-items:center;justify-content:center}.play-btn[data-v-ce744c47]:hover{background:#6d28d9}.mini-player-right[data-v-ce744c47]{display:flex;align-items:center;gap:16px;flex-shrink:0}.time[data-v-ce744c47]{font-size:12px;color:#888;min-width:80px;text-align:center}.volume-control[data-v-ce744c47]{position:relative;display:flex;align-items:center}.volume-icon[data-v-ce744c47]{cursor:pointer;width:32px;height:32px;padding:8px;filter:invert(60%);transition:filter .2s}.volume-icon[data-v-ce744c47]:hover{filter:invert(100%)}.volume-popup[data-v-ce744c47]{position:absolute;bottom:100%;left:50%;transform:translate(-50%);width:40px;height:120px;margin-bottom:0;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;display:flex;align-items:center;justify-content:center}.volume-value[data-v-ce744c47]{position:absolute;top:-25px;left:50%;transform:translate(-50%);font-size:12px;color:#fff;font-weight:500;white-space:nowrap}.volume-control:hover .volume-popup[data-v-ce744c47]{opacity:1;visibility:visible}.volume-slider-wrapper[data-v-ce744c47]{width:8px;height:100px;display:flex;align-items:center;justify-content:center}.volume-slider[data-v-ce744c47]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100px;height:8px;background:#444;border-radius:4px;cursor:pointer;transform:rotate(-90deg);transform-origin:center center}.volume-slider[data-v-ce744c47]::-webkit-slider-runnable-track{width:100%;height:8px;background:#444;border-radius:4px}.volume-slider[data-v-ce744c47]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:#7c3aed;border-radius:50%;cursor:pointer;margin-top:-5px}.volume-slider[data-v-ce744c47]::-moz-range-track{width:100%;height:8px;background:#444;border-radius:4px}.volume-slider[data-v-ce744c47]::-moz-range-thumb{width:18px;height:18px;background:#7c3aed;border-radius:50%;cursor:pointer;border:none}.leave-btn[data-v-ce744c47]{background:transparent;border:none;color:#666;cursor:pointer;padding:8px 12px;font-size:18px;border-radius:4px;transition:all .2s}.leave-btn[data-v-ce744c47]:hover{background:#f44;color:#fff}@media (max-width: 768px){.volume-control[data-v-ce744c47],.time[data-v-ce744c47]{display:none}.mini-player-content[data-v-ce744c47]{padding:10px 16px}}#app[data-v-37e4db13]{min-height:100vh;display:flex;flex-direction:column}.main-content[data-v-37e4db13]{flex:1;padding:20px;max-width:1200px;margin:0 auto;width:100%}.main-content.has-mini-player[data-v-37e4db13]{padding-bottom:100px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background-color:#1a1a2e;color:#eee;line-height:1.6}a{color:#6c63ff;text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;transition:all .2s}.btn-primary{background:#6c63ff;color:#fff}.btn-primary:hover{background:#5a52d5}.btn-secondary{background:#2d2d44;color:#eee}.btn-secondary:hover{background:#3d3d5c}.btn-danger{background:#ff4757;color:#fff}.btn-danger:hover{background:#f34}input,textarea{padding:12px 16px;border:1px solid #3d3d5c;border-radius:8px;background:#16162a;color:#eee;font-size:14px;width:100%}input:focus,textarea:focus{outline:none;border-color:#6c63ff}.card{background:#16162a;border-radius:12px;padding:20px;border:1px solid #2d2d44}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:8px;color:#aaa;font-size:14px}.error-message{color:#ff4757;font-size:14px;margin-top:8px}