.page{min-height:100vh;background:#080b12;color:#eef1fa;font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif}.page *{box-sizing:border-box}.page button,.page input,.page select{font:inherit}.header{height:68px;display:flex;align-items:center;padding:0 4vw;border-bottom:1px solid rgba(255,255,255,.08);background:#0b0e16}.brand{display:flex;align-items:center;gap:10px;min-width:260px;color:#fff;text-decoration:none}.brand>span{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(145deg,#785bff,#a54cea);box-shadow:0 8px 20px rgba(120,91,255,.3);font-size:12px}.brand>div{display:flex;flex-direction:column;gap:2px}.brand strong{font-size:14px}.brand small{color:#666d80;font-size:7px;letter-spacing:1.7px}.modeTabs{align-self:stretch;display:flex;gap:5px}.modeTabs button{padding:0 16px;border:0;border-bottom:2px solid transparent;background:transparent;color:#70788b;cursor:pointer;font-size:10px}.modeTabs button:hover,.modeTabs .modeActive{border-bottom-color:#865fff;color:#fff}.headerActions{display:flex;align-items:center;gap:14px;margin-left:auto}.headerActions>span{color:#555d70;font-size:7px;letter-spacing:1.2px}.headerActions>button{padding:8px 12px;border:1px solid #343a4a;border-radius:7px;background:#171b27;color:#bdc3d4;cursor:pointer;font-size:9px}.headerActions>button:hover{border-color:#785ff0;color:#fff}.headerActions input{display:none}.videoPage{width:min(1460px,92vw);margin:0 auto;padding:33px 0 70px}.videoHeading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:21px}.videoHeading>div:first-child>p,.trackInfo>p,.trackHeading p{margin:0 0 6px;color:#916fff;font-size:7px;font-weight:800;letter-spacing:2px}.videoHeading h1{margin:0 0 5px;font-size:23px}.videoHeading>div:first-child>span{color:#6f778a;font-size:9px}.videoHeading>div:last-child{display:flex;align-items:center;gap:9px}.videoHeading>div:last-child b{padding:5px 7px;border-radius:5px;background:#785bff;color:#fff;font-size:7px}.videoHeading>div:last-child span{color:#697184;font-size:8px}.videoLayout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px}.videoShell{position:relative;overflow:hidden;border:1px solid #222839;border-radius:12px;background:#020306;box-shadow:0 24px 60px rgba(0,0,0,.32);aspect-ratio:16/9}.videoShell video{width:100%;height:100%;display:block;object-fit:contain;background:#020306;cursor:pointer}.centerPlay{position:absolute;left:50%;top:50%;z-index:3;width:58px;height:58px;border:1px solid rgba(255,255,255,.26);border-radius:50%;background:rgba(18,21,33,.72);box-shadow:0 10px 28px rgba(0,0,0,.3);color:#fff;cursor:pointer;font-size:18px;transform:translate(-50%,-50%);backdrop-filter:blur(8px)}.centerPlay:hover{background:#7659ef;transform:translate(-50%,-50%) scale(1.05)}.mediaError{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;flex-direction:column;background:linear-gradient(rgba(6,8,15,.84),rgba(6,8,15,.94));text-align:center}.mediaError>span{width:38px;height:38px;display:grid;place-items:center;border:1px solid #6957b4;border-radius:50%;color:#a894ff}.mediaError strong{margin-top:12px;font-size:12px}.mediaError p{margin:6px 0 14px;color:#778096;font-size:9px}.mediaError button{padding:8px 12px;border:1px solid #7059d8;border-radius:6px;background:#5d48c2;color:#fff;cursor:pointer;font-size:8px}.videoShade{position:absolute;right:0;bottom:0;left:0;height:110px;background:linear-gradient(transparent,rgba(1,2,5,.92));pointer-events:none}.videoControls{position:absolute;right:15px;bottom:10px;left:15px;z-index:4}.progress,.musicProgress input{width:100%;height:3px;margin:0;display:block;accent-color:#8c6aff;cursor:pointer}.videoControls>div{height:38px;display:flex;align-items:center;gap:5px}.videoControls button{min-width:30px;height:29px;padding:0 7px;border:0;border-radius:5px;background:transparent;color:#e6e9f2;cursor:pointer;font-size:9px}.videoControls button:hover{background:rgba(255,255,255,.1)}.videoControls>div>span{margin-left:4px;color:#c0c5d1;font-size:8px}.controlSpacer{flex:1}.volume{width:70px;height:3px;accent-color:#8c6aff}.videoControls select{height:27px;padding:0 5px;border:0;border-radius:4px;background:rgba(255,255,255,.08);color:#d7dbe6;font-size:8px}.videoControls select option{background:#191c26}.videoMeta{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:18px 4px}.videoMeta span{color:#7f68e8;font-size:7px;font-weight:800;letter-spacing:1.4px}.videoMeta h2{margin:5px 0 4px;font-size:14px}.videoMeta p{margin:0;color:#71798c;font-size:9px;line-height:1.7}.videoMeta>button{padding:8px 11px;border:1px solid #2e3444;border-radius:6px;background:#131722;color:#8991a3;cursor:pointer;font-size:8px;white-space:nowrap}.videoPlaylist{overflow:hidden;border:1px solid #202534;border-radius:11px;background:#0e111a}.videoPlaylist>div{display:grid;grid-template-columns:1fr auto;gap:3px;padding:16px;border-bottom:1px solid #1e2331}.videoPlaylist>div>span{grid-column:1/-1;color:#8067e8;font-size:7px;font-weight:800;letter-spacing:1.5px}.videoPlaylist>div>strong{font-size:12px}.videoPlaylist>div>small{color:#626a7d;font-size:8px}.videoPlaylist>button:not(.addMedia){width:100%;display:grid;grid-template-columns:106px 1fr;gap:11px;padding:11px;border:0;border-bottom:1px solid #1d222f;background:transparent;color:#939bad;text-align:left;cursor:pointer}.videoPlaylist>button:not(.addMedia):hover,.videoPlaylist .videoItemActive{background:#171b28}.videoPlaylist>button>span{position:relative;height:64px;overflow:hidden;border-radius:7px;background:#05070c}.videoPlaylist>button>span img{width:100%;height:100%;object-fit:cover}.videoPlaylist>button>span i{position:absolute;left:50%;top:50%;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:rgba(5,7,12,.65);color:#fff;font-size:8px;font-style:normal;transform:translate(-50%,-50%)}.videoPlaylist>button>span b{position:absolute;right:5px;bottom:4px;padding:2px 4px;border-radius:3px;background:rgba(3,4,8,.72);color:#fff;font-size:6px}.videoPlaylist>button>p{position:relative;display:flex;min-width:0;flex-direction:column;gap:4px;margin:3px 0}.videoPlaylist>button>p strong{overflow:hidden;color:#d9dde7;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.videoPlaylist>button>p small{display:-webkit-box;overflow:hidden;color:#636b7d;font-size:7px;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2}.videoPlaylist>button>p em{position:absolute;right:0;bottom:0;color:#3f4657;font-size:7px;font-style:normal}.addMedia{width:calc(100% - 22px);margin:12px 11px;padding:9px;border:1px dashed #303647;border-radius:6px;background:transparent;color:#70798d;cursor:pointer;font-size:8px}.addMedia:hover{border-color:#6d59cb;color:#b8a9f6}.musicPage{min-height:calc(100vh - 68px);background:#0a0d16}.musicHero{position:relative;min-height:430px;display:grid;grid-template-columns:260px minmax(360px,690px) 160px;align-items:center;justify-content:center;gap:48px;padding:48px 6vw;background-position:center;background-size:cover}.musicHero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(7,10,17,.98));pointer-events:none}.albumArt{position:relative;z-index:2;width:250px;height:250px;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:18px;box-shadow:0 28px 60px rgba(0,0,0,.45)}.albumArt img{width:100%;height:100%;display:block;object-fit:cover}.albumArt>i{position:absolute;inset:0;border:1px solid rgba(255,255,255,.12);border-radius:inherit;box-shadow:inset 0 0 45px rgba(0,0,0,.12)}.albumPlaying{animation:album-pulse 3s ease-in-out infinite}.trackInfo{position:relative;z-index:2;min-width:0}.trackInfo h1{margin:0 0 8px;font-size:35px;letter-spacing:-1.2px}.trackInfo>strong{display:block;color:#d6d9e5;font-size:12px}.trackInfo>span{display:block;margin-top:5px;color:#6f778a;font-size:9px}.waveform{height:74px;display:flex;align-items:center;gap:2px;margin-top:22px;overflow:hidden}.waveform i{width:3px;min-height:4px;display:block;border-radius:3px;background:#393d4d;transition:background .2s}.waveform .wavePlayed{background:#8b6aff}.musicProgress{display:grid;grid-template-columns:38px 1fr 38px;align-items:center;gap:7px}.musicProgress span{color:#7b8293;font-size:7px;text-align:center}.musicControls{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:18px}.musicControls button{width:34px;height:34px;border:0;border-radius:50%;background:transparent;color:#9299aa;cursor:pointer;font-size:11px}.musicControls button:hover,.musicControls .controlActive{background:rgba(138,106,255,.13);color:#9e84ff}.musicControls .musicPlay{width:54px;height:54px;background:#8b6aff;color:#fff;box-shadow:0 10px 24px rgba(139,106,255,.3);font-size:15px}.musicControls .musicPlay:hover{background:#9b7cff;color:#fff;transform:scale(1.04)}.audioError{margin:12px 0 0!important;color:#dd8290!important;font-size:8px!important;text-align:center}.musicVolume{position:relative;z-index:2;display:flex;align-items:center;gap:6px}.musicVolume button{border:0;background:transparent;color:#b1b7c5;cursor:pointer}.musicVolume input{width:110px;height:3px;accent-color:#8b6aff}.trackSection{width:min(1060px,90vw);margin:0 auto;padding:35px 0 70px}.trackHeading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:18px}.trackHeading h2{margin:0 0 5px;font-size:20px}.trackHeading>div>span{color:#697184;font-size:8px}.trackHeading>button{padding:9px 12px;border:1px solid #2b3140;border-radius:6px;background:#121722;color:#858ea1;cursor:pointer;font-size:8px}.trackHeading>button:hover{border-color:#6e5acd;color:#fff}.trackList{border-top:1px solid #1f2431}.trackList>button{width:100%;display:grid;grid-template-columns:35px 42px minmax(180px,1fr) minmax(140px,.7fr) 55px 25px;align-items:center;gap:11px;padding:9px 12px;border:0;border-bottom:1px solid #1c212d;background:transparent;color:#727a8d;text-align:left;cursor:pointer}.trackList>button:hover,.trackList .trackActive{background:#121722}.trackList>button>em{color:#626a7d;font-size:8px;font-style:normal;text-align:center}.trackList .trackActive>em{color:#9b82ff}.trackCover{width:38px;height:38px;display:block;overflow:hidden;border-radius:6px}.trackCover img{width:100%;height:100%;object-fit:cover}.trackList>button>p{display:flex;min-width:0;flex-direction:column;gap:3px;margin:0}.trackList>button>p strong{overflow:hidden;color:#d7dbe6;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.trackList>button>p small{color:#626a7c;font-size:7px}.trackList>button>span:nth-of-type(2),.trackList>button>b{font-size:8px;font-weight:500}.trackList>button>i{font-size:8px;font-style:normal}.toast{position:fixed;right:22px;bottom:22px;z-index:100;padding:10px 14px;border:1px solid rgba(139,106,255,.32);border-radius:8px;background:#211b38;box-shadow:0 15px 35px rgba(0,0,0,.35);color:#cbbfff;font-size:9px}@keyframes album-pulse{0%,100%{box-shadow:0 28px 60px rgba(0,0,0,.45)}50%{box-shadow:0 28px 70px rgba(113,80,228,.28)}}@media(max-width:1050px){.videoLayout{grid-template-columns:1fr}.videoPlaylist{display:grid;grid-template-columns:repeat(2,1fr)}.videoPlaylist>div{grid-column:1/-1}.videoPlaylist .addMedia{grid-column:1/-1}.musicHero{grid-template-columns:220px 1fr;gap:35px}.albumArt{width:220px;height:220px}.musicVolume{display:none}}@media(max-width:720px){.header{height:62px;padding:0 14px}.brand{min-width:auto}.brand>div{display:none}.modeTabs{margin-left:8px}.modeTabs button{padding:0 9px;font-size:9px}.headerActions>span{display:none}.headerActions>button{width:34px;padding:0;font-size:0}.headerActions>button:first-letter{font-size:15px}.videoPage{width:calc(100% - 24px);padding-top:23px}.videoHeading{align-items:flex-start;flex-direction:column;gap:10px}.videoShell{border-radius:8px}.videoControls{right:7px;bottom:4px;left:7px}.videoControls button:nth-last-child(2),.videoControls .volume,.videoControls select{display:none}.videoPlaylist{grid-template-columns:1fr}.musicHero{min-height:auto;grid-template-columns:1fr;gap:25px;padding:34px 18px}.albumArt{width:190px;height:190px;margin:0 auto}.trackInfo{text-align:center}.trackInfo h1{font-size:27px}.waveform{height:55px}.trackSection{width:calc(100% - 24px)}.trackList>button{grid-template-columns:30px 38px 1fr 44px}.trackList>button>span:nth-of-type(2),.trackList>button>i{display:none}}@media(max-width:450px){.videoPlaylist{display:block}.videoMeta{flex-direction:column}.videoControls>div>button:nth-child(2){display:none}.trackInfo h1{font-size:23px}.musicControls{gap:8px}.trackList>button{padding-right:5px;padding-left:5px}}@media(prefers-reduced-motion:reduce){.albumPlaying{animation:none}}