.srx-sakura{position:fixed;left:0;top:0;width:100%;height:100%;z-index:9998;pointer-events:none}.srxmp-dock{position:fixed;left:0;z-index:9999999;display:flex;align-items:flex-start;transition:top .45s cubic-bezier(.34,1.56,.64,1),opacity .3s}.srxmp-bar{width:9px;height:45px;background:#646478b3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:0 6px 6px 0;display:flex;align-items:center;justify-content:center;cursor:grab;-webkit-user-select:none;user-select:none;box-shadow:2px 0 12px #0000001f;transition:all .2s;flex-shrink:0;border:1px solid rgba(255,255,255,.2);border-left:none;touch-action:none}.srxmp-bar i{font-style:normal;font-size:14px;color:#fff;opacity:0;transition:opacity .2s;display:flex;align-items:center;justify-content:center}.srxmp-bar:hover{width:24px;background:#646478d9}.srxmp-bar:hover i{opacity:1}.srxmp-bar:active{cursor:grabbing}.srxmp-panel{margin-left:2px;width:300px;max-height:65vh;background:#ffffffad;backdrop-filter:blur(28px) saturate(200%);-webkit-backdrop-filter:blur(28px) saturate(200%);border-radius:0 14px 14px 0;box-shadow:0 8px 32px #00000014,0 0 0 1px #ffffff80 inset;overflow:hidden;position:relative;display:none;flex-direction:column;border:1px solid rgba(255,255,255,.6);border-left:1px solid rgba(255,255,255,.35)}.srxmp-panel:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.srxmp-panel.open{display:flex;animation:srxmpIn .25s cubic-bezier(.4,0,.2,1)}@keyframes srxmpIn{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:none}}.srxmp-body{position:relative;z-index:1;display:flex;flex-direction:column;min-height:0;overflow-y:auto;overscroll-behavior:contain}.srxmp-body::-webkit-scrollbar{width:3px}.srxmp-body::-webkit-scrollbar-thumb{background:#00000014;border-radius:2px}.srxmp-close{position:absolute;top:6px;right:6px;z-index:3;width:24px;height:24px;border-radius:6px;flex-shrink:0;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#9ca3af;font-size:15px;line-height:1;background:transparent;border:none;transition:all .15s;padding:0}.srxmp-close:hover{background:#0000000a;color:#374151;transform:rotate(90deg)}.srxmp-header{display:flex;align-items:center;gap:12px;padding:14px 16px 10px;flex-shrink:0;cursor:grab;touch-action:pan-y;position:relative}.srxmp-header:active{cursor:grabbing}.srxmp-hint{position:absolute;right:38px;top:9px;font-size:9px;color:#a8adb8;letter-spacing:.5px;pointer-events:none;opacity:.8}.srxmp-cover{width:64px;height:64px;border-radius:14px;overflow:hidden;flex-shrink:0;cursor:pointer;position:relative;background:#e5e6eb;display:flex;align-items:center;justify-content:center;color:#c9cdd4;font-size:24px}.srxmp-cover img{width:100%;height:100%;object-fit:cover;display:block}.srxmp-cover .srxmp-cov-ov{position:absolute;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;color:#fff;font-size:26px;font-style:normal;font-family:serif;opacity:1;transition:opacity .2s;border-radius:14px}.srxmp-cover:hover .srxmp-cov-ov{background:#00000073}.srxmp-song{flex:1;min-width:0}.srxmp-name{font-size:14px;font-weight:600;color:#1d2129;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.srxmp-artist{font-size:11px;color:#86909c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.srxmp-vol{display:flex;align-items:center;gap:6px;padding:0 16px 6px;flex-shrink:0}.srxmp-vol i{font-style:normal;color:#9ca3af;font-size:14px;font-family:serif}.srxmp-vol input{flex:1;height:3px;-webkit-appearance:none;appearance:none;background:#00000014;border-radius:2px;outline:none;cursor:pointer}.srxmp-vol input::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;background:#1d2129;border-radius:50%;cursor:pointer}.srxmp-progress{padding:4px 16px 8px;flex-shrink:0}.srxmp-times{display:flex;justify-content:space-between;font-size:10px;color:#c9cdd4;margin-bottom:4px;font-variant-numeric:tabular-nums}.srxmp-track{width:100%;height:4px;background:#0000000f;border-radius:2px;cursor:pointer;position:relative}.srxmp-fill{height:100%;background:#00000040;border-radius:2px;position:relative;width:0;transition:width .1s linear}.srxmp-fill:after{content:"";position:absolute;right:-5px;top:-3px;width:10px;height:10px;background:#fff;border:2px solid rgba(0,0,0,.25);border-radius:50%;opacity:0;transition:opacity .15s}.srxmp-track:hover .srxmp-fill:after{opacity:1}.srxmp-ctrls{display:flex;align-items:center;justify-content:center;gap:22px;padding:2px 16px 10px;flex-shrink:0}.srxmp-cbtn{font-style:normal;font-size:18px;color:#6b7280;cursor:pointer;font-family:serif;transition:color .15s,transform .1s}.srxmp-cbtn:hover{color:#1f2937}.srxmp-cbtn:active{transform:scale(.9)}.srxmp-play{width:40px;height:40px;border-radius:50%;background:#000000d9;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s,background .15s}.srxmp-play:hover{transform:scale(1.06);background:#000}.srxmp-play:active{transform:scale(.95)}.srxmp-play i{color:#fff;font-size:18px;font-style:normal;font-family:serif}.srxmp-list{flex:1;overflow-y:auto;padding:0 10px 6px;min-height:60px}.srxmp-list::-webkit-scrollbar{width:3px}.srxmp-list::-webkit-scrollbar-thumb{background:#00000014;border-radius:2px}.srxmp-item{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:8px;cursor:pointer;font-size:12px;color:#374151}.srxmp-item:hover{background:#0000000a}.srxmp-item.on{background:#0000000d;color:#1f2937;font-weight:600}.srxmp-title{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.srxmp-now{color:#2563eb;font-size:12px;flex-shrink:0;font-family:serif}.srxmp-foot{display:flex;align-items:center;justify-content:center;gap:5px;padding:6px 16px 8px;border-top:1px solid rgba(0,0,0,.04);flex-shrink:0;font-size:10px;color:#c9cdd4}.srxmp-empty{text-align:center;padding:14px;color:#c9cdd4;font-size:12px}.srxmp-lbar{position:fixed;bottom:0;left:0;right:0;height:34px;z-index:9999998;display:flex;align-items:center;justify-content:center;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:0;transition:opacity .4s}.srxmp-lbar.show{opacity:1}.srxmp-spec{position:absolute;inset:0;z-index:1}.srxmp-spec canvas{width:100%;height:100%;display:block}.srxmp-ltxt{font-size:16px;font-weight:800;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:76vw;padding:0 24px;position:relative;z-index:2;line-height:34px;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;filter:drop-shadow(0 1px 2px rgba(15,23,42,.8)) drop-shadow(0 0 6px rgba(15,23,42,.4));animation:srxLyricIn .35s ease}.srxmp-lbar.pause .srxmp-ltxt{opacity:.55}.srxmp-lbar.pause .srxmp-spec{opacity:.35}@keyframes srxLyricIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.music-dock{display:none!important}@media (max-width:600px){.srxmp-panel{width:min(300px,78vw)}.srxmp-bar{width:7px}.srxmp-lbar{height:27px}.srxmp-ltxt{font-size:12px;letter-spacing:.3px}}.login-wrapper{background-image:linear-gradient(135deg,#1890ff1a,#0003),url(/assets/login-bg.jpg)!important;background-size:cover,cover!important;background-position:center,center!important;background-color:#12263f}.login-container{position:relative}.login-logo{width:44px!important;height:44px!important;border-radius:11px;object-fit:cover;box-shadow:0 4px 14px #1677ff38;margin:0 auto 10px;display:block}.login-header .system-title{font-size:22px;margin:0 0 4px}.login-header .system-subtitle{font-size:12.5px}/* mobile login = desktop login: small-screen-only layout removed */@media (max-width:600px){html,body{-webkit-text-size-adjust:100%}.login-container{padding:40px!important}.login-form .el-input__inner{font-size:16px!important}}.login-container.srx-fold{cursor:pointer}.login-container>*{transition:max-height .38s cubic-bezier(.4,0,.2,1),opacity .3s ease,margin .38s ease,padding .38s ease}.login-container>*:not(.login-header):not(.srx-fold-btn){max-height:900px}.login-container.srx-fold>*:not(.login-header):not(.srx-fold-btn){max-height:0!important;opacity:0!important;margin:0!important;padding-top:0!important;padding-bottom:0!important;border-top:0!important;border-bottom:0!important;overflow:hidden!important;pointer-events:none!important}.login-container.srx-fold{overflow:hidden!important}.srx-fold-btn{position:absolute;top:12px;right:12px;z-index:20;width:28px;height:28px;border-radius:50%;border:none;background:#f2f3f5;color:#4e5969;font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s ease;padding:0}.srx-fold-btn:hover{background:#e8f3ff;color:#1677ff}.srx-fold-btn svg{transition:transform .38s cubic-bezier(.4,0,.2,1)}.login-container.srx-fold .srx-fold-btn svg{transform:rotate(-180deg)}.reg-closed{padding:30px 8px 6px;text-align:center}.reg-closed-icon{display:flex;justify-content:center;margin-bottom:12px;color:#fa8c16}.reg-closed-icon .el-icon{font-size:44px}.reg-closed-title{margin:0 0 8px;font-size:20px;font-weight:600;color:#1f2d3d;letter-spacing:1px}.reg-closed-desc{margin:0 0 24px;font-size:14px;color:#8a919f;line-height:1.7}.reg-closed .login-button{width:100%}

.srxmp-search{padding:8px;background:rgba(0,0,0,.04);border-radius:8px;margin-bottom:6px}
.srxmp-search-input{outline:none}
.srxmp-search-input:focus{border-color:#4d7cfe!important}
.srxmp-search-list{max-height:200px;overflow-y:auto}
.srxmp-search-item{padding:6px 8px;cursor:pointer;border-radius:6px;transition:background .15s}
.srxmp-search-item:hover{background:rgba(0,0,0,.06)}
.srxmp-si-title{font-size:13px;font-weight:500;color:#1d2129;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.srxmp-si-artist{font-size:11px;color:#86909c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.srxmp-search-toggle{position:absolute;top:8px;right:36px;width:24px;height:24px;border:none;background:rgba(0,0,0,.05);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:13px;color:#4e5969;transition:background .15s}.srxmp-search-toggle:hover{background:rgba(0,0,0,.1)}
.srxmp-search-section{display:none;background:#fafafa}.srxmp-search-section.show{display:flex;flex-direction:column;padding:8px 10px;border-bottom:1px solid #eee;gap:6px}