#cp{--ink:#243752;--muted:#8896ac;--line:#e7ecf5;--surface:#fff;--accent:#3155df;position:fixed;z-index:14000;right:24px;top:50%;transform:translateY(-50%);font-family:Arial,"Microsoft YaHei",sans-serif;color:var(--ink)}#cp *{box-sizing:border-box}#cp button{border:0;cursor:pointer;font:inherit;color:inherit;background:none;display:inline-flex;align-items:center;justify-content:center}#cp svg{width:19px;height:19px;flex:none}#cp button:focus-visible,#cp input:focus-visible{outline:2px solid #8ba3ff;outline-offset:3px}#cp .cp-launch{width:48px;height:48px;border:1px solid var(--line);border-radius:50%;background:var(--surface);box-shadow:0 5px 24px #283d5b0c;color:var(--accent)}#cp.open .cp-launch{display:none}#cp .cp-panel{display:none;width:326px;padding:25px;border-radius:23px;border:1px solid var(--line);background:var(--surface);box-shadow:0 12px 45px #26365012}#cp.open .cp-panel{display:block;animation:cp-in .23s ease both}#cp .cp-head{display:flex;align-items:center;justify-content:space-between;font:9px Arial;letter-spacing:2px;color:var(--muted);margin-bottom:24px}#cp .cp-head button{width:26px;height:26px;color:var(--muted)}#cp .cp-head svg{width:15px;height:15px}#cp .cp-cover{width:64px;height:64px;border-radius:17px;background:#eef2fc;display:grid;place-items:center;position:relative;overflow:hidden;color:var(--accent)}#cp .cp-cover:before,#cp .cp-cover:after{content:'';width:80px;height:80px;position:absolute;border:1px solid #9cafe955;border-radius:50%;left:-38px;top:25px}#cp .cp-cover:after{left:25px;top:-37px}#cp .cp-now{display:flex;align-items:center;gap:17px}#cp h2{font-size:20px;margin:0 0 9px;font-weight:550;letter-spacing:-.5px;color:var(--ink)}#cp .cp-artist{font-size:11px;color:var(--muted);margin:0}#cp .cp-seek{width:100%;height:4px;margin:25px 0 7px;display:block;accent-color:var(--accent);cursor:pointer}#cp .cp-time{display:flex;justify-content:space-between;font:9px Arial;letter-spacing:1px;color:var(--muted)}#cp .cp-controls{display:flex;align-items:center;justify-content:center;gap:23px;margin:18px 0 22px}#cp .cp-controls button{width:32px;height:32px;color:var(--muted)}#cp .cp-controls .cp-play{width:46px;height:46px;border-radius:50%;background:var(--accent);color:white}#cp .cp-volume{display:flex;align-items:center;gap:10px;padding:13px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted)}#cp .cp-volume svg{width:15px;height:15px}#cp .cp-volume input{width:80px;height:3px;accent-color:var(--accent)}#cp .cp-volume button{margin-left:auto;font-size:10px}#cp .cp-list-label{font:9px Arial;letter-spacing:2px;color:var(--muted);margin:23px 0 10px}#cp .cp-track{width:100%;gap:12px;text-align:left;padding:11px 10px;margin:3px 0;border-radius:10px;justify-content:flex-start;font-size:11px;color:var(--muted)}#cp .cp-track span:first-child{font:9px Arial;opacity:.65}#cp .cp-track span:nth-child(2){flex:1}#cp .cp-track.active{background:#edf2ff;color:var(--accent)}#cp .cp-track.active:after{content:'•';font-size:18px}#cp .cp-track:hover{background:#f3f6fc}#cp .cp-status{font-size:10px;color:var(--muted);line-height:1.6;margin:12px 0 0;min-height:16px}#cp .cp-disc{display:none}@keyframes cp-in{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}@media(max-width:640px){#cp{right:12px;top:auto;bottom:78px;transform:none}#cp .cp-panel{width:min(326px,calc(100vw - 24px));padding:20px;max-height:calc(100dvh - 110px);overflow:auto}}@media(prefers-reduced-motion:reduce){#cp.open .cp-panel{animation:none}}.ed-xiaomi-cover,.ed-r28-cover{--stable-radius:24px;clip-path:inset(0 round var(--stable-radius));overflow:hidden}.ed-featured-xiaomi:not(.is-featured) .ed-xiaomi-cover,.ed-r28-cover{--stable-radius:23px}@media(max-width:640px){.ed-xiaomi-cover,.ed-r28-cover{--stable-radius:18px}}
#cp input[type=range]{appearance:none;-webkit-appearance:none;border:0;border-radius:99px;background:var(--line);height:3px;padding:0}#cp input[type=range]::-webkit-slider-thumb{appearance:none;width:9px;height:9px;border:0;border-radius:50%;background:var(--accent);box-shadow:none}#cp input[type=range]::-moz-range-thumb{width:9px;height:9px;border:0;border-radius:50%;background:var(--accent)}
/* Keep the pointer ring above floating controls; never intercept pointer input. */
.portfolio-page .cursor.home-pointer-cursor{z-index:20000;pointer-events:none}
#cp button{transition:transform .2s ease,background-color .2s ease,color .2s ease,box-shadow .2s ease,border-color .2s ease}
#cp .cp-launch svg{transition:transform .25s ease}
#cp .cp-controls button,#cp .cp-head button{border-radius:50%}
#cp .cp-volume button{border-radius:7px;padding:5px 7px}
@media(hover:hover) and (pointer:fine){
#cp .cp-launch:hover{background:#3155df;color:#fff;border-color:#3155df;transform:translateY(-3px) scale(1.06);box-shadow:0 7px 20px #3155df2b}
#cp .cp-launch:hover svg{transform:rotate(-8deg) scale(1.12)}
#cp .cp-controls .cp-play:hover{background:#2445c2;transform:scale(1.09);box-shadow:0 5px 17px #3155df38}
#cp .cp-controls button:not(.cp-play):hover,#cp .cp-head button:hover{background:#edf2ff;color:#3155df;transform:translateY(-2px)}
#cp .cp-volume button:hover{background:#edf2ff;color:#3155df}
#cp .cp-track:hover{background:#e7eeff;color:#3155df;transform:translateX(3px)}
#cp .cp-track.active:hover{background:#dce6ff}
#cp input[type=range]:hover::-webkit-slider-thumb{box-shadow:0 0 0 4px #3155df20}
}
#cp button:active{transform:scale(.96)}
@media(prefers-reduced-motion:reduce){#cp button,#cp .cp-launch svg{transition:none}#cp button:hover,#cp .cp-launch:hover svg,#cp button:active{transform:none}}