.audio-player[data-v-69b778ec]{font-family:Arial,sans-serif;max-width:600px;margin:1rem auto;padding:1rem;background-color:#f5f5f5;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.controls[data-v-69b778ec]{display:flex;align-items:center;gap:1rem}.play-pause-btn[data-v-69b778ec]{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:50%;transition:background-color .2s}.play-pause-btn[data-v-69b778ec]:hover{background-color:rgba(0,0,0,.1)}.play-pause-btn[data-v-69b778ec]:disabled{opacity:.5;cursor:not-allowed}.progress-container[data-v-69b778ec]{flex-grow:1;display:flex;flex-direction:column;gap:.5rem}.progress-bar[data-v-69b778ec]{height:8px;background-color:#e0e0e0;border-radius:4px;position:relative;cursor:pointer}.progress-filled[data-v-69b778ec]{height:100%;background-color:#42b983;border-radius:4px;transition:width .1s linear}.loading-indicator[data-v-69b778ec]{position:absolute;height:100%;width:20px;background-color:rgba(66,185,131,.3);animation:loading-69b778ec 1.5s infinite}@keyframes loading-69b778ec{0%{left:0}50%{left:calc(100% - 20px)}to{left:0}}.time-display[data-v-69b778ec]{display:flex;justify-content:space-between;font-size:.8rem;color:#666}.volume-control[data-v-69b778ec]{display:flex;align-items:center;gap:.5rem;width:120px}.volume-control button[data-v-69b778ec]{background:none;border:none;cursor:pointer;font-size:1rem}.volume-control input[data-v-69b778ec]{width:80px}.error-message[data-v-69b778ec]{margin-top:.5rem;color:#e74c3c;font-size:.9rem;padding:.5rem;background-color:rgba(231,76,60,.1);border-radius:4px}@media (max-width:480px){.controls[data-v-69b778ec]{flex-direction:column;align-items:stretch}.volume-control[data-v-69b778ec]{width:100%;margin-top:.5rem}.volume-control input[data-v-69b778ec]{width:100%}}.header[data-v-17a3e72f]{padding:10px 10px;width:100%;height:50px}.header .box[data-v-17a3e72f]{background:#fff;width:100%;height:50px;border-radius:8px;display:flex;justify-content:space-between;align-items:center}.header .box .left[data-v-17a3e72f]{display:flex;justify-content:space-around;gap:10px}.pagination[data-v-17a3e72f]{text-align:center;background-color:#fff;bottom:-48px;padding:10px 0;border-radius:0 0 10px 10px}