.search-bar[data-v-3a2d6236]{width:300px}.header[data-v-db546868]{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--n-border-color)}.header-left .title[data-v-db546868]{font-size:20px;font-weight:600;margin:0}.header-right[data-v-db546868]{display:flex;align-items:center;gap:12px}.footer[data-v-92e69580]{height:40px;display:flex;align-items:center;justify-content:center;border-top:1px solid var(--n-border-color)}.copyright[data-v-92e69580]{font-size:12px;color:var(--n-text-color-2)}.player-bar[data-v-f6024652]{position:fixed;bottom:0;left:0;right:0;height:80px;background:var(--card-color);border-top:1px solid var(--border-color);display:flex;flex-direction:column;z-index:1000}.progress-container[data-v-f6024652]{height:4px;background:var(--border-color);cursor:pointer;position:relative}.progress-container:hover .progress-bar[data-v-f6024652]{height:6px}.progress-bar[data-v-f6024652]{height:4px;background:var(--border-color);transition:height .2s}.progress-fill[data-v-f6024652]{height:100%;background:var(--primary-color);transition:width .1s linear}.player-controls[data-v-f6024652]{flex:1;display:flex;align-items:center;padding:0 20px;gap:20px}.track-info[data-v-f6024652]{min-width:200px;max-width:300px}.track-title[data-v-f6024652]{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-artist[data-v-f6024652]{font-size:12px;color:var(--text-color-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.control-buttons[data-v-f6024652]{display:flex;align-items:center;gap:10px}.control-btn[data-v-f6024652]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;cursor:pointer;border-radius:50%;color:var(--text-color);transition:background .2s}.control-btn[data-v-f6024652]:hover:not(:disabled){background:var(--hover-color)}.control-btn[data-v-f6024652]:disabled{opacity:.3;cursor:not-allowed}.control-btn.active[data-v-f6024652]{color:var(--primary-color)}.play-btn[data-v-f6024652]{width:48px;height:48px;background:var(--primary-color);color:#fff}.play-btn[data-v-f6024652]:hover:not(:disabled){background:var(--primary-color-hover)}.icon[data-v-f6024652]{font-size:20px;line-height:1}.time-volume[data-v-f6024652]{display:flex;align-items:center;gap:20px;margin-left:auto}.time-display[data-v-f6024652]{font-size:12px;font-family:monospace;color:var(--text-color-secondary);min-width:100px;text-align:right}.volume-control[data-v-f6024652]{display:flex;align-items:center;gap:10px}.volume-slider[data-v-f6024652]{width:100px;height:4px;background:var(--border-color);border-radius:2px;appearance:none;outline:none}.volume-slider[data-v-f6024652]::-webkit-slider-thumb{appearance:none;width:12px;height:12px;background:var(--primary-color);border-radius:50%;cursor:pointer}.volume-slider[data-v-f6024652]::-moz-range-thumb{width:12px;height:12px;background:var(--primary-color);border-radius:50%;cursor:pointer;border:none}@media(max-width:768px){.track-info[data-v-f6024652]{min-width:150px;max-width:200px}.control-buttons[data-v-f6024652]{gap:5px}.control-btn[data-v-f6024652]{width:36px;height:36px}.play-btn[data-v-f6024652]{width:44px;height:44px}.volume-slider[data-v-f6024652]{width:60px}}.layout[data-v-7e3b3999]{height:100vh;display:flex;flex-direction:column}.content-layout[data-v-7e3b3999]{flex:1;overflow:hidden}.n-layout-content[data-v-7e3b3999]{padding:20px;overflow-y:auto}