@layer player-base, site, lists, player-final, track, list-final;
@layer player-base{
  body.player-active{padding-bottom:100px;}
  .music-player{position:fixed;left:14px;right:14px;bottom:14px;z-index:1000;display:grid;grid-template-columns:48px minmax(180px,1fr) minmax(180px,2fr) auto;gap:14px;align-items:center;padding:11px 14px;border:1px solid rgba(165,28,255,.72);border-radius:20px;background:rgba(8,7,13,.95);backdrop-filter:blur(12px);box-shadow:0 0 28px rgba(165,28,255,.24),0 14px 45px rgba(0,0,0,.45);color:#f5f5f8;}
  .music-player[hidden]{display:none;}
  .mp-main{width:44px;height:44px;border:1px solid rgba(165,28,255,.8);border-radius:14px;color:#fff;background:linear-gradient(135deg,#a51cff,#711bff);cursor:pointer;font-size:19px;}
  .mp-info{min-width:0;}
  .mp-title,.mp-artist{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .mp-title{font-size:14px;font-weight:800;}
  .mp-artist{margin-top:3px;font-size:12px;color:#9d9da8;}
  .mp-progress{display:grid;grid-template-columns:42px 1fr 42px;gap:9px;align-items:center;}
  .mp-progress span{font-size:11px;color:#9999a4;text-align:center;}
  .mp-range{width:100%;accent-color:#a51cff;cursor:pointer;}
  .mp-volume{display:flex;align-items:center;gap:6px;color:#9999a4;}
  .mp-volume input{width:80px;accent-color:#a51cff;}
  @media (max-width:700px){
    body.player-active{padding-bottom:132px;}
    .music-player{left:8px;right:8px;bottom:8px;grid-template-columns:44px minmax(0,1fr);gap:8px 11px;padding:10px;border-radius:17px;}
    .mp-progress{grid-column:1/-1;}
    .mp-volume{display:none;}
  }
  .music-player{grid-template-columns:auto minmax(130px,1fr) minmax(220px,2fr) auto auto;}
  .mp-controls{display:flex;align-items:center;gap:6px;}
  .mp-prev,.mp-next,.mp-share{appearance:none;-webkit-appearance:none;border:1px solid rgba(255,255,255,.12);background:#121019;color:#bbb;border-radius:10px;min-width:36px;height:36px;padding:0 8px;cursor:pointer;font:inherit;}
  .mp-prev:hover,.mp-next:hover,.mp-share:hover{color:#fff;border-color:rgba(180,48,255,.58);}
  .mp-share{font-size:19px;}
  .mp-toast{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%);padding:7px 11px;border:1px solid rgba(180,48,255,.45);border-radius:10px;background:rgba(12,10,17,.96);color:#ddd;font-size:12px;white-space:nowrap;box-shadow:0 10px 30px rgba(0,0,0,.35);}
  @media (max-width:760px){
    .music-player{grid-template-columns:auto minmax(0,1fr) auto;}
    .mp-progress{grid-column:1/-1;}
    .mp-volume{display:none;}
    .mp-prev,.mp-next,.mp-share{min-width:34px;height:34px;}
  }
  .site-toast{position:fixed;left:50%;bottom:110px;transform:translateX(-50%);z-index:10050;padding:9px 14px;border:1px solid rgba(180,48,255,.58);border-radius:12px;background:rgba(10,8,14,.97);color:#fff;font-size:13px;white-space:nowrap;box-shadow:0 12px 35px rgba(0,0,0,.45);}
  .site-toast[hidden]{display:none;}
  .music-player .mp-range{outline:none;-webkit-tap-highlight-color:transparent;-webkit-focus-ring-color:transparent;box-shadow:none;}
  .music-player .mp-range:focus, .music-player .mp-range:active, .music-player .mp-range:focus-visible{outline:none;box-shadow:none;-webkit-tap-highlight-color:transparent;}
  .music-player .mp-progress{outline:none;-webkit-tap-highlight-color:transparent;}
  .music-player .mp-progress:focus, .music-player .mp-progress:active, .music-player .mp-progress:focus-within{outline:none;box-shadow:none;}
}
@layer player-final{
  .music-player .mp-title{display:block;position:relative;width:100%;min-width:0;max-width:100%;margin:0;padding:0;overflow:hidden;white-space:nowrap;text-overflow:clip;font-family:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-size:14px;font-weight:800;font-style:normal;line-height:18px;letter-spacing:0;word-spacing:0;font-stretch:normal;font-variant:normal;box-sizing:border-box;transform:none;will-change:auto;scroll-behavior:auto;scrollbar-width:none;}
  .music-player .mp-title::-webkit-scrollbar{display:none;}
  .music-player .mp-title-marquee-inner, .music-player .mp-title-scroll-inner{display:inline;margin:0;padding:0;font:inherit;letter-spacing:inherit;word-spacing:inherit;transform:none;transition:none;animation:none;will-change:auto;}
  .music-player .mp-close{appearance:none;-webkit-appearance:none;display:grid;place-items:center;width:32px;min-width:32px;max-width:32px;height:32px;min-height:32px;max-height:32px;margin:0;padding:0;box-sizing:border-box;border:1px solid rgba(190,55,255,.55);border-radius:10px;background:rgba(20,14,26,.92);color:#c9bfce;font-family:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-size:22px;font-weight:300;line-height:1;cursor:pointer;transition:border-color .15s ease, background .15s ease, color .15s ease, box-shadow .15s ease, transform .08s ease;}
  @media (hover:hover){
    .music-player .mp-close:hover{color:#fff;border-color:#cb38ff;background:rgba(165,28,255,.17);box-shadow:0 0 14px rgba(165,28,255,.25);}
  }
  .music-player .mp-close:active{transform:scale(.94);}
  @media (max-width:760px){
    body .music-player, body .music-player.has-desktop-cover{grid-template-columns:42px minmax(0,1fr) 34px 32px;grid-template-areas:"cover    info     share close" "controls controls controls controls" "progress progress progress progress";column-gap:7px;row-gap:8px;}
    body .music-player .mp-close{grid-area:close;justify-self:end;align-self:center;}
    body .music-player .mp-share{grid-area:share;justify-self:end;align-self:center;}
    body .music-player .mp-info{min-width:0;overflow:hidden;}
    body .music-player .mp-title, body .music-player .mp-artist{min-width:0;max-width:100%;overflow:hidden;}
  }
  @media (min-width:761px){
    body .music-player, body .music-player.has-desktop-cover{grid-template-columns:auto 48px minmax(220px,1.65fr) minmax(190px,1fr) 38px 32px;grid-template-areas:"controls cover info progress share close";column-gap:9px;}
    body .music-player .mp-close{grid-area:close;justify-self:end;align-self:center;}
  }
  @media (max-width:360px){
    body .music-player, body .music-player.has-desktop-cover{grid-template-columns:38px minmax(0,1fr) 32px 30px;column-gap:5px;}
    body .music-player .mp-close{width:30px;min-width:30px;max-width:30px;height:30px;min-height:30px;max-height:30px;font-size:20px;border-radius:9px;}
  }
}

@layer player-base, site, lists, player-final, track, list-final;
@layer track{
  html.page-track, body.page-track{max-width:100%;overflow-x:hidden;}
  body.page-track.player-active{padding-bottom:24px;}
  body.page-track main{width:min(820px, calc(100% - max(24px, env(safe-area-inset-left)) - max(24px, env(safe-area-inset-right))));max-width:none;margin-left:auto;margin-right:auto;box-sizing:border-box;}
  body.page-track #panel{display:none;}
  body.page-track .track-site-title{margin:0;font-size:24px;line-height:1.15;font-weight:700;}
  body.page-track .music-player{position:relative;inset:auto;width:100%;max-width:100%;margin:18px auto 0;padding:16px;box-sizing:border-box;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 42px 42px;grid-template-areas:"info info info" "controls controls controls" "progress repeat share";column-gap:10px;row-gap:14px;align-items:center;border-radius:18px;}
  body.page-track .music-player[hidden]{display:none;}
  body.page-track .music-player .mp-info{grid-area:info;width:100%;min-width:0;margin:0;padding:0 44px;box-sizing:border-box;overflow:hidden;text-align:center;}
  body.page-track .music-player .mp-title{width:100%;min-width:0;margin:0;overflow:hidden;white-space:nowrap;text-align:center;font-size:16px;line-height:20px;}
  body.page-track .music-player .mp-artist{width:100%;min-width:0;margin-top:5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;font-size:13px;}
  body.page-track .music-player .mp-controls{grid-area:controls;display:flex;width:100%;min-width:0;justify-content:center;align-items:center;gap:8px;margin:0;padding:0;}
  body.page-track .music-player .mp-prev, body.page-track .music-player .mp-next{display:none;}
  body.page-track .music-player .mp-main{display:grid;place-items:center;width:54px;min-width:54px;max-width:54px;height:54px;margin:0;padding:0;font-size:21px;border-radius:17px;}
  body.page-track .music-player .mp-progress{grid-area:progress;display:grid;grid-template-columns:38px minmax(0,1fr) 38px;gap:7px;width:100%;min-width:0;max-width:100%;margin:0;padding:0;align-items:center;box-sizing:border-box;}
  body.page-track .music-player .mp-now, body.page-track .music-player .mp-end{width:38px;min-width:38px;margin:0;white-space:nowrap;text-align:center;font-size:11px;}
  body.page-track .music-player .mp-range{display:block;width:100%;min-width:0;max-width:100%;margin:0;padding:0;box-sizing:border-box;}
  body.page-track .music-player .mp-volume{display:none;}
  body.page-track .music-player .mp-repeat-track, body.page-track .music-player .mp-share{display:grid;place-items:center;width:42px;min-width:42px;max-width:42px;height:42px;margin:0;padding:0;align-self:center;box-sizing:border-box;}
  body.page-track .music-player .mp-repeat-track{grid-area:repeat;appearance:none;-webkit-appearance:none;border:1px solid rgba(110,110,130,.42);border-radius:13px;background:rgba(20,18,27,.96);color:#aaa;cursor:pointer;transition:border-color .15s ease, background .15s ease, color .15s ease, box-shadow .15s ease;}
  body.page-track .music-player .mp-repeat-track:hover{color:#fff;border-color:rgba(165,28,255,.72);}
  body.page-track .music-player .mp-repeat-track.is-active{color:#fff;border-color:#a51cff;background:linear-gradient(135deg, rgba(165,28,255,.95), rgba(113,27,255,.95));box-shadow:0 0 16px rgba(165,28,255,.28);}
  body.page-track .music-player .mp-repeat-icon{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;}
  body.page-track .music-player .mp-repeat-one{stroke-width:2.2;}
  body.page-track .music-player .mp-repeat-track.is-active .mp-repeat-icon{transform:scale(1.04);}
  body.page-track .music-player .mp-share{grid-area:share;justify-self:end;}
  body.page-track .music-player .mp-close{position:absolute;top:12px;right:12px;z-index:2;}
  body.page-track .music-player.has-track-cover{grid-template-areas:"cover cover cover" "info info info" "controls controls controls" "progress repeat share";}
  body.page-track .music-player .mp-cover-wrap{grid-area:cover;display:none;width:160px;height:160px;justify-self:center;margin:0 auto 2px;border-radius:18px;overflow:hidden;background:transparent;border:1px solid transparent;box-shadow:none;visibility:hidden;opacity:0;}
  body.page-track .music-player.has-track-cover .mp-cover-wrap{display:block;}
  body.page-track .music-player.cover-image-ready .mp-cover-wrap{visibility:visible;opacity:1;border-color:rgba(165,28,255,.38);box-shadow:0 10px 32px rgba(0,0,0,.32), 0 0 18px rgba(165,28,255,.12);}
  body.page-track .music-player .mp-cover{display:block;width:100%;height:100%;object-fit:cover;border:0;}
  @media (max-width:600px){
    body.page-track main{width:auto;margin-left:max(9px, env(safe-area-inset-left));margin-right:max(9px, env(safe-area-inset-right));}
    body.page-track .track-site-title{font-size:22px;}
    body.page-track .music-player{margin-top:14px;padding:13px 11px;grid-template-columns:minmax(0,1fr) 38px 38px;column-gap:7px;row-gap:12px;border-radius:17px;}
    body.page-track .music-player .mp-info{padding-left:40px;padding-right:40px;}
    body.page-track .music-player .mp-title{font-size:15px;line-height:19px;}
    body.page-track .music-player .mp-artist{font-size:12px;}
    body.page-track .music-player .mp-main{width:50px;min-width:50px;max-width:50px;height:50px;border-radius:16px;}
    body.page-track .music-player .mp-progress{grid-template-columns:34px minmax(0,1fr) 34px;gap:5px;}
    body.page-track .music-player .mp-now, body.page-track .music-player .mp-end{width:34px;min-width:34px;font-size:10px;}
    body.page-track .music-player .mp-repeat-track, body.page-track .music-player .mp-share{width:38px;min-width:38px;max-width:38px;height:40px;}
    body.page-track .music-player .mp-cover-wrap{width:150px;height:150px;border-radius:17px;}
    body.page-track .music-player .mp-close{top:10px;right:10px;}
  }
  @media (max-width:350px){
    body.page-track .music-player{padding:11px 8px;grid-template-columns:minmax(0,1fr) 36px 36px;column-gap:5px;}
    body.page-track .music-player .mp-info{padding-left:36px;padding-right:36px;}
    body.page-track .music-player .mp-progress{grid-template-columns:31px minmax(0,1fr) 31px;gap:3px;}
    body.page-track .music-player .mp-now, body.page-track .music-player .mp-end{width:31px;min-width:31px;font-size:9px;}
    body.page-track .music-player .mp-repeat-track, body.page-track .music-player .mp-share{width:36px;min-width:36px;max-width:36px;height:38px;}
    body.page-track .music-player .mp-cover-wrap{width:132px;height:132px;border-radius:15px;}
  }
}

@layer player-final{
  .music-player.player-mode-list .mp-repeat-track{display:none!important;}
  .music-player .mp-audio{display:none;}
}


@layer player-final{
  .music-player .mp-cover-wrap.mp-cover-zoom-ready{
    cursor:zoom-in;
    -webkit-tap-highlight-color:transparent;
    touch-action:manipulation;
  }
  .music-player .mp-cover-wrap.mp-cover-zoom-ready:focus-visible{
    outline:2px solid rgba(203,56,255,.95);
    outline-offset:3px;
  }
  .music-player .mp-cover-wrap.mp-cover-zoom-ready .mp-cover{
    -webkit-user-drag:none;
    user-select:none;
  }

  .mp-cover-popover[hidden]{display:none!important;}
  .mp-cover-popover{
    position:fixed;
    left:var(--mp-cover-popover-left,12px);
    top:var(--mp-cover-popover-top,12px);
    z-index:2147482000;
    width:var(--mp-cover-popover-width,300px);
    height:var(--mp-cover-popover-height,300px);
    box-sizing:border-box;
    opacity:0;
    transform:translateY(14px) scale(.18);
    transform-origin:var(--mp-cover-popover-origin-x,50%) 100%;
    transition:
      transform .17s cubic-bezier(.2,.78,.25,1),
      opacity .11s ease;
    pointer-events:none;
    will-change:transform,opacity;
  }
  .mp-cover-popover.opens-below{
    transform:translateY(-14px) scale(.18);
    transform-origin:var(--mp-cover-popover-origin-x,50%) 0%;
  }
  .mp-cover-popover.is-open{
    opacity:1;
    transform:translateY(0) scale(1);
    pointer-events:auto;
  }
  .mp-cover-popover-image{
    display:block;
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    object-fit:contain;
    border:1px solid rgba(183,44,255,.48);
    border-radius:12px;
    background:#111018;
    box-sizing:border-box;
    box-shadow:
      0 14px 38px rgba(0,0,0,.48),
      0 0 18px rgba(165,28,255,.16);
    cursor:zoom-out;
    -webkit-user-drag:none;
    user-select:none;
  }

  @media(max-width:600px){
    .mp-cover-popover-image{
      border-radius:10px;
      box-shadow:
        0 10px 28px rgba(0,0,0,.46),
        0 0 14px rgba(165,28,255,.14);
    }
  }

  @media(prefers-reduced-motion:reduce){
    .mp-cover-popover{transition:none;}
  }
}
/* cover-popover-core-v2 */