.album-page{width:100%;max-width:1200px;margin:0 auto;padding:30px 20px 70px;box-sizing:border-box}.album-hero{position:relative;width:100%;min-height:460px;display:flex;align-items:flex-end;overflow:hidden;background-size:cover;background-position:50%;border-radius:22px;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 55px rgba(0,0,0,.4);isolation:isolate}.album-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,8,12,.98) 0,rgba(8,8,12,.82) 25%,rgba(8,8,12,.35) 58%,rgba(8,8,12,.05));z-index:0;pointer-events:none}.album-hero-overlay{position:relative;z-index:1;width:100%;padding:45px;box-sizing:border-box}.album-hero-overlay h1{margin:14px 0 8px;color:#fff;font-size:clamp(36px,5vw,64px);font-weight:900;line-height:1.05}.album-hero-overlay p{margin:0;color:#ddd;font-size:17px}.album-description{margin-top:25px;padding:30px;box-sizing:border-box;background:#141414;transition:background .25s ease,border-color .25s ease,box-shadow .25s ease}@media (hover:hover) and (pointer:fine){.album-description:hover{transform:none;background:#1a1a1a;border-color:rgba(148,163,184,.2);box-shadow:var(--shadow-soft)}}.album-description p{margin:15px 0 0;color:#d5d5d5;font-size:16px;line-height:1.8;white-space:pre-line}.album-player-section{margin-top:45px}.album-section-title{margin-bottom:20px}.album-section-title h2{margin:12px 0 8px;color:#fff;font-size:30px}.album-section-title p{margin:0;color:#aaa;line-height:1.6}.album-player{width:100%;padding:30px;box-sizing:border-box;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.08);border-radius:20px;box-shadow:0 15px 45px rgba(0,0,0,.3)}.album-player-current{display:flex;align-items:center;gap:18px;margin-bottom:25px}.album-player-cover{position:relative;width:88px;height:88px;flex:0 0 88px;overflow:hidden;border-radius:14px;box-shadow:0 8px 24px rgba(0,0,0,.25)}.album-player-cover img{width:100%;height:100%;display:block;object-fit:cover;border-radius:14px}.album-player-current-info{min-width:0}.album-player-label{display:block;margin-bottom:8px;color:#94a3b8;font-size:11px;font-weight:800;letter-spacing:.12em}.album-player-current h3{margin:0;color:#fff;font-size:25px;line-height:1.3}.album-player-current p{margin:6px 0 0;color:#aaa;font-size:14px;line-height:1.4}.album-player-progress{margin-bottom:20px}.album-player-progress input{width:100%;display:block;margin:0;accent-color:#94a3b8;cursor:pointer}.album-player-times{display:flex;justify-content:space-between;margin-top:7px;color:#999;font-size:12px}.album-player-controls{display:flex;align-items:center;justify-content:center;gap:20px;margin:20px 0 30px}.album-player-control,.album-player-play{border:0;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:transform .2s ease,background .2s ease}.album-player-control{width:48px;height:48px;background:transparent;border:2px solid rgba(255,255,255,.5);border-radius:50%;font-size:18px}.album-player-play{width:64px;height:64px;background:transparent;border:2px solid #ffffff;border-radius:50%;font-size:20px}@media (hover:hover) and (pointer:fine){.album-player-control:hover{transform:scale(1.06);border-color:#ffffff}.album-player-play:hover{transform:scale(1.06);background:#ffffff;color:#111111;box-shadow:0 8px 25px rgba(255,255,255,.3)}}.album-player-playlist{border-top:1px solid rgba(255,255,255,.08);padding-top:22px}.album-player-playlist-title{margin-bottom:10px;color:#888;font-size:11px;font-weight:800;letter-spacing:.12em}.album-player-track{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) 30px;align-items:center;grid-gap:10px;gap:10px;padding:13px 12px;border:1px solid transparent;background:transparent;border-radius:10px;color:#ddd;text-align:left;cursor:pointer;box-sizing:border-box;transition:background .2s ease,border-color .2s ease}.album-player-track:hover{background:rgba(255,255,255,.05)}.album-player-track.active{background:rgba(148,163,184,.1);border-color:rgba(148,163,184,.3)}.album-player-track-number{color:#777;font-size:12px;font-weight:700}.album-player-track.active
.album-player-track-number{color:#94a3b8}.album-player-track-title{min-width:0;overflow:hidden;color:#ddd;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.album-player-track-icon{color:#888;text-align:center}.album-player-track.active
.album-player-track-icon{color:#94a3b8}.album-player-empty{padding:35px 20px;color:#999;text-align:center}@media (max-width:700px){.album-page{padding:20px 15px 50px}.album-player-volume{max-width:100%}.album-hero{min-height:340px;border-radius:17px}.album-hero-overlay{padding:28px 22px}.album-hero-overlay h1{font-size:38px}.album-hero-overlay p{font-size:15px}.album-description{padding:22px 20px}.album-description p{font-size:14px;line-height:1.7}.album-section-title h2{font-size:26px}.album-player{padding:22px 18px;border-radius:17px}.album-player-current{flex-direction:column;align-items:center;text-align:center;gap:12px;margin-bottom:25px}.album-player-cover{width:150px;height:150px;flex:0 0 150px;border-radius:18px}.album-player-cover img{border-radius:18px}.album-player-current-info{width:100%}.album-player-label{margin-bottom:6px;font-size:10px}.album-player-current h3{line-height:1.3}.album-player-current p{margin-top:5px;font-size:13px}.album-player-current h3{font-size:21px}.album-player-controls{gap:14px}.album-player-control{width:44px;height:44px}.album-player-play{width:58px;height:58px}.album-player-track{grid-template-columns:35px minmax(0,1fr) 25px;padding:12px 8px}}.album-back-wrapper{display:flex;justify-content:center;margin-top:30px}.album-back-button{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;color:#ffffff;text-decoration:none;background:transparent;border:2px solid #ffffff;border-radius:10px;font-size:15px;font-weight:800;transition:background .2s var(--ease-out),color .2s var(--ease-out),transform .16s var(--ease-out),box-shadow .2s var(--ease-out)}@media (hover:hover) and (pointer:fine){.album-back-button:hover{background:#ffffff;color:#111111;transform:translateY(-2px);box-shadow:0 10px 25px rgba(255,255,255,.35)}}.album-back-button:active{transform:scale(.97)}.album-player-volume{display:flex;align-items:center;gap:12px;width:100%;max-width:320px;margin:0 auto 25px}.album-player-volume span{flex-shrink:0;font-size:17px}.album-player-volume input{width:100%;margin:0;accent-color:#94a3b8;cursor:pointer}