.player-container[data-v-1c46a654]{max-width:800px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:#f8f9fa;border-radius:16px;box-shadow:0 4px 6px #0000001a;transition:all .3s ease}.header[data-v-1c46a654]{text-align:center;margin-bottom:30px}.header h1[data-v-1c46a654]{font-size:2rem;margin-bottom:8px;color:#333}.subtitle[data-v-1c46a654]{font-size:1rem;color:#666;margin-bottom:20px}.theme-toggle[data-v-1c46a654]{position:absolute;top:20px;right:20px;background:none;border:none;cursor:pointer;font-size:1.5rem;color:#666;transition:color .3s ease}.theme-toggle[data-v-1c46a654]:hover{color:#333}.now-playing[data-v-1c46a654]{display:flex;align-items:center;margin-bottom:30px;padding:20px;background-color:#fff;border-radius:12px;box-shadow:0 2px 4px #0000000d}.track-icon[data-v-1c46a654]{margin-right:20px}.sound-wave[data-v-1c46a654]{display:flex;align-items:center;gap:4px;width:60px;height:60px;justify-content:center}.wave-bar[data-v-1c46a654]{display:block;width:6px;background-color:#4caf50;border-radius:3px;transition:height .3s ease}.sound-wave.playing .wave-bar[data-v-1c46a654]:nth-child(1){height:20px;animation:wave-1c46a654 1.2s ease-in-out infinite}.sound-wave.playing .wave-bar[data-v-1c46a654]:nth-child(2){height:30px;animation:wave-1c46a654 1.2s ease-in-out .1s infinite}.sound-wave.playing .wave-bar[data-v-1c46a654]:nth-child(3){height:40px;animation:wave-1c46a654 1.2s ease-in-out .2s infinite}.sound-wave.playing .wave-bar[data-v-1c46a654]:nth-child(4){height:30px;animation:wave-1c46a654 1.2s ease-in-out .3s infinite}.sound-wave.playing .wave-bar[data-v-1c46a654]:nth-child(5){height:20px;animation:wave-1c46a654 1.2s ease-in-out .4s infinite}@keyframes wave-1c46a654{0%,to{height:10px}50%{height:40px}}.track-info h2[data-v-1c46a654]{font-size:1.5rem;margin-bottom:4px;color:#333}.track-info p[data-v-1c46a654]{font-size:1rem;color:#666;margin:0}.progress-container[data-v-1c46a654]{display:flex;align-items:center;gap:10px;margin-bottom:20px}.progress-bar[data-v-1c46a654]{flex:1;height:6px;border-radius:3px;background:#ddd;outline:none;-webkit-appearance:none}.progress-bar[data-v-1c46a654]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#4CAF50;cursor:pointer}.progress-bar[data-v-1c46a654]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#4CAF50;cursor:pointer;border:none}.time[data-v-1c46a654]{font-size:.9rem;color:#666;min-width:45px;text-align:center}.controls[data-v-1c46a654]{display:flex;justify-content:center;gap:20px;margin-bottom:30px}.control-btn[data-v-1c46a654]{background-color:#4caf50;color:#fff;border:none;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.5rem;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.control-btn[data-v-1c46a654]:hover{background-color:#45a049;transform:scale(1.05)}.control-btn.play-btn[data-v-1c46a654]{width:80px;height:80px;font-size:2rem}.volume-control[data-v-1c46a654]{display:flex;align-items:center;gap:10px;margin-bottom:30px;padding:15px;background-color:#fff;border-radius:12px;box-shadow:0 2px 4px #0000000d}.volume-icon[data-v-1c46a654]{width:24px;height:24px;color:#666}.volume-slider[data-v-1c46a654]{flex:1;height:6px;border-radius:3px;background:#ddd;outline:none;-webkit-appearance:none}.volume-slider[data-v-1c46a654]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#4CAF50;cursor:pointer}.volume-slider[data-v-1c46a654]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#4CAF50;cursor:pointer;border:none}.volume-value[data-v-1c46a654]{font-size:.9rem;color:#666;min-width:45px;text-align:right}.timer-section[data-v-1c46a654]{margin-bottom:30px;padding:20px;background-color:#fff;border-radius:12px;box-shadow:0 2px 4px #0000000d}.timer-header[data-v-1c46a654]{display:flex;align-items:center;gap:10px;margin-bottom:20px}.timer-icon[data-v-1c46a654]{font-size:1.2rem}.timer-title[data-v-1c46a654]{font-size:1.1rem;font-weight:600;color:#333}.timer-countdown[data-v-1c46a654]{margin-left:auto;font-size:1.1rem;font-weight:600;color:#4caf50}.timer-controls[data-v-1c46a654]{display:flex;gap:10px;align-items:center}.timer-select[data-v-1c46a654]{flex:1;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:1rem;background-color:#f9f9f9}.timer-btn[data-v-1c46a654]{padding:10px 20px;background-color:#4caf50;color:#fff;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:all .3s ease}.timer-btn[data-v-1c46a654]:hover{background-color:#45a049}.timer-btn.cancel-btn[data-v-1c46a654]{background-color:#f44336}.timer-btn.cancel-btn[data-v-1c46a654]:hover{background-color:#da190b}.fadeout-toggle[data-v-1c46a654]{margin-top:20px;padding-top:20px;border-top:1px solid #eee;display:flex;align-items:center;justify-content:space-between}.fadeout-checkbox[data-v-1c46a654]{display:flex;align-items:center;gap:10px;cursor:pointer}.fadeout-text[data-v-1c46a654]{display:flex;align-items:center;gap:8px;font-size:1rem;color:#333}.fadeout-icon[data-v-1c46a654]{font-size:1.2rem}.fadeout-badge[data-v-1c46a654]{background-color:#4caf50;color:#fff;padding:2px 8px;border-radius:10px;font-size:.8rem}.fadeout-info-btn[data-v-1c46a654]{background:none;border:none;cursor:pointer;color:#666;font-size:1.2rem;transition:color .3s ease}.fadeout-info-btn[data-v-1c46a654]:hover{color:#333}.tips[data-v-1c46a654]{margin-bottom:30px;padding:15px;background-color:#e8f5e8;border-radius:8px;border-left:4px solid #4CAF50}.tips p[data-v-1c46a654]{margin:5px 0;font-size:.9rem;color:#388e3c}.playlistTitle[data-v-1c46a654]{font-size:1.3rem;margin-bottom:15px;color:#333}.playlist[data-v-1c46a654]{margin-bottom:30px;background-color:#fff;border-radius:12px;box-shadow:0 2px 4px #0000000d;overflow:hidden}.track-item[data-v-1c46a654]{padding:15px 20px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background-color .3s ease}.track-item[data-v-1c46a654]:last-child{border-bottom:none}.track-item[data-v-1c46a654]:hover{background-color:#f9f9f9}.track-item.active[data-v-1c46a654]{background-color:#e8f5e8;border-left:4px solid #4CAF50}.track-name[data-v-1c46a654]{font-size:1rem;color:#333}.github-link[data-v-1c46a654]{text-align:center;padding:20px;background-color:#f9f9f9;border-radius:12px;margin-top:30px}.github-link a[data-v-1c46a654]{display:flex;align-items:center;justify-content:center;gap:10px;color:#333;text-decoration:none;transition:color .3s ease;font-size:1rem}.github-link a[data-v-1c46a654]:hover{color:#4caf50}.star-tip[data-v-1c46a654]{margin-top:10px;font-size:.9rem;color:#666}.fadeout-modal[data-v-1c46a654]{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.fadeout-modal-content[data-v-1c46a654]{background-color:#fff;border-radius:12px;padding:30px;max-width:500px;width:90%;box-shadow:0 4px 12px #00000026}.fadeout-modal-header[data-v-1c46a654]{display:flex;align-items:center;gap:10px;margin-bottom:20px}.fadeout-modal-icon[data-v-1c46a654]{font-size:1.5rem}.fadeout-modal-header h3[data-v-1c46a654]{font-size:1.3rem;margin:0;color:#333}.fadeout-modal-body[data-v-1c46a654]{margin-bottom:30px}.fadeout-modal-body p[data-v-1c46a654]{margin:0 0 10px;color:#666;line-height:1.5}.fadeout-modal-detail[data-v-1c46a654]{font-size:.9rem;color:#888}.fadeout-modal-footer[data-v-1c46a654]{display:flex;justify-content:flex-end}.fadeout-modal-btn[data-v-1c46a654]{padding:10px 20px;background-color:#4caf50;color:#fff;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:all .3s ease}.fadeout-modal-btn[data-v-1c46a654]:hover{background-color:#45a049}.dark-mode[data-v-1c46a654]{background-color:#121212;color:#e0e0e0}.dark-mode .player-container[data-v-1c46a654]{background-color:#1e1e1e;box-shadow:0 4px 6px #0000004d}.dark-mode .now-playing[data-v-1c46a654]{background-color:#2c2c2c;box-shadow:0 2px 4px #0003}.dark-mode .track-info h2[data-v-1c46a654]{color:#e0e0e0}.dark-mode .track-info p[data-v-1c46a654]{color:#b0b0b0}.dark-mode .volume-control[data-v-1c46a654]{background-color:#2c2c2c;box-shadow:0 2px 4px #0003}.dark-mode .volume-icon[data-v-1c46a654]{color:#b0b0b0}.dark-mode .timer-section[data-v-1c46a654]{background-color:#2c2c2c;box-shadow:0 2px 4px #0003}.dark-mode .timer-title[data-v-1c46a654]{color:#e0e0e0}.dark-mode .timer-select[data-v-1c46a654]{background-color:#3c3c3c;border-color:#444;color:#e0e0e0}.dark-mode .fadeout-text[data-v-1c46a654]{color:#e0e0e0}.dark-mode .tips[data-v-1c46a654]{background-color:#1e3a20;border-left-color:#4caf50}.dark-mode .tips p[data-v-1c46a654]{color:#81c784}.dark-mode .playlist[data-v-1c46a654]{background-color:#2c2c2c;box-shadow:0 2px 4px #0003}.dark-mode .track-item[data-v-1c46a654]{border-bottom-color:#3c3c3c}.dark-mode .track-item[data-v-1c46a654]:hover{background-color:#3c3c3c}.dark-mode .track-item.active[data-v-1c46a654]{background-color:#1e3a20}.dark-mode .track-name[data-v-1c46a654]{color:#e0e0e0}.dark-mode .github-link[data-v-1c46a654]{background-color:#2c2c2c}.dark-mode .github-link a[data-v-1c46a654]{color:#e0e0e0}.dark-mode .star-tip[data-v-1c46a654]{color:#b0b0b0}.dark-mode .fadeout-modal-content[data-v-1c46a654]{background-color:#2c2c2c;box-shadow:0 4px 12px #0000004d}.dark-mode .fadeout-modal-header h3[data-v-1c46a654]{color:#e0e0e0}.dark-mode .fadeout-modal-body p[data-v-1c46a654]{color:#b0b0b0}.dark-mode .fadeout-modal-detail[data-v-1c46a654]{color:#909090}@media (max-width: 768px){.player-container[data-v-1c46a654]{padding:15px}.header h1[data-v-1c46a654]{font-size:1.5rem}.now-playing[data-v-1c46a654]{flex-direction:column;text-align:center;gap:20px}.track-icon[data-v-1c46a654]{margin-right:0}.controls[data-v-1c46a654]{gap:15px}.control-btn[data-v-1c46a654]{width:50px;height:50px;font-size:1.2rem}.control-btn.play-btn[data-v-1c46a654]{width:70px;height:70px;font-size:1.8rem}.timer-controls[data-v-1c46a654]{flex-direction:column;align-items:stretch}.timer-select[data-v-1c46a654]{width:100%}.fadeout-toggle[data-v-1c46a654]{flex-direction:column;align-items:stretch;gap:10px}.fadeout-info-btn[data-v-1c46a654]{align-self:flex-start}}@media (max-width: 480px){.header h1[data-v-1c46a654]{font-size:1.3rem}.subtitle[data-v-1c46a654]{font-size:.9rem}.track-info h2[data-v-1c46a654]{font-size:1.2rem}.control-btn[data-v-1c46a654]{width:45px;height:45px;font-size:1.1rem}.control-btn.play-btn[data-v-1c46a654]{width:65px;height:65px;font-size:1.6rem}}