*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:#f5f5f5;color:#333;line-height:1.6}#app{max-width:100%;margin:0 auto;padding:20px}.audio-player{background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #0000001a;padding:30px;margin:20px auto;max-width:600px}.album-title h1{text-align:center;margin-bottom:30px;color:#2c3e50;font-size:2rem;border-bottom:2px solid #42b883;padding-bottom:10px}.player-controls{display:flex;justify-content:center;align-items:center;gap:20px;margin:30px 0}.control-btn,.play-btn{padding:12px 24px;font-size:16px;border:none;border-radius:30px;cursor:pointer;background-color:#42b883;color:#fff;transition:all .3s ease;outline:none}.control-btn:hover:not(:disabled),.play-btn:hover{background-color:#359c6d;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.control-btn:disabled{background-color:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.play-btn{width:80px;height:80px;border-radius:50%;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center}.progress-container{display:flex;align-items:center;gap:15px;margin-top:20px}.progress-bar{flex:1;height:8px;background-color:#e0e0e0;border-radius:4px;cursor:pointer;position:relative;transition:height .2s}.progress-bar:hover{height:12px}.progress{height:100%;background-color:#42b883;border-radius:4px;transition:width .1s}@media(max-width:600px){.audio-player{padding:20px 15px;margin:10px}.album-title h1{font-size:1.5rem}.player-controls{gap:10px}.control-btn,.play-btn{padding:10px 20px;font-size:14px}.play-btn{width:60px;height:60px}}.audio-player[data-v-487a9960]{max-width:600px;margin:0 auto;padding:20px;text-align:center;background:linear-gradient(135deg,#fdf6e3,#fff8e1);border-radius:15px;box-shadow:0 10px 30px #0000001a;font-family:KaiTi,STKaiti,serif;border:1px solid #d4c8a6;position:relative;overflow:hidden}.audio-player[data-v-487a9960]:before{content:"";position:absolute;top:-50px;left:-50px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,#ffffff4d,#fff0 70%)}.audio-player[data-v-487a9960]:after{content:"";position:absolute;bottom:-30px;right:-30px;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,#fff3,#fff0 70%)}.album-title h1[data-v-487a9960]{margin-bottom:30px;color:#8c4c1e;font-size:1.8rem;text-align:center;padding:10px;border-bottom:2px solid #d4c8a6;position:relative;font-weight:400}.album-title h1[data-v-487a9960]:after{content:"";position:absolute;bottom:-3px;left:50%;transform:translate(-50%);width:100px;height:2px;background:linear-gradient(to right,transparent,#b78b53,transparent)}.player-controls[data-v-487a9960]{display:flex;justify-content:center;align-items:center;gap:30px;margin:30px 0;position:relative}.player-controls[data-v-487a9960]:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,#d4c8a6,transparent);z-index:-1}.control-btn[data-v-487a9960],.play-btn[data-v-487a9960]{padding:12px 24px;font-size:16px;border:none;border-radius:30px;cursor:pointer;background:linear-gradient(to bottom,#e9d8b3,#d4c19c);color:#8c4c1e;transition:all .3s ease;box-shadow:0 4px 8px #0000001a;font-family:KaiTi,STKaiti,serif;position:relative;overflow:hidden;z-index:1}.control-btn[data-v-487a9960]:before,.play-btn[data-v-487a9960]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#f8f0da,#e9d8b3);z-index:-1;opacity:0;transition:opacity .3s ease}.control-btn[data-v-487a9960]:hover:not(:disabled):before,.play-btn[data-v-487a9960]:hover:not(:disabled):before{opacity:1}.control-btn[data-v-487a9960]:hover:not(:disabled),.play-btn[data-v-487a9960]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.control-btn[data-v-487a9960]:disabled{background:linear-gradient(to bottom,#f0e8d0,#e0d4b8);color:#b8a482;cursor:not-allowed;box-shadow:none}.play-btn[data-v-487a9960]{width:90px;height:90px;border-radius:50%;font-size:18px;font-weight:700;padding:0;display:flex;align-items:center;justify-content:center}.play-btn[data-v-487a9960]:hover{transform:scale(1.05)}.progress-container[data-v-487a9960]{display:flex;align-items:center;gap:15px;margin-top:30px;padding:0 10px}.progress-bar[data-v-487a9960]{flex:1;height:10px;background:linear-gradient(to bottom,#f0e6cc,#e0d4b8);border-radius:5px;cursor:pointer;position:relative;box-shadow:inset 0 2px 4px #0000001a;overflow:hidden}.progress-bar[data-v-487a9960]:before{content:"";position:absolute;inset:0;background:linear-gradient(to right,#e0d4b8,#d4c19c);opacity:.3}.progress[data-v-487a9960]{height:100%;background:linear-gradient(to right,#c19a6b,#b78b53);border-radius:5px;transition:width .1s;position:relative;box-shadow:0 0 10px #c19a6b80}.progress[data-v-487a9960]:after{content:"";position:absolute;inset:0;background:linear-gradient(to right,rgba(255,255,255,.4),transparent)}.track-name[data-v-487a9960]{text-align:center;margin:25px 0;padding:15px;background:#f8f0da80;border-radius:10px;border:1px dashed #d4c8a6}.track-name h3[data-v-487a9960]{font-size:1.3rem;color:#8c4c1e;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:400}.loading[data-v-487a9960]{text-align:center;padding:30px;font-size:1.3rem;color:#b78b53;background:#f8f0dab3;border-radius:10px;margin:20px 0}.error[data-v-487a9960]{text-align:center;padding:20px;font-size:1rem;color:#c15a5a;background-color:#fdf2f2;border:1px solid #f5c6cb;border-radius:10px;margin:20px 0;box-shadow:0 4px 8px #0000001a}@media(max-width:768px){.audio-player[data-v-487a9960]{padding:20px;margin:15px}.album-title h1[data-v-487a9960]{font-size:1.8rem;margin-bottom:25px}.player-controls[data-v-487a9960]{gap:20px;margin:25px 0}.control-btn[data-v-487a9960],.play-btn[data-v-487a9960]{padding:12px 24px;font-size:16px}.play-btn[data-v-487a9960]{width:80px;height:80px;font-size:18px}.progress-container[data-v-487a9960]{gap:12px;margin-top:25px}.progress-container span[data-v-487a9960]{font-size:1.1rem}.progress-bar[data-v-487a9960]{height:12px}.track-name h3[data-v-487a9960]{font-size:1.3rem;padding:18px}.loading[data-v-487a9960]{font-size:1.4rem;padding:25px}.error[data-v-487a9960]{font-size:1.1rem;padding:22px}}@media(max-width:480px){.audio-player[data-v-487a9960]{padding:15px;margin:10px}.album-title h1[data-v-487a9960]{font-size:1.6rem;margin-bottom:20px}.player-controls[data-v-487a9960]{gap:15px;margin:20px 0}.control-btn[data-v-487a9960],.play-btn[data-v-487a9960]{padding:10px 20px;font-size:15px}.play-btn[data-v-487a9960]{width:70px;height:70px;font-size:16px}.progress-container[data-v-487a9960]{gap:10px;margin-top:20px}.progress-container span[data-v-487a9960]{font-size:1rem}.progress-bar[data-v-487a9960]{height:11px}.track-name h3[data-v-487a9960]{font-size:1.2rem;padding:15px}.loading[data-v-487a9960]{font-size:1.3rem;padding:20px}.error[data-v-487a9960]{font-size:1rem;padding:18px}}.app[data-v-d86c69c6]{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:20px;box-sizing:border-box}