/* ==UserStyle==
@name:en Flat-Style Netease Music 网易云音乐扁平风格
@description:en A stylesheet for Netease Music website. 一个用于网易云音乐网站的样式表。
@name:zh 网易云音乐扁平风格
@description:zh 一个用于网易云音乐网站的样式表。
@name 网易云音乐扁平风格
@description 一个用于网易云音乐网站的样式表。
@namespace wTonyChen.flatnmusic
@version 0.9.20
@author wTonyChen
@copyright 2022 wTonyChen (https://github.com/wTonyChen)
@homepageURL https://wtonychen.github.io/flatnmusic/
@supportURL https://github.com/wTonyChen/flatnmusic/issues
@compatible chrome 101+
@compatible edge 101+
@compatible opera 87+
@compatible firefox 100+ 有限支持
@license GPL-3.0-or-later
@preprocessor uso
@var select font-1st "\u9996\u9009\u5b57\u4f53"{"Segoe UI":"local('Segoe UI Variable Display'),local('Segoe UI Variable'),local('Segoe UI'),local('Segoe UI'),local('Segoe Pro'),local('Segoe WP'),","Arial":"local('Arial'),","Avenir Next":"local('Avenir Next'),local('Avenir Next LT Pro'),local('Avenir Next Pro'),","DIN":"local('Bahnschrift'),local('DIN Pro'),local('DIN Schrift LT'),local('DIN Next LT Pro'),local('DIN Next'),local('DIN Next LT'),local('DIN'),local('Barlow'),","Calibri":"local('Calibri'),","Century Gothic":"local('Century Gothic'),","Comic Sans":"local('Comic Sans MS'),local('Comic Sans'),","Corbel":"local('Corbel'),","Lucida Sans":"local('Lucida Sans'),","Noto Sans":"local('Noto Sans'),local('Noto Sans Display'),","Product Sans":"local('Google Sans'),local('Product Sans'),local('Google Sans Display'),local('Google Sans Text'),local('HarmonyOS Sans'),","Roboto":"local('Roboto'),","Tahoma":"local('Tahoma'),","Trebuchet":"local('Trebuchet MS'),local('Trebuchet'),","Tw Cen MT":"local('Tw Cen MT'),","Ubuntu":"local('Ubuntu'),","Verdana":"local('Verdana'),","Cambria":"local('Cambria'),","Century":"local('Century'),","Times New Roman":"local('Times New Roman'),"}
@var select font-2nd "\u5907\u9009\u5b57\u4f53"{"\u5fae\u8f6f\u96c5\u9ed1":"local('Microsoft YaHei UI'),local('Microsoft YaHei'),","\u5fae\u8f6f\u6b63\u9ed1":"local('Microsoft JhengHei UI'),local('Microsoft JhengHei'),","\u7b49\u7ebf":"local('FZDengXian'),local('DengXian'),","\u9ed1\u4f53":"local('Heiti SC'),local('Heiti TC'),local('SimHei'),","\u5706\u4f53":"local('Yuanti SC'),local('Yuanti TC'),local('YouYuan'),","\u534e\u6587\u4eff\u5b8b":"local('STFangSong'),","\u534e\u6587\u6977\u4f53":"local('STKaiTi'),","\u534e\u6587\u96b6\u4e66":"local('STLiTi'),","\u534e\u6587\u5b8b\u4f53":"local('STSong'),","\u534e\u6587\u7ec6\u9ed1":"local('STXiHei'),","\u534e\u6587\u65b0\u9b4f":"local('STXinWei'),","\u534e\u6587\u4e2d\u5b8b":"local('STZ####Song'),","Noto Sans CJK":"local('Noto Sans CJK SC VF'),local('Source Han Sans SC VF'),local('Noto Sans CJK TC VF'),local('Source Han Sans TC VF'),local('Noto Sans CJK SC'),local('Source Han Sans SC'),local('Noto Sans CJK TC'),local('Source Han Sans TC'),local('HarmonyOS Sans SC'),local('HarmonyOS Sans TC'),","PingFang":"local('PingFang SC'),local('PingFang TC'),local('PingFang HK'),local('Hiragino Sans GB'),local('Hiragino Sans CNS'),local('Hiragino Sans'),"}
@var range letter-spacing "\u5b57\u95f4\u8ddd"[0,-20,20,1]
@var range word-spacing "\u8bcd\u95f4\u8ddd (\u7a7a\u683c\u5bbd\u5ea6)"[0,-20,20,1]
@var color color "\u4e3b\u9898\u8272" #f00
@var select bg-color "\u80cc\u666f\u8272"{"\u9ed8\u8ba4":"var(--cp-b0)","\u81ea\u5b9a\u4e49":"var(--a-custom-bg)"}
@var color custom-bg "\u81ea\u5b9a\u4e49\u80cc\u666f\u8272" #fff
@var select blur-effect "\u6a21\u7cca\u6548\u679c (\u9700\u6d4f\u89c8\u5668\u652f\u6301)"{"\u7981\u7528":" ","\u542f\u7528":"@supports(backdrop-filter:none){.u-cover .bottom,.m-dlist .src-video .ply,.m-playbar .bg,div.m-mask,div.m-layer~[class*=auto-],.u-cover .ci,.m-mvlist .tr,.m-mvlist .bl,.n-artist .btn-rz,.n-artist .btnfav,.m-vipcashier-modal-overlay,body:not(.wk-playlist-applied) .m-playbar .list,.m-ctvideo .controls::before,.m-playbar .tip,.m-vol .vbg{backdrop-filter:blur(30px) saturate(2) contrast(.8)}.m-playbar .list{opacity:1}.m-playbar .bg,.m-playbar .listhd,.m-playbar .listbd,.m-playbar .list::after{background:var(--cp-x8)}div.m-mask{background:var(--cp-x1)}.m-dlist .src-video .ply{border-radius:99vh;opacity:1}.m-ctvideo.z-fullscreen,div.m-layer{animation-name:window-in-alt}div.m-layer.hidden{animation-name:window-in-alt-r;animation-timing-function:var(--gb-al);animation-duration:.15s}.m-sysmsg{animation:window-in-alt .3s var(--gb-ad) backwards,window-in-alt-r .15s var(--gb-al) 1s forwards}html[wk-style-assist] .n-artist .btm{backdrop-filter:blur(30px);padding:10px 20px 0 20px;display:inline-block;background:var(--cp-w5);border-radius:99vh;filter:none}html[wk-style-assist] .n-artist .salias,html[wk-style-assist] .n-artist .sname-max{max-width:initial}.u-cover-alb1 .icon-play,.u-cover-alb2 .icon-play,.u-cover-alb3 .icon-play,.m-layer-termconfirm{backdrop-filter:blur(30px) saturate(2) contrast(.8);background:none}body.wk-playlist-showing #g-topbar,body.wk-playlist-showing #g_iframe{filter:blur(30px) contrast(.8)}body.wk-playlist-applied .m-playbar .list{backdrop-filter:saturate(2)}.m-playbar .tip,.m-vol .vbg{background:var(--cp-a2)}.m-playbar .tip{border-color:var(--cp-w3);box-shadow:0 0 10px var(--cp-a2)}.m-pbar .btn i{background:var(--v-a)}}"}
@var select app-download "\u9996\u9875\u5ba2\u6237\u7aef\u4e0b\u8f7d"{"\u53ef\u89c1":" ","\u9690\u85cf":".n-ban .download,.m-multi{display:none !important}.n-ban .ban img{margin:0 auto !important}.n-ban .ban .btnl{left:10px !important}.n-ban .ban .btnr{right:10px !important}.n-ban .dots{width:100% !important}"}
@var select banner-bg "\u9996\u9875\u6a2a\u5e45\u80cc\u666f"{"\u9ed8\u8ba4":" ","\u65e0":"div#index-banner{background:var(--cp-00) !important}.n-ban .dots .pg{color:var(--cp-a0)}"}
@var select fixed-topbar "\u9876\u680f\u6eda\u52a8\u72b6\u6001"{"\u56fa\u5b9a\u4e8e\u9876\u90e8":".g-topbar{top:0 !important}","\u8ddf\u968f\u9875\u9762\u6eda\u52a8":" "}
@var select navbar-dont-cover-scrollbar "\u9876\u680f\u4e0d\u906e\u6321\u6eda\u52a8\u6761"{"\u7981\u7528":" ","\u542f\u7528":".g-topbar{min-width:initial}"}
@var select topbar-bg-style "\u9876\u680f\u80cc\u666f\u989c\u8272"{"\u4e3b\u9898\u8272":" ","\u754c\u9762\u80cc\u666f\u8272":"body{background:var(--cp-b0)}.m-top{background:var(--cp-b0)}.m-nav a{color:var(--cp-d7)}.m-nav a:hover{color:var(--cp-c3)}.m-nav a.z-slt{color:var(--gc-aa)}.m-srch .parent input{box-shadow:inset 0 32px 0 0 var(--cp-a1)}.m-srch .parent input:hover{box-shadow:inset 0 32px 0 0 var(--cp-a2)}.m-srch .parent input:focus{box-shadow:inset 0 32px 0 0 var(--cp-b0)}.m-topvd{border-color:var(--cp-d7);color:var(--cp-d7)}.m-topvd:hover{border-color:var(--cp-c3);color:var(--cp-c3)}.m-tlist{border-color:var(--cp-d3);background:var(--cp-d1)}.m-tlist a:hover{background:var(--cp-d2)}.m-tlist a:active{background:var(--cp-d3)}.m-tlist a,.m-tlist a:hover,.m-tophead .link,.m-tophead .link:hover,.m-tophead:hover .link{color:var(--cp-a0)}.m-tlist .icn-verify::before{color:var(--cp-d1)}"}
@var select topbar-nav-style "\u9876\u680f\u5bfc\u822a\u98ce\u683c"{"\u5706\u89d2":" ","\u76f4\u89d2":".m-nav a.z-slt{border-radius:0}","\u836f\u4e38":".m-nav a,.m-nav a.z-slt{transform:scale(.8);border-radius:99vw}.m-nav a:hover,.m-nav a.z-slt{transform:scale(.85)}.m-nav a:active{transform:scale(.9)}"}
@var select no-artist-alias "\u6b4c\u624b\u9875\u9690\u85cf\u522b\u540d"{"\u7981\u7528":" ","\u542f\u7528":".n-artist .salias,.n-singer .tit span{display:none}"}
@var select lyric-alignment "\u5e95\u680f\u64ad\u653e\u5217\u8868\u6b4c\u8bcd\u5bf9\u9f50"{"\u5c45\u4e2d":" ","\u9760\u5de6":".m-playbar .listlyric p{text-align:left;transform-origin:left;margin:0 auto 0 10px}.m-playbar .listlyric p:first-child{transform-origin:left bottom}","\u9760\u53f3":".m-playbar .listlyric p{text-align:right;transform-origin:right;margin:0 10px 0 auto}.m-playbar .listlyric p:first-child{transform-origin:right bottom}"}
@var select lyric-emptyline "\u5e95\u680f\u64ad\u653e\u5217\u8868\u6b4c\u8bcd\u4e0d\u663e\u793a\u7a7a\u884c"{"\u7981\u7528":" ","\u542f\u7528":".m-playbar .listlyric p:empty{min-height:1px;max-height:1px;padding:0}"}
@var select ui-color-palettes "\u754c\u9762\u989c\u8272 (Beta)"{"\u81ea\u52a8":"@media(prefers-color-scheme:dark){*:not(####){--cp-b1:var(--cp-x1);--cp-b2:var(--cp-x2);--cp-b3:var(--cp-x3);--cp-b4:var(--cp-x4);--cp-b5:var(--cp-x5);--cp-b6:var(--cp-x6);--cp-b7:var(--cp-x7);--cp-b8:var(--cp-x8);--cp-b9:var(--cp-x9);--cp-b0:var(--cp-x0);--cp-a1:var(--cp-z1);--cp-a2:var(--cp-z2);--cp-a3:var(--cp-z3);--cp-a4:var(--cp-z4);--cp-a5:var(--cp-z5);--cp-a6:var(--cp-z6);--cp-a7:var(--cp-z7);--cp-a8:var(--cp-z8);--cp-a9:var(--cp-z9);--cp-a0:var(--cp-z0);--cp-c7:var(--cp-y8);--cp-c6:var(--cp-y9);--cp-c5:var(--cp-ya);--cp-c4:var(--cp-yb);--cp-c3:var(--cp-yc);--cp-c2:var(--cp-yd);--cp-c1:var(--cp-ye);--cp-d1:var(--cp-y1);--cp-d2:var(--cp-y2);--cp-d3:var(--cp-y3);--cp-d4:var(--cp-y4);--cp-d5:var(--cp-y5);--cp-d6:var(--cp-y6);--cp-d7:var(--cp-y7)}.u-goon,.n-pglg,.n-pglg .btn,.member-wrap .member-body,.member-wrap .member-body .user-info .user-head .avatar-img,.member-wrap .member-body .m-privilege,.member-wrap .member-body .n-special,.m-dynamicbar,.n-sltlyr .u-icn,.m-schlist .hd .icn,.m-info-program .rdiname .icon,#player h2 .logo,.m-radio .rditype .apply .icon,.u-errlg-404,.n-nmusic .u-icn-21,.n-msgnt-tip,.m-newsongbar-normal .nicon,.m-newsonglist .m-dlist .rightbox .playicon{filter:invert(1) hue-rotate(180deg)}.member-wrap .member-body .n-special .title em,.member-wrap .member-body .m-privilege .title em{background:none}.m-pbar .btn i:not(.####){--v-a:var(--cp-x0)}.n-daily .bg{opacity:.8}}","\u6d45\u8272":" ","\u6df1\u8272":"*:not(####){--cp-b1:var(--cp-x1);--cp-b2:var(--cp-x2);--cp-b3:var(--cp-x3);--cp-b4:var(--cp-x4);--cp-b5:var(--cp-x5);--cp-b6:var(--cp-x6);--cp-b7:var(--cp-x7);--cp-b8:var(--cp-x8);--cp-b9:var(--cp-x9);--cp-b0:var(--cp-x0);--cp-a1:var(--cp-z1);--cp-a2:var(--cp-z2);--cp-a3:var(--cp-z3);--cp-a4:var(--cp-z4);--cp-a5:var(--cp-z5);--cp-a6:var(--cp-z6);--cp-a7:var(--cp-z7);--cp-a8:var(--cp-z8);--cp-a9:var(--cp-z9);--cp-a0:var(--cp-z0);--cp-c7:var(--cp-y8);--cp-c6:var(--cp-y9);--cp-c5:var(--cp-ya);--cp-c4:var(--cp-yb);--cp-c3:var(--cp-yc);--cp-c2:var(--cp-yd);--cp-c1:var(--cp-ye);--cp-d1:var(--cp-y1);--cp-d2:var(--cp-y2);--cp-d3:var(--cp-y3);--cp-d4:var(--cp-y4);--cp-d5:var(--cp-y5);--cp-d6:var(--cp-y6);--cp-d7:var(--cp-y7)}.u-goon,.n-pglg,.n-pglg .btn,.member-wrap .member-body,.member-wrap .member-body .user-info .user-head .avatar-img,.member-wrap .member-body .m-privilege,.member-wrap .member-body .n-special,.m-dynamicbar,.n-sltlyr .u-icn,.m-schlist .hd .icn,.m-info-program .rdiname .icon,#player h2 .logo,.m-radio .rditype .apply .icon,.u-errlg-404,.n-nmusic .u-icn-21,.n-msgnt-tip,.m-newsongbar-normal .nicon,.m-newsonglist .m-dlist .rightbox .playicon{filter:invert(1) hue-rotate(180deg)}.member-wrap .member-body .n-special .title em,.member-wrap .member-body .m-privilege .title em{background:none}.m-pbar .btn i:not(.####){--v-a:var(--cp-x0)}.n-daily .bg{opacity:.8}"}
@var select unsupported-theme "\u672a\u53d7\u652f\u6301\u9875\u9762\u7684\u754c\u9762\u989c\u8272 (Beta)"{"\u9ed8\u8ba4":" ","\u6df1\u8272":"html{filter:invert(1) hue-rotate(180deg);background:#fff}body{background:#fff}","\u81ea\u52a8":"@media(prefers-color-scheme:dark){html{filter:invert(1) hue-rotate(180deg);background:#fff}body{background:#fff}}"}
@var select global-radius "\u754c\u9762\u5706\u89d2\u5143\u7d20"{"\u542f\u7528":" ","\u7981\u7528":"*:not(####),*:not(####)::before,*:not(####)::after{border-radius:0 !important}"}
@var select nowplaying-list-style "\u6b63\u5728\u64ad\u653e\u5217\u8868\u98ce\u683c"{"\u7d27\u51d1":" ","\u5bbd\u677e":".m-playbar .list li{height:50px;position:relative;display:flex;flex-direction:row;align-items:center}.m-playbar .col-1{margin:11px}.m-playbar .col-2{font-size:16px;height:22px;line-height:22px;flex-grow:1;padding:0 0 16px 0;font-weight:700}.m-playbar .col-4{display:block;position:absolute;top:50%;transform:translateY(-50%);left:49px;padding:22px 0 0 0;width:calc(100% - 160px);height:16px;line-height:16px}.m-playbar .col-5,.m-playbar .col-6{height:16px;line-height:16px;padding-top:0;padding-bottom:20px}.m-playbar .list li .col-3{display:block;position:absolute;top:50%;transform:translateY(-50%);right:25px;height:16px;line-height:16px;padding-top:20px}.m-playbar .list li .col-3 .ico{margin:0 0 0 5px}.m-playbar .col .icns{display:block;height:16px;bottom:0;top:initial}.m-playbar .col-6{padding-right:20px;padding-left:7px}.m-playbar .col .ico-src{margin:0 7px}.m-playbar .col-5{padding-left:20px}.m-playbar li:not(.z-sel) .col-2{transform:translateX(-35px)}.m-playbar li:not(.z-sel) .col-4{transform:translate(-35px,-50%)}"}
@var select helper-integration "\u8f85\u52a9\u811a\u672c\u652f\u6301"{"\u542f\u7528":".wk-fnm-hi-cfg:not(####){--wkhi-a:'0.9.20';--wkhi-b:1;--wkhi-c:'/6f/73/3d/70/63|/61/70/70/76/65/72/3d/32/2e/39/2e/39/2e/31/39/39/39/30/39';--wkhi-d:'/2f/77/65/61/70/69/2f/76/36/2f/70/6c/61/79/6c/69/73/74/2f/64/65/74/61/69/6c|/2f/70/6c/61/79/6c/69/73/74|/2f/64/69/73/63/6f/76/65/72/2f/74/6f/70/6c/69/73/74'}.flatnmusic-settings{display:block !important}","\u7981\u7528":" "}
@var select custom-font "\u4f7f\u7528\u81ea\u5b9a\u4e49\u5b57\u4f53"{"\u7981\u7528":" ","\u542f\u7528":"*{font-family:var(--gv-aa),var(--gv-ab),sans-serif !important}"}
@var text custom-font-1st "\u9996\u9009\u81ea\u5b9a\u4e49\u5b57\u4f53" " "
@var text custom-font-2nd "\u5907\u9009\u81ea\u5b9a\u4e49\u5b57\u4f53" " "
@var text custom-style "\u81ea\u5b9a\u4e49\u6837\u5f0f" " "
@var select high-contrast-text "\u9ad8\u5bf9\u6bd4\u5ea6\u6587\u5b57"{"\u7981\u7528":" ","\u542f\u7528":"*:not(####),*:not(####)::before,*:not(####)::after{text-shadow:.7px 0 var(--cp-b0),-.7px 0 var(--cp-b0),0 .7px var(--cp-b0),0 -.7px var(--cp-b0),.7px .7px var(--cp-b0),-.7px -.7px var(--cp-b0),-.7px .7px var(--cp-b0),.7px -.7px var(--cp-b0) !important;color:var(--cp-a0) !important;-webkit-text-fill-color:var(--cp-a0) !important}","\u542f\u7528 (\u9ed1\u8272\u5b57)":"*:not(####),*:not(####)::before,*:not(####)::after{text-shadow:.7px 0 var(--cp-z0),-.7px 0 var(--cp-z0),0 .7px var(--cp-z0),0 -.7px var(--cp-z0),.7px .7px var(--cp-z0),-.7px -.7px var(--cp-z0),-.7px .7px var(--cp-z0),.7px -.7px var(--cp-z0) !important;color:var(--cp-x0) !important;-webkit-text-fill-color:var(--cp-x0) !important}","\u542f\u7528 (\u767d\u8272\u5b57)":"*:not(####),*:not(####)::before,*:not(####)::after{text-shadow:.7px 0 var(--cp-x0),-.7px 0 var(--cp-x0),0 .7px var(--cp-x0),0 -.7px var(--cp-x0),.7px .7px var(--cp-x0),-.7px -.7px var(--cp-x0),-.7px .7px var(--cp-x0),.7px -.7px var(--cp-x0) !important;color:var(--cp-z0) !important;-webkit-text-fill-color:var(--cp-z0) !important}"}
@var select bold-font "\u5168\u5c40\u7c97\u4f53\u5b57"{"\u7981\u7528":" ","\u542f\u7528":"*:not(####){font-weight:700!important}"}
@var select animation "\u51cf\u5c11\u89c6\u89c9\u52a8\u753b"{"\u7981\u7528":" ","\u542f\u7528":"*:not(####),*:not(####)::before,*:not(####)::after{animation-timing-function:step-start !important;transition-timing-function:step-start !important;--alt-aa:all .1s step-start !important;scroll-behavior:initial !important}"}
==/UserStyle== */
@-moz-document domain("music.163.com") {
html {
font-size: 16px;
}
}
@-moz-document regexp("^\\S*\\:\\/\\/music\\.163\\.com/(#[\\s\\S]*?)?((discover|playlist|my|friend|user|song|artist|search|msg|member|topic|album|program|outchain|dj|download|mv|video|event|activity|lyric|login|series|404|share|radio|prime\\/member)[\\s\\S]*)?$") {
/*[[helper-integration]]*/
@font-face {
font-family: Arial;
src:/*[[font-1st]]*/ local("Arial");
}
@font-face {
font-family: simsun;
src:/*[[font-1st]]*/ local("Arial");
}
@font-face {
font-family: "Microsoft Yahei";
src:/*[[font-1st]]*/ local("Arial");
}
@font-face {
font-family: Tahoma;
src:/*[[font-1st]]*/ local("Arial");
}
@font-face {
font-family: Georgia;
src:/*[[font-1st]]*/ local("Arial");
}
@font-face {
font-family: "Times New Roman";
src:/*[[font-1st]]*/ local("Arial");
}
@font-face {
font-family: Helvetica;
src:/*[[font-2nd]]*/ local("Segoe UI");
}
@font-face {
font-family: \5b8b\4f53;
src:/*[[font-2nd]]*/ local("Segoe UI");
}
@font-face {
font-family: Geneva;
src:/*[[font-2nd]]*/ local("Segoe UI");
} /*[[fixed-topbar]]*/
@font-face {
font-family: Times;
src:/*[[font-2nd]]*/ local("Segoe UI");
} /*[[animation]]*/
* {
--gc-aa:/*[[color]]*/ !important;
--gv-aa: "/*[[custom-font-1st]]*/";
--gv-ab: "/*[[custom-font-2nd]]*/";
} /*[[app-download]]*/
body {
--a-custom-bg:/*[[custom-bg]]*/ center;
background:/*[[bg-color]]*/ no-repeat !important;
} /*[[global-radius]]*/
@media all {
/*[[ui-color-palettes]]*/
}
/*
Flat-Style Netease Music by wTonyChen (https://github.com/wTonyChen) 0.9.20 (20220621)
https://wtonychen.github.io/flatnmusic/
License: GNU General Public License
*/
@font-face {
font-family: nmicons;
src: url(data:application/font-woff2;base64,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###Pxlvavp5eSXk21iJEZMSS0oUCltUOsuVUyglNSSt8VWVIOQ/EZOOXy2x54UoaIvvYk7x41/r+peULJKAHHLLIxfwT1JLCXUrfuoe0GN7FmdnF3sx+oEBtJ7nmz3Zu6hHD2yBnaxfPHnqWS8qaaDrJ0mdZG13B7K5/K4Xsqstbx1ovSp7MYFJXj54MAfs29mptiiXf6F0Kgh1tEqu/V0HweMUKYVs9k8nKmUqQk+QyicgyZ+NW2jOK+OUwzUEwvJC2Pkdju/1ILIRL5/V9JSdrkKC9DXOx4F/X0+6/ndpWmjhgBUgceLrX5TXZD8yOhALYsgpsvj1YtlXENL5ZHo2IlkBcnLX/+BgvAClBAliW5ADQCIvKohDIxCqHAagAFwiEcxQBfTsBCXCB+BZFv3qLANRtxc4AJOkYxEFEGj3Ikr/CiKBN6AHUUACIoNoEA3KghhAAduDWACBqSAJcMCl4DVABt8HrwMeAhm8AXAIwck3gTci4eX+HAUghB6kghTAAFpQC9pAOagHrb6YBEpBA6RaQEZp2VV8uTrFoBktlQByvNWcZFXi6WEAPogGPMAr0oBxhxUmMDIwg/fDUtJS60v0y09e3nrV/n3YEmkpdcm+5FhaXPrz5ZmX115lv8p/Vfky5tUYyAXloARUgIbAIJrOBMUxbgB2r0PjAQPbCQlAAOJSIiApLIEHFfmgBpQ7pZHRiE1ti2oJpjJBU2FV6WpzuJazHyRw3QHtIOpX+X9e3iiBfi+qJnXDtGzH9XweX0BSNIMkpYSYlZaRlZNXUFRSVlFVU9fQ1NLW0dXTNzA0MjYxNTO3sLSytkm2tvoqgVirejsNDwfgExASEYsVRyKegpKKmiba8nn4BIRExGLFkYinoKSipom2Ah4+ASERsVhxJOIpKKmoaaKtkIdPQEhELFYciXgKSrtV0yACHEe4IyMQx/HB/zG+ty57ZQjARXzsUZ4pj6Z+yDNPL+EEyksVFxFEkndkMNXPUwQ6heSNk4+3p7sbuolRgeQ7/WajiTfgYwRekKBAgwksPRA3cLjv4ySEW8Q0+F8SAAAA)
format("woff2");
}
* {
--gs-ab: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1873 1282"><path fill="grey" d="M1072.4,1275.7H886.2h-151H548.8c-14.1,0-25.2-11.1-25.2-25.3s11.1-25.2,25.2-25.2h186.3v-80.6h151v80.6h186.3 c14.1,0,25.2,11.1,25.2,25.3s1086.5,1275.7,1072.4,1275.7z"/><path d="M10.1,6.9h1601.1c6,0,10.1,4,10.1,10.1v1117.8c0,6-4,10.1-10.1,10.1H10.1c-6,0-10.1-4-10.1-10.1V17 C0,10.9,4,6.9,10.1,6.9z"/><rect x="29" y="34" fill="lightblue" width="1563" height="1076.1"/><path d="M1520.6,450h322.2c17.1,0,30.2,13.1,30.2,30.2v745.2c0,17.1-13.1,30.2-30.2,30.2h-322.2c-17.1,0-30.2-13.1-30.2-30.2V480.2 C1490.3,463.1,1503.4,450,1520.6,450z"/><path fill="pink" d="M1540.7,500.3h282c17.1,0,30.2,13.1,30.2,30.2V1175c0,17.1-13.1,30.2-30.2,30.2h-282 c-17.1,0-30.2-13.1-30.2-30.2V530.5C1510.5,513.4,1523.6,500.3,1540.7,500.3z"/></svg>');
--gs-ac: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><style>path{animation:a .7s linear infinite normal both;transform-origin:8px 8px;stroke-linecap:round;stroke-width:2;stroke:%23808080;fill:none}@keyframes a{to{transform:rotate(360deg)}}</style><path d="M 8,1.125 A 6.875,6.875 0 1 1 1.125,8"/></svg>');
--gs-aa: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><style>path{animation:a .7s linear infinite normal both;transform-origin:8px 8px;stroke-linecap:round;stroke-width:2;stroke:white;fill:none}@keyframes a{to{transform:rotate(360deg)}}</style><path d="M 8,1.125 A 6.875,6.875 0 1 1 1.125,8"/></svg>');
--gs-ad: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><style>path{animation:a .7s linear infinite normal both;transform-origin:8px 8px;stroke-linecap:round;stroke-width:2;stroke:black;fill:none}@keyframes a{to{transform:rotate(360deg)}}</style><path d="M 8,1.125 A 6.875,6.875 0 1 1 1.125,8"/></svg>');
--gc-aa: var(--cp-e1);
--cp-00: rgba(0, 0, 0, 0);
--cp-x1: rgba(0, 0, 0, 0.1);
--cp-x2: rgba(0, 0, 0, 0.2);
--cp-x3: rgba(0, 0, 0, 0.3);
--cp-x4: rgba(0, 0, 0, 0.4);
--cp-x5: rgba(0, 0, 0, 0.5);
--cp-x6: rgba(0, 0, 0, 0.6);
--cp-x7: rgba(0, 0, 0, 0.7);
--cp-x8: rgba(0, 0, 0, 0.8);
--cp-x9: rgba(0, 0, 0, 0.9);
--cp-x0: #000;
--cp-z1: rgba(255, 255, 255, 0.1);
--cp-z2: rgba(255, 255, 255, 0.2);
--cp-z3: rgba(255, 255, 255, 0.3);
--cp-z4: rgba(255, 255, 255, 0.4);
--cp-z5: rgba(255, 255, 255, 0.5);
--cp-z6: rgba(255, 255, 255, 0.6);
--cp-z7: rgba(255, 255, 255, 0.7);
--cp-z8: rgba(255, 255, 255, 0.8);
--cp-z9: rgba(255, 255, 255, 0.9);
--cp-z0: #fff;
--cp-y0: var(--cp-x0);
--cp-y1: #111;
--cp-y2: #222;
--cp-y3: #333;
--cp-y4: #444;
--cp-y5: #555;
--cp-y6: #666;
--cp-y7: #777;
--cp-y8: #888;
--cp-y9: #999;
--cp-ya: #aaa;
--cp-yb: #bbb;
--cp-yc: #ccc;
--cp-yd: #ddd;
--cp-ye: #eee;
--cp-yf: var(--cp-z0);
--cp-w1: rgba(128, 128, 128, 0.1);
--cp-w2: rgba(128, 128, 128, 0.2);
--cp-w3: rgba(128, 128, 128, 0.3);
--cp-w4: rgba(128, 128, 128, 0.4);
--cp-w5: rgba(128, 128, 128, 0.5);
--cp-w6: rgba(128, 128, 128, 0.6);
--cp-w7: rgba(128, 128, 128, 0.7);
--cp-w8: rgba(128, 128, 128, 0.8);
--cp-w9: rgba(128, 128, 128, 0.9);
--cp-w0: #808080;
--cp-a1: var(--cp-x1);
--cp-a2: var(--cp-x2);
--cp-a3: var(--cp-x3);
--cp-a4: var(--cp-x4);
--cp-a5: var(--cp-x5);
--cp-a6: var(--cp-x6);
--cp-a7: var(--cp-x7);
--cp-a8: var(--cp-x8);
--cp-a9: var(--cp-x9);
--cp-a0: var(--cp-x0);
--cp-b1: var(--cp-z1);
--cp-b2: var(--cp-z2);
--cp-b3: var(--cp-z3);
--cp-b4: var(--cp-z4);
--cp-b5: var(--cp-z5);
--cp-b6: var(--cp-z6);
--cp-b7: var(--cp-z7);
--cp-b8: var(--cp-z8);
--cp-b9: var(--cp-z9);
--cp-b0: var(--cp-z0);
--cp-c0: var(--cp-a0);
--cp-c1: var(--cp-y1);
--cp-c2: var(--cp-y2);
--cp-c3: var(--cp-y3);
--cp-c4: var(--cp-y4);
--cp-c5: var(--cp-y5);
--cp-c6: var(--cp-y6);
--cp-c7: var(--cp-y7);
--cp-d0: var(--cp-b0);
--cp-d1: var(--cp-ye);
--cp-d2: var(--cp-yd);
--cp-d3: var(--cp-yc);
--cp-d4: var(--cp-yb);
--cp-d5: var(--cp-ya);
--cp-d6: var(--cp-y9);
--cp-d7: var(--cp-y8);
--cp-e1: #f00;
--cp-e2: #ff002d;
--cp-e3: #e81123;
--cp-e4: #e20000;
--cp-e5: #c20c0c;
--cp-e6: #df5446;
--cp-f1: #85caff;
--cp-f2: #5fb2f2;
--cp-f3: #328ad4;
--cp-f4: #1c6ebe;
--cp-f5: #0c73c2;
--cp-f6: #00b5ff;
--cp-f7: #3d91ec;
--cp-g1: #f4512e;
--cp-g2: #f0493c;
--cp-g3: #e03a24;
--cp-g4: #cc4a3d;
--cp-h1: #ffbd21;
--cp-h2: #ec7b05;
--cp-h3: #deac62;
--gb-aa: translate(-50%, -50%);
--gb-ab: var(--cp-b8);
--gb-ac: translateX(30px);
--gb-ad: cubic-bezier(0.1, 0.9, 0.2, 1);
--gb-ae: translateY(-30px);
--gb-af: translateY(30px);
--gb-ag: translateY(-50%);
--gb-ah: translate(50%, -50%);
--gb-ai: translateZ(0);
--gb-aj: translateY(0);
--gb-ak: translateX(-30px);
--gb-al: cubic-bezier(0.9, 0.1, 1, 0.2);
--gb-am: translateX(-50%);
--gb-an: translateX(-100%);
--gb-ao: translateY(50%);
--gb-ap: cubic-bezier(0.8, 0, 0.2, 1);
--gb-aq: cubic-bezier(0.1, 0.9, 0.2, 1.3);
--alt-aa: var(--_alt-aa);
scroll-behavior: smooth;
}
input,
textarea {
background: var(--cp-b0);
color: var(--cp-a0);
}
input[type="checkbox"],
input[type="radio"] {
width: 20px;
height: 20px;
line-height: 20px;
position: relative;
vertical-align: middle;
margin-right: 5px;
}
input[type="checkbox"] {
position: relative;
overflow: hidden;
}
input[type="checkbox"]::after,
input[type="checkbox"]::before,
input[type="radio"]::before {
content: "";
border: 2px solid var(--cp-c3);
background: var(--cp-b0);
display: block;
height: 20px;
width: 20px;
box-sizing: border-box;
}
input[type="checkbox"]::before {
font-size: 16px;
line-height: 16px;
text-align: center;
font-family: nmicons;
border-radius: 5px;
position: absolute;
top: 0;
left: 0;
}
input[type="checkbox"]::after {
border: 0;
}
input[type="checkbox"]:not(:disabled):checked::before {
border-color: var(--cp-00);
background: var(--gc-aa);
color: var(--cp-b0);
}
input[type="checkbox"]:not(:disabled):hover::before {
border-color: var(--cp-a0);
}
input[type="checkbox"]:not(:disabled):active::before {
border-color: var(--cp-00);
background: var(--cp-c6);
}
input[type="checkbox"]:disabled::before {
border-color: var(--cp-d6);
}
input[type="checkbox"]:disabled:checked::before {
color: var(--cp-d6);
}
input[type="checkbox"]:checked::before {
content: "\e02a";
}
input[type="radio"]::before {
border-radius: 100%;
}
input[type="radio"]:not(:disabled):hover::before {
border-color: var(--cp-a0);
}
input[type="radio"]:not(:disabled):active::before {
border-color: var(--cp-c6);
}
input[type="radio"]:not(:disabled):checked::before {
border-color: var(--gc-aa);
}
input[type="radio"]:disabled::before {
border-color: var(--cp-d6);
}
input[type="radio"]::after {
content: "";
background: 0 0;
position: absolute;
top: 50%;
left: 50%;
display: block;
height: 10px;
width: 10px;
border-radius: 100%;
transform: var(--gb-aa);
}
input[type="radio"]:not(:disabled):checked::after {
background: var(--cp-c3);
}
input[type="radio"]:not(:disabled):checked:hover::after {
background: var(--cp-a0);
}
input[type="radio"]:not(:disabled):checked:active::after {
background: var(--cp-c6);
}
input[type="radio"]:disabled:checked::after {
background: var(--cp-d6);
}
a,
a:hover {
color: var(--cp-c3);
}
body {
animation: fade-in 0.3s ease 0.1s backwards;
color: var(--cp-a0);
background: var(--cp-b0);
font-weight: 500;
}
img {
object-fit: cover;
object-position: center;
animation: fade-in-ph 0.3s ease backwards 0.5s;
transition: all 0.3s ease;
border-radius: 5px;
}
table {
border-collapse: initial;
}
::after,
::before,
a:hover {
text-decoration: none;
}
::after,
::before {
font-weight: 400;
-webkit-text-stroke: 0;
text-indent: 0;
}
.m-dlist .src {
border-radius: 10px;
}
.m-dlist .pics .pic {
border-radius: 5px;
}
.m-dlist .activity::after,
.m-dlist .ficon::after,
.m-dlist .hotrecmt .cover::after,
.m-dlist .pics .pic::after,
.m-dlist .src .cover::after,
.m-dlist .src-mv .mv::after {
content: none;
}
.m-table {
border-color: var(--cp-00);
border-spacing: 0 2px;
}
.m-table td,
.m-table th {
padding: 0 5px;
}
.m-table .w1 {
width: 60px;
}
.m-table .hd,
.m-table td {
height: 30px;
line-height: 30px;
}
.m-table .hd .ply {
float: none;
}
.m-table .hd {
display: flex;
justify-content: space-between;
align-items: center;
overflow: hidden;
}
.m-table .hd * {
order: 2;
}
.m-table .hd .num {
order: 1;
text-align: center;
white-space: nowrap;
}
.m-table .txt {
height: 100%;
line-height: 1.4;
}
.m-table th {
background: var(--cp-b0);
}
.m-table .w2,
.m-table-1 .w2-1 {
width: 83px;
}
.g-mymusic .m-table .w2 {
width: 103px;
}
.m-table .soil {
display: none;
visibility: hidden;
user-select: none;
}
.u-txtwrap {
padding-right: 0;
}
.m-table th .wp {
background: 0 0;
font-size: 16px;
font-weight: 400;
padding: 10px 10px 20px 10px;
overflow: hidden;
text-overflow: emphasis;
white-space: nowrap;
}
.m-nav .hot,
.m-nav a.z-slt .cor,
.m-subnav .shadow,
.m-tlist .arr,
.m-tophead .head .mask {
display: none;
}
.m-top {
background: var(--gc-aa);
top: 0;
width: 100%;
border: 0;
}
.m-top .logo {
background: 0 0;
padding-top: 0;
margin-top: 0;
color: var(--cp-b0);
font-size: 20px;
font-weight: 400;
max-height: 100%;
height: 70px;
width: 70px;
}
.m-top .logo a {
width: inherit;
padding-right: 0;
}
.m-top ul.m-nav > li {
overflow: hidden;
}
.m-top ul.m-nav a em {
width: 2.6em;
}
.m-top ul.m-nav li:nth-last-child(2) a em {
width: 3.1em;
}
.m-subnav {
border: 0;
}
.m-subnav:not(#g_nav) {
width: 100%;
background: var(--cp-b0);
border: 0;
}
.m-subnav .nav {
float: initial;
padding-left: 0;
display: flex;
justify-content: center;
}
.m-subnav .nav a {
background: 0 0;
color: var(--cp-c6);
text-shadow: none;
}
.m-subnav .nav a:hover {
color: var(--cp-a0);
}
.f-r-black-icon,
.f-r-white-icon {
display: none;
visibility: hidden;
opacity: 0;
pointer-events: none;
}
.f-r-icon-dis-5 {
width: 3px;
}
.n-chat .itemleft .chatbub,
.n-chat .itemleft .chatbub1 {
background: var(--cp-d2);
}
.n-chat .itemright .chatbub,
.n-chat .itemright .chatbub1 {
background: var(--gc-aa);
}
.n-chat:not(.wyynmd) .chatbub,
.n-chat:not(.wyynmd) .chatbub1 {
border-radius: 20px;
padding: 0;
overflow: hidden;
}
.n-chat:not(.wyynmd) .chatbub1 {
padding: 10px 15px;
}
.n-chat:not(.wyynmd) .cnt,
.n-chat:not(.wyynmd) .cor0,
.n-chat:not(.wyynmd) .cor1,
.n-chat:not(.wyynmd) .cor2,
.n-chat:not(.wyynmd) .corr {
background: 0 0;
padding: 0;
}
.n-chat:not(.wyynmd) .cls {
right: 5px;
}
.n-chat:not(.wyynmd) .mc {
margin-top: 5px;
}
.n-chat .sharecnt-alb .info {
margin-left: 70px;
}
.m-subnav .nav a em,
.m-subnav .nav a.z-slt em,
.m-subnav .nav a:hover em {
color: inherit;
background: 0 0;
text-shadow: none;
white-space: nowrap;
}
.m-subnav .nav a.z-slt,
.m-subnav .nav a.z-slt em {
color: var(--gc-aa);
font-weight: 700;
-webkit-text-stroke: currentColor 0.3px;
}
.m-topvd {
border: var(--cp-b0) 1px solid;
border-radius: 30px;
padding: 0;
line-height: 30px;
text-align: center;
color: var(--cp-b0);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.m-topvd:hover {
background: var(--cp-b2);
}
.m-topvd:active {
background: var(--cp-b0) !important;
color: var(--cp-a0);
}
.m-nav a {
color: var(--cp-b0);
font-weight: 400;
padding: 0;
margin: 0;
transition: all 0.3s var(--gb-ad);
}
.m-nav a:hover {
background: var(--cp-b2);
padding: 0;
margin: 0;
}
.m-nav a.z-slt {
background: var(--cp-b0);
color: var(--cp-a0);
margin: 0;
-webkit-text-stroke: 0.2px currentColor;
font-weight: 700;
border-radius: 10px 10px 0 0;
}
.m-nav a em,
.m-nav li.lst a em,
.m-nav li.lst a.z-slt em {
padding: 0 10px;
font-size: 16px;
font-weight: inherit;
text-align: center;
}
.m-nav a[data-module="discover"] em {
padding-left: 0;
}
.m-nav a[data-module="discover"] em,
.m-nav a[data-module="friend"] em,
.m-nav a[data-module="my"] em {
text-align: left;
}
.m-nav a[data-module="store"] {
margin-left: 20px;
}
.m-nav
a:not([data-module="discover"]):not([data-module="my"]):not([data-module="friend"]) {
opacity: 0;
}
.m-nav:hover
a:not([data-module="discover"]):not([data-module="my"]):not([data-module="friend"]) {
visibility: visible;
opacity: 0.5;
}
.m-nav:hover
a:not([data-module="discover"]):not([data-module="my"]):not([data-module="friend"]):hover {
opacity: 1;
}
.m-nav a[data-module="discover"] em,
.m-nav a[data-module="friend"] em,
.m-nav a[data-module="my"] em {
padding-left: 70px;
}
.m-nav a[data-module="discover"],
.m-nav a[data-module="friend"],
.m-nav a[data-module="my"] {
position: relative;
}
.m-nav a[data-module="discover"]::before {
content: "\e01f";
}
.m-nav a[data-module="my"]::before {
content: "\e01e";
}
.m-nav a[data-module="friend"]::before {
content: "\e00c";
}
.m-nav a[data-module="discover"]::before,
.m-nav a[data-module="friend"]::before,
.m-nav a[data-module="my"]::before {
font-family: nmicons;
font-weight: 400;
color: inherit;
font-size: 30px;
line-height: 70px;
text-align: center;
width: 70px;
height: inherit;
display: block;
position: absolute;
top: 0;
left: 0;
}
.m-nav a[data-module="download"].z-slt {
opacity: 1;
}
.m-subnav-up {
height: 6px;
}
.m-srch .srchbg {
overflow: hidden;
}
.m-srch .srchbg:focus-within {
box-shadow: 0 0 0 1px var(--cp-a3);
}
.m-srch .parent {
margin: 0;
display: block;
height: 100%;
width: 100%;
position: relative;
}
.m-srch .parent input {
width: 100%;
height: 100%;
background: 0 0;
border-radius: 99vh;
padding: 0 20px;
box-sizing: border-box;
position: relative;
z-index: 999999;
color: var(--cp-c3);
box-shadow: inset 0 32px 0 0 var(--cp-b8);
}
.m-srch .parent input:hover {
box-shadow: inset 0 32px 0 0 var(--cp-b9);
}
.m-srch .parent input:focus {
box-shadow: inset 0 32px 0 0 var(--cp-b0);
}
.m-srch .parent label {
white-space: nowrap;
position: absolute;
box-sizing: border-box;
padding: 0 20px;
top: 50%;
left: 50%;
width: 100%;
transform: var(--gb-aa);
pointer-events: none;
z-index: 999999;
display: block !important;
transition: all 0.3s ease;
}
.m-srch .parent label[style*="none"] {
opacity: 0;
pointer-events: none;
}
.m-srch,
.m-srch .srchbg {
float: left;
width: 200px;
}
.m-tophead .name {
max-width: 180px;
}
.m-back {
display: block !important;
transition: all 0.3s var(--gb-ad);
width: 50px;
height: 50px;
background: var(--cp-d1);
overflow: hidden;
left: 50vw;
border: 1px solid var(--cp-w1);
transform: scale(0.9);
}
.m-back[style*="none"] {
transition: all 0.15s var(--gb-al);
pointer-events: none;
opacity: 0;
transform: var(--gb-af) var(--gb-ai) scale(0.9);
}
.m-back:hover {
background: var(--cp-d2);
border: 1px solid var(--cp-w2);
text-decoration: none;
transform: scale(1);
}
.m-back:active {
background: var(--cp-d3);
border: 1px solid var(--cp-w3);
text-decoration: none;
transform: scale(1.1);
}
.m-back::before {
content: "\e027";
display: block;
font-family: nmicons;
font-weight: 400;
text-align: center;
width: 20px;
height: 20px;
line-height: 20px;
font-size: 20px;
margin: 15px;
color: var(--cp-c3);
transform: rotate(-90deg);
text-indent: 0;
}
.m-srch {
margin-left: 10px;
}
.m-playbar .bg {
margin: 0;
background: var(--cp-y3);
}
.m-playbar.wksplybrbg .bg {
position: relative;
overflow: hidden;
}
.m-playbar.wksplybrbg .bg::before {
content: "";
background: var(--a_plybarimgsrc) top/cover;
position: absolute;
display: block;
width: 100%;
height: 100%;
opacity: 0.5;
animation: bg-overview 10s ease-in-out infinite;
filter: blur(50px) saturate(3);
pointer-events: none;
}
.m-playbar.wksplybrbg .bg::after {
content: "";
position: absolute;
display: block;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
pointer-events: none;
}
.m-playbar .imgbg {
width: 415px;
left: initial;
right: 9px;
mix-blend-mode: screen;
overflow: hidden;
filter: blur(10px);
clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0);
}
.m-playbar.wksplybrbg .imgbg {
display: none;
}
.m-playbar.wksplybrbg .listbd::before {
content: "";
height: 100%;
width: 415px;
display: block;
position: absolute;
top: 0;
right: 9px;
pointer-events: none;
background: var(--a_plybarimgsrc) top/99vw;
animation: img-obj-pos-ani 20s ease-in-out infinite;
filter: blur(50px) saturate(3);
clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0);
opacity: 0.5;
}
.m-playbar.wksplybrbg .listbd::after {
content: "";
height: 100%;
width: 415px;
display: block;
position: absolute;
top: 0;
right: 9px;
pointer-events: none;
background: rgba(0, 0, 0, 0.6);
}
.m-playbar .imgbg::before {
content: "";
background: var(--gc-aa);
display: block;
height: 100%;
width: 100%;
}
.m-playbar .upload a {
color: var(--cp-x0);
background: var(--cp-z0);
text-shadow: none;
}
.m-playbar .listbd .bline {
border-radius: 99vh;
top: 0;
height: calc(100% - 2px) !important;
box-shadow: 0 2px 0 var(--cp-x0);
}
.m-tlist {
display: block !important;
right: -1px;
overflow: hidden;
border: 1px solid var(--cp-c7);
padding: 0 2px;
transform: var(--gb-ai);
box-shadow: 0 8px 30px var(--cp-a3);
transition: all 0.3s var(--gb-ad) 0.3s;
top: 100%;
background: var(--cp-c3);
border-radius: 10px;
}
.m-tlist[style*="none"] {
pointer-events: none;
box-shadow: none;
transform: translateY(-10px) var(--gb-ai);
transition: all 0.15s var(--gb-al) 0.3s;
opacity: 0;
}
a.s-fc3[data-action="login"] + .m-tlist {
visibility: hidden;
display: none !important;
}
.m-tlist .ltb {
border: 0;
}
.m-tlist .inner {
border: 0;
border-radius: 5px;
}
.m-tlist a {
padding: 0;
margin: 1px 0;
height: 32px;
line-height: 32px;
color: var(--cp-b0);
border-radius: 5px;
transform: scale(0.9);
transition: all 0.3s var(--gb-ad);
}
.m-tlist a:hover {
background: var(--cp-c4);
color: var(--cp-b0);
transform: scale(0.95);
}
.m-tlist a:active {
background: var(--cp-c5);
transform: scale(1);
}
.m-tlist .lt,
.m-tlist .ltb {
border-top: 0;
}
.m-playbar .head {
position: absolute;
margin: 5.3px 5.3px 2.8px 0;
bottom: 0;
left: 0;
height: 52px;
width: 52px;
box-sizing: border-box;
padding: 0;
background: var(--cp-y6);
transform: scale(0.8) translateX(-10px);
transform-origin: right bottom;
transition: all 0.3s ease 0.3s;
overflow: hidden;
border-radius: 7px;
box-shadow: 0 0 0 1px var(--cp-z1), 0 0 20px var(--cp-x3);
}
.m-playbar .head:hover {
transform: scale(1.5);
}
.m-playbar .head .mask,
.m-playbar .head img {
width: 100%;
height: 100%;
}
.m-playbar .btns {
position: absolute;
left: 50px;
width: auto;
padding: 0;
}
.m-playbar .play {
margin-left: 200px;
width: 0 !important;
flex-grow: 1;
}
#g_player .play .m-pbar {
width: calc(100% - 10px);
}
#g_player .play .m-pbar .barbg {
width: 100%;
}
.m-playbar .updn .left,
.m-playbar .updn .right {
background: 0 0;
height: 54px;
line-height: 54px;
top: 0;
}
.m-playbar .updn .btn {
display: inline-block;
margin-top: 0;
position: relative;
top: 5px;
}
.m-playbar .list {
bottom: 58px;
animation: side-in-l-n 0.5s var(--gb-ad) backwards;
opacity: 0.97;
min-height: 301px;
height: 60vh;
border-radius: 10px;
overflow: hidden;
margin-bottom: 0;
z-index: -1;
box-shadow: 0 0 30px var(--cp-a2);
}
.m-playbar .list::after {
content: "";
display: block;
height: 5px;
width: 100%;
left: 0;
bottom: 0;
position: absolute;
}
.m-playbar .list.hidden {
animation: side-in-l-r-n 0.5s var(--gb-ad) both;
pointer-events: none;
}
.m-msg {
width: 22px;
height: 27px;
margin-right: 20px;
}
.n-bilst {
box-shadow: 0 0 0 1px var(--cp-d3), 0 0 50px var(--cp-a1);
border-radius: 10px;
padding: 0;
overflow: hidden;
}
.n-bilst .top,
.n-bilst dd {
background: var(--cp-d1);
border-right: 1px solid var(--cp-d2);
}
.n-bilst .blk {
overflow: hidden;
}
.n-bilst .blk-1 {
width: 229px;
}
.n-bilst .blk-1:last-child .top,
.n-bilst .blk-1:last-child dd {
border-right: 0;
}
.n-bilst ol li,
.n-bilst ol li .no {
background: var(--gb-ab);
}
.n-bilst ol .no {
width: 50px;
margin-left: -50px;
}
.n-bilst .more {
background: var(--cp-b0);
margin: 0;
padding-right: 32px;
}
.m-tophead {
padding: 0 0 10px 0;
width: 32px;
height: 32px;
order: 3;
}
.m-tophead .head {
margin: 0;
width: 32px;
height: 32px;
margin-right: 10px;
transition: all 0.3s var(--gb-ad) 0.2s;
}
.m-tophead:hover .head {
transform: scale(1.2);
}
.m-tophead .head img {
border: 2px solid var(--cp-b0);
height: 28px;
width: 28px;
background: var(--cp-b0);
}
.g-topbar {
height: 70px;
min-width: 100%;
}
.g-top .m-top {
padding: 0 40px;
box-sizing: border-box;
}
.m-subnav#g_nav,
div.m-top[data-module] {
opacity: 1;
pointer-events: none;
height: 0;
}
div.m-top[data-module] {
height: 76px;
}
div.m-top[data-module="discover"] {
height: 104px;
}
.m-proifo .name .btn,
.u-btn-2,
.u-btn-3,
.u-btn-7,
.u-btn-8,
.u-btn-g,
.u-btn2,
.u-btn2.other {
background: var(--cp-d4);
border: 2px solid var(--cp-00);
box-sizing: border-box;
border-radius: 5px;
color: var(--cp-a0);
transition: all 0.1s ease;
}
.m-proifo .name .btn:hover,
.u-btn-2:hover,
.u-btn-3:hover,
.u-btn-7:hover,
.u-btn-8:hover,
.u-btn2.other:hover,
.u-btn2:hover {
border: 2px solid var(--cp-c7);
color: var(--cp-a0);
}
.m-proifo .name .btn:active,
.u-btn-2:active,
.u-btn-3:active,
.u-btn-7:active,
.u-btn-8:active,
.u-btn2.other:active,
.u-btn2:active {
background: var(--cp-d6);
border: 2px solid var(--cp-00);
}
.m-proifo .name .btn,
.u-btn-2,
.u-btn-3 {
padding: 0;
text-align: center;
min-width: 60px;
text-indent: 0;
}
.u-btn-7,
.u-btn-7 i,
.u-btn-8 {
padding: 0;
text-align: center;
text-indent: 0;
color: var(--cp-a0) !important;
width: 75px;
}
.u-btn-3 {
min-width: initial;
}
.m-proifo .name .btn > i,
.u-btn-3 i {
padding: 0;
display: block;
text-align: center;
color: inherit;
white-space: nowrap;
width: initial;
}
.u-btn2.u-btn2-dis {
color: var(--cp-a3);
background: var(--cp-d4);
border: 2px solid var(--cp-00);
transform: none;
}
.m-fans {
border: var(--cp-d1);
}
.m-fans li,
.m-fans li.last {
border: 0;
}
.m-fans li.bg {
background: 0 0;
}
.m-fans .info .u-icn-s-01,
.m-fans .info .u-icn-s-02 {
margin-top: 0;
}
.m-fans .info a .s-fc7 {
margin-left: 5px;
}
.m-playbar .list::after,
.m-playbar .listbd,
.m-playbar .listhd {
background: var(--cp-y2);
}
.m-playbar .listbd {
height: calc(100% - 46px);
}
.m-playbar .listbdc {
scroll-behavior: initial;
}
.m-playbar .imgbg,
.m-playbar .listbd .bline,
.m-playbar .listbdc,
.m-playbar .listlyric,
.m-playbar .msk {
height: 100%;
}
.m-playbar .msk {
display: none;
}
.m-playbar .list li {
border-radius: 10px;
width: calc(100% - 3px);
margin-bottom: 2px;
transform: scale(0.98);
}
.m-playbar .list li:hover {
background: var(--cp-z1);
transform: scale(0.99);
}
.m-playbar .list li.z-sel {
background: var(--cp-z2);
}
.m-playbar .list li:active {
transform: scale(1);
background: var(--cp-z3);
}
.m-playbar .list li.z-sel .col-2,
.m-playbar .list li.z-sel .col-4,
.m-playbar .list li.z-sel .col-5 {
-webkit-text-stroke: 0.2px currentColor;
}
div.m-emts {
animation: side-in 0.3s var(--gb-ad) backwards;
}
div.m-layer {
animation: window-in 0.3s var(--gb-ad) backwards;
border: 1px solid var(--cp-a1);
border-radius: 5px;
box-shadow: 0 10px 40px var(--cp-a3);
background: var(--cp-b0);
}
div.m-layer.hidden {
animation: window-in-r 0.3s var(--gb-ad) both;
pointer-events: none;
}
div.m-layer div.zcnt {
border: 0;
background: var(--cp-b0);
}
div.m-layer .zbar,
div.m-layer .zttl {
border-radius: 5px;
cursor: default;
height: 31px;
line-height: 31px;
box-sizing: border-box;
font-size: 12px;
font-weight: 400;
border: 0;
color: var(--cp-a0);
background: var(--cp-b0);
}
div.m-layer .zttl {
padding-left: 13px;
}
div.m-layer .zcls {
position: absolute;
top: 0;
right: 0;
display: block;
background: 0 0;
width: 46px;
height: 31px;
color: var(--cp-a0);
border-radius: 5px;
transform: scale(0.85);
transition: all 0.3s var(--gb-ad);
}
div.m-layer .zcls:hover {
color: var(--cp-b0);
background: var(--cp-e3);
transform: scale(0.9);
}
div.m-layer .zcls:active {
transform: scale(0.95);
opacity: 0.5;
}
div.m-layer .zcls::after {
content: "\e021";
display: block;
width: 13px;
height: 13px;
line-height: 13px;
text-align: center;
background: 0 0;
position: absolute;
top: 50%;
left: 50%;
color: inherit;
font-family: nmicons;
transform: var(--gb-aa);
text-indent: 0;
}
.u-icn2-11,
div.m-layer-down .left .btn {
border-radius: 99vh;
}
.m-vol {
transition: all 0.15s var(--gb-al);
top: calc(-119px + 20px);
opacity: 0;
}
.m-vol .vbg {
left: 50%;
transform: translateX(-50%);
border-radius: 8px;
overflow: hidden;
padding: 0;
margin: 4px 0;
transition: transform 0.3s ease;
background: var(--cp-d7);
width: 25px;
box-shadow: 0 0 20px var(--cp-a2);
}
.m-vol .vbg:hover {
transform: translateX(-50%) scale(1.1);
}
.m-vol .vbg:active {
transform: translateX(-50%) scale(0.9);
border-radius: 99vh;
}
.m-vol .curr {
border-radius: 0;
background: var(--gc-aa);
bottom: 0;
width: 100%;
}
.m-vol[style*="visible"] {
transition: all 0.3s var(--gb-ad);
opacity: 1;
top: -113px;
}
.m-vol .btn {
width: 18px;
height: 18px;
background: var(--gc-aa);
box-sizing: border-box;
border: 5px solid var(--cp-b0);
border-radius: 99vh;
box-shadow: 0 0 3px var(--cp-a0);
opacity: 0;
}
.m-vol .btn:active {
border-color: var(--cp-d6);
}
.m-plshare .full {
background: var(--cp-b0);
border: 1px solid var(--cp-d5);
}
.m-plshare .full,
.u-atlist {
animation: side-in 0.3s var(--gb-ad);
transition: all 0.3s var(--gb-ad);
display: block !important;
border-radius: 5px;
}
.m-plshare .full[style*="none"],
.u-atlist[style*="none"] {
transition: all 0.15s var(--gb-al);
pointer-events: none;
transform: var(--gb-ae);
opacity: 0;
}
.u-atlist {
background: var(--cp-b0);
border: 1px solid var(--cp-d3);
}
.f-thide.selected-item,
.u-atlist .lst a:hover {
background: var(--cp-d1);
}
.m-plshare .full a {
color: var(--cp-c6);
}
.m-plshare .full li {
border: 0;
}
.j-item.j-selected a,
.m-plshare .full a:hover {
color: var(--cp-c3);
background: var(--cp-d1);
}
.u-atlist p {
opacity: 0.5;
}
.m-playbar .upload {
animation: side-in 0.3s var(--gb-ad);
border-radius: 5px;
overflow: hidden;
box-shadow: 0 0 20px var(--cp-x2);
}
.m-table tbody > * {
animation: fade-in 0.3s ease 0.3s backwards;
}
.m-table .even td {
background: var(--cp-d1);
}
.m-pbar .btn {
top: -9px;
background: var(--gc-aa);
height: 22px;
transform: scale(0.7);
box-shadow: 0 0 10px var(--cp-x5);
}
.m-pbar .btn i {
--v-a: var(--cp-y3);
background: var(--cp-y3);
visibility: visible;
transform: scale(1.357);
transition: all 0.3s;
}
.m-pbar:active .btn i {
background: var(--gc-aa);
transform: scale(2.2);
}
.m-pbar .btn.z-load > i {
animation: scale-in-out 1s var(--gb-ad) both infinite;
}
.m-playbar[style*="hidden"] .m-pbar .btn i {
visibility: hidden;
}
.m-pbar .barbg {
margin-top: 2px;
position: relative;
background: 0 0;
}
.m-pbar .barbg::before {
content: "";
background: var(--cp-z2);
pointer-events: none;
position: absolute;
display: block;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.m-pbar .cur::before {
content: "";
background: var(--gc-aa);
pointer-events: none;
position: absolute;
display: block;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.m-pbar .rdy {
background: var(--cp-z3);
transition: width 0.3s var(--gb-ad);
border-radius: 99vh;
}
.m-pbar .barbg::before,
.m-pbar .cur::before,
.m-pbar .rdy {
clip-path: polygon(0 30%, 100% 30%, 100% 70%, 0 70%);
}
.m-pbar .barbg,
.m-pbar .cur,
.m-pbar .rdy {
height: 5px;
border-radius: 0;
}
.m-pbar .cur {
background: 0 0;
}
.m-pbar .time {
top: -25px;
right: 0;
transform: scale(0.7);
transform-origin: right;
}
.g-wrap {
animation: side-in-l 0.3s var(--gb-ad) backwards;
}
.n-minelst .left {
overflow: visible;
}
.n-minelst h2 {
color: var(--cp-a0);
}
.n-minelst ul.j-flag.f-cb {
display: block !important;
overflow: hidden;
transition: all 0.3s ease;
max-height: initial;
animation: cnt-show-alt 0.4s ease backwards;
}
.n-minelst-hide ul.j-flag.f-cb {
transition: all 0.3s ease;
max-height: 0;
pointer-events: none;
animation: none;
animation: cnt-hide 0.3s ease backwards;
}
.n-minelst li {
animation: fade-in 0.3s ease backwards;
padding: 5px 7px;
border-radius: 5px;
transform: scale(0.85);
transition: all 0.3s var(--gb-ad);
}
.n-minelst .z-hover,
.n-minelst li:hover {
background: var(--cp-d1);
transform: scale(0.9);
}
.n-minelst li:active {
transform: scale(0.95);
}
.n-minelst li.z-selected,
.n-minelst li.z-selected:hover {
background: var(--cp-d2);
}
.n-minelst .tri1 {
height: 14px;
width: 14px;
margin: -3px 5px 0 0;
border: 0;
}
.n-minelst .tri1::before {
content: "\e027";
font-family: nmicons;
font-size: 14px;
line-height: 14px;
font-weight: 400;
display: block;
text-align: center;
transform: rotate(90deg);
transition: all 0.3s ease;
}
.n-minelst-hide .tri1::before {
transform: rotate(0);
}
.m-playbar .tip,
.m-vol .barbg {
display: block !important;
transition: all 0.3s var(--gb-ad);
border: 1px solid var(--cp-y1);
background: var(--cp-y3);
border-radius: 5px;
}
.m-playbar .tip[style*="none"] {
transition: all 0.15s var(--gb-al);
transform: var(--gb-af);
opacity: 0;
pointer-events: none;
}
.m-playbar .tip {
top: -48px;
left: -93px;
height: 37px;
}
.m-playbar .tip-1 {
top: -44px;
height: 33px;
left: 27px;
}
.m-vol .barbg {
top: -1px;
opacity: 0;
}
.n-sltlyr .ft,
.n-sltlyr .hd {
background: 0 0;
display: none;
}
.n-sltlyr .bd {
background: var(--cp-b0);
padding: 20px 10px;
box-shadow: 0 8px 24px 0 var(--cp-a5);
border-radius: 10px;
}
.n-sltlyr {
display: block !important;
transition: all 0.15s var(--gb-al);
opacity: 0;
pointer-events: none;
transform: var(--gb-ae);
border: 0;
}
.n-sltlyr-show {
transition: all 0.3s var(--gb-ad);
opacity: 1;
pointer-events: auto;
transform: var(--gb-aj);
}
.n-sltlyr dd,
.n-sltlyr dd.last,
.n-sltlyr dt {
padding-bottom: 16px;
}
.n-sltlyr dd,
.n-sltlyr dt,
.n-sltlyr h3 {
border-color: var(--cp-d2);
}
.n-sltlyr .f-cb {
border-bottom: 1px solid var(--cp-d2);
}
.n-sltlyr .f-cb:last-child {
border: 0;
}
.g-iframe {
top: 0;
}
.m-nav a em,
.m-tophead .name {
color: inherit;
}
.n-chat {
overscroll-behavior: contain;
height: calc(100vh - 330px) !important;
min-height: 400px;
scroll-behavior: initial;
}
.n-chat .itemleft .main {
animation: side-in 0.3s var(--gb-ad) backwards;
}
.n-chat .ava img,
.u-cover-3 img {
width: 100%;
height: 100%;
}
.m-table {
transform: translateX(1px);
}
.u-cover-rank {
padding: 0;
border: 0;
}
.n-iconpoint div.tip i.b,
.n-iconpoint div.tip i.t {
display: none;
}
.n-iconpoint div.tip {
transition: all 0.15s var(--gb-al);
display: block;
pointer-events: none;
opacity: 0;
transform: var(--gb-ae);
box-shadow: 0 0 12px var(--cp-a3);
background: var(--cp-b0);
border-radius: 5px;
border: 2px solid var(--cp-d3);
left: 0;
top: 150%;
}
.n-iconpoint:hover div.tip {
transition: all 0.3s var(--gb-ad);
pointer-events: auto;
opacity: 1;
transform: var(--gb-aj);
}
.m-playbar .listlyric p {
line-height: 20px;
padding: 10px 0;
font-size: 12px;
transition: all 0.2s ease;
width: 50%;
box-sizing: border-box;
transform: scale(0.9);
font-weight: 500;
opacity: 0.4;
margin: 0 auto;
}
.m-playbar .listlyric p:first-child {
padding-top: 33%;
transform-origin: bottom;
}
.m-playbar .listlyric p.z-sel {
font-size: 12px;
transform: scale(1.3);
-webkit-text-stroke: 0.5px currentColor;
transition: all 0.5s var(--gb-aq), margin 0.2s ease;
margin-bottom: 20px;
opacity: 1;
}
.m-playbar .listlyric p.z-sel ~ p {
opacity: 0.7;
}
.m-playbar .listlyric p.z-sel + p {
opacity: 1;
transform: scale(1) translateY(-10px);
transition: all 0.2s ease 0.1s;
color: var(--cp-ya);
}
.m-playbar .listlyric p.z-sel + p + p {
transform: scale(0.95) translateY(-5px);
transition: all 0.2s ease 0.2s;
opacity: 0.9;
}
.m-tophead .link,
.m-tophead .link:hover,
.m-tophead:hover .link {
color: var(--cp-b0);
}
.u-btn.f-fr.d-flag {
background: 0 0;
}
.u-btn.f-fr.d-flag a {
background: 0 0;
color: var(--cp-c3);
}
.u-btn.f-fr.u-btn-hot.d-flag a:first-child,
.u-btn.f-fr.u-btn-new.d-flag a:nth-child(2) {
background: var(--gc-aa);
color: var(--cp-b0);
border-radius: 5px;
}
.m-dlist .doper .u-dicn-4 ~ .j-flag {
color: var(--gc-aa);
}
.u-lstlay {
background: var(--cp-b0);
text-shadow: none !important;
}
.m-srch .u-lstlay {
display: block !important;
width: 201px;
text-shadow: none;
box-shadow: 0 8px 24px var(--cp-a5);
top: 60px;
box-sizing: content-box;
border-radius: 0 0 15px 15px;
left: calc(50% - 102px);
border: 1px solid var(--cp-d4);
opacity: 1;
transition: all 0.3s ease;
background: var(--cp-d0);
}
.m-srch .u-lstlay[style*="none"] {
opacity: 0;
pointer-events: none;
}
.m-srch .u-lstlay::before {
content: "";
position: absolute;
bottom: 100%;
left: -1px;
height: 42px;
width: 100%;
pointer-events: none;
background: var(--cp-b0);
border: 1px solid var(--cp-d4);
border-bottom: none;
box-shadow: 0 -10px 20px var(--cp-a1);
border-radius: 16px 16px 0 0;
}
.m-srch .u-lstlay::after {
content: "";
border-bottom: none;
position: absolute;
bottom: 100%;
left: 0;
right: 0;
margin: 0 10px 9px 10px;
height: 1px;
box-sizing: border-box;
background: var(--cp-a3);
}
.m-schlist {
max-height: calc(99vh - 123px);
overflow: auto;
}
.m-schlist a.slt {
background: var(--cp-d1);
}
.m-schlist .note {
border: 0;
}
.m-schlist .hd {
float: none;
width: auto;
display: block;
margin: 0;
border: 0;
line-height: 17px;
padding: 5px 10px;
overflow: hidden;
border-top: 1px solid var(--cp-d4);
}
.m-schlist ul {
margin: 0;
border: 0;
padding: 5px 10px 10px 5px;
background: 0 0 !important;
}
.m-schlist .rap {
overflow: hidden;
}
.u-date .head {
background: var(--gc-aa);
color: var(--cp-b0);
border-radius: 15px 15px 0 0;
text-shadow: none;
}
.u-date .bd {
position: relative;
z-index: 1;
color: var(--cp-c2);
}
.u-date .mask {
width: 100%;
background: var(--cp-d1);
border: 1px solid var(--cp-d4);
border-top: 0;
box-sizing: border-box;
border-radius: 0 0 15px 15px;
}
.m-nav .dot {
border: 2px solid var(--cp-b0);
left: initial;
right: 5px;
background: var(--gc-aa);
}
.n-srch .pgsrch {
position: relative;
}
.n-srch .pgsrch .srch {
margin: 0;
padding: 12px 70px 12px 20px;
box-sizing: border-box;
height: 100%;
width: 100%;
background: var(--cp-a1);
border-radius: 20px;
border: 1px solid var(--cp-00);
float: none;
}
.n-srch .pgsrch .srch:hover {
background: var(--cp-a2);
}
.n-srch .pgsrch .srch:focus {
border: 1px solid var(--cp-d6);
background: var(--cp-b0);
}
.n-srch .pgsrch .u-lstlay {
border-radius: 0 0 20px 20px;
top: 40px;
border: 1px solid var(--cp-d6);
border-top: 0;
width: 420px;
box-shadow: 0 15px 20px var(--cp-a3);
}
.n-srch .pgsrch .u-lstlay::before {
content: "";
width: 20px;
height: 20px;
background: var(--cp-b0);
border: 1px solid var(--cp-d6);
border-right: 0;
border-top: 0;
position: absolute;
bottom: 100%;
left: -1px;
border-radius: 0 20px 0 0;
pointer-events: none;
}
.n-srch .pgsrch .u-lstlay::after {
content: "";
width: 20px;
height: 20px;
background: var(--cp-b0);
border: 1px solid var(--cp-d6);
border-left: 0;
border-top: 0;
position: absolute;
bottom: 100%;
right: -1px;
border-radius: 20px 0 0 0;
pointer-events: none;
}
.n-srch .pgsrch .btn {
float: none;
position: absolute;
top: 0;
right: 0;
background: 0 0;
color: var(--cp-00);
z-index: 99999999999;
}
.n-srch .pgsrch .btn::after {
content: "\e00b";
display: block;
height: 16px;
width: 16px;
font-family: nmicons;
font-weight: 400;
font-size: 14px;
text-align: center;
line-height: 16px;
color: var(--cp-a0);
position: absolute;
top: calc(50% - 8px);
left: calc(50% - 8px);
text-indent: 0;
}
.n-enter li,
.n-hotdj .cver img {
border-radius: 31px;
overflow: hidden;
}
.n-enter .itm {
background: var(--cp-d1);
}
.n-enter .itm:hover {
background: var(--cp-d1);
}
.n-enter .itm:active {
background: var(--cp-d4);
}
.n-enter .ifo {
border: 0;
}
.n-ban .download .btn {
color: var(--cp-b0);
background: var(--cp-f3);
text-indent: 0;
font-size: 20px;
text-align: center;
line-height: 52px;
letter-spacing: 2px;
border: 2px solid var(--cp-00);
box-sizing: border-box;
border-radius: 10px;
}
.n-ban .download .btn:hover {
border: 2px solid var(--cp-b3);
}
.n-ban .download .btn:active {
border: 2px solid var(--cp-00);
background: var(--cp-b0);
color: var(--cp-a0);
}
.n-dncnt .down .btn {
background: var(--cp-d4);
color: var(--cp-a0);
border: 2px solid var(--cp-00);
text-align: center;
padding: 0;
line-height: 23px;
transition: all 0.1s ease;
}
.n-dncnt .down .btn:hover {
border: 2px solid var(--cp-c7);
}
.n-dncnt .down .btn:active {
background: var(--cp-d6);
border: 2px solid var(--cp-00);
transform: scale(0.95);
}
#update_form .n-base .avatar,
.m-cmmt .cmmts .head img,
.m-cmmt .head img,
.m-dlist .ficon,
.m-fans .ava img,
.m-gz li img,
.m-hdlist .hd img,
.m-info .user .face img,
.m-lysearch .srchlist [data-type="20"] .u-cover img,
.m-piclist li img,
.m-plshare .full [data-userid] img,
.m-proifo dt img,
.m-timeline .dsup a[href^="/user/home"] img,
.m-top .user .img,
.m-top .user .img img,
.n-apply .user .head,
.n-chat .ava img,
.n-enter .head img,
.n-frdlist-1 li img,
.n-frduser .face img,
.n-head .avatar,
.n-head .avatar img,
.n-head .avatar::after,
.n-head .avatar::before,
.n-msgnt .ava img,
.n-msgnt-1 .ava img,
.n-myinfo .head,
.n-singer .itm .cvr img,
.u-cover-3 a[href^="/user/home"] img,
.u-cover-5 img {
border-radius: 99vh;
box-shadow: 0 0 0 1px var(--cp-d2);
overflow: hidden;
clip-path: circle(45% at 50% 50%);
transition: all 0.3s ease;
}
#update_form .n-base .avatar:hover,
.m-cmmt .cmmts .head img:hover,
.m-cmmt .head img:hover,
.m-fans .ava img:hover,
.m-gz li img:hover,
.m-hdlist .hd img:hover,
.m-info .user .face img:hover,
.m-lysearch .srchlist [data-type="20"] .u-cover img:hover,
.m-piclist li img:hover,
.m-plshare .full [data-userid] img:hover,
.m-proifo dt img:hover,
.m-timeline .dsup a[href^="/user/home"] img:hover,
.m-top .user .img img:hover,
.m-top .user .img:hover,
.n-apply .user .head:hover,
.n-chat .ava img:hover,
.n-frdlist-1 li img:hover,
.n-frduser .face img:hover,
.n-head .avatar img:hover,
.n-head .avatar:hover,
.n-head .avatar:hover::after,
.n-head .avatar:hover::before,
.n-msgnt .ava img:hover,
.n-msgnt-1 .ava img:hover,
.n-myinfo .head:hover,
.n-singer .itm .cvr img:hover,
.u-cover-3 a[href^="/user/home"] img:hover,
.u-cover-5 img:hover {
clip-path: circle(50% at 50% 50%);
transform: scale(1.1);
border-radius: 99vh;
}
.m-back,
.m-pbar .btn,
.m-pbar .btn i,
.n-myinfo .head img,
.u-icn-5,
.u-icn-5::before,
.u-icn2-music2,
.u-icn2-quaver,
.u-slg {
border-radius: 100%;
}
.m-top .user .name {
color: var(--cp-b0);
}
.n-head .info .btn {
background: var(--cp-f3);
color: var(--cp-b0);
border: 2px solid var(--cp-00);
text-align: center;
}
.n-head .info .btn:hover {
border: 2px solid var(--cp-b3);
color: var(--cp-b0);
}
.n-head .info .btn:active {
border: 2px solid var(--cp-00);
color: var(--cp-a0);
background: var(--cp-b0);
}
.m-top .login .entr,
.m-top .user .entr,
.n-head .info .btn-gray {
background: var(--cp-d4);
color: var(--cp-a0);
border: 2px solid var(--cp-00);
text-align: center;
transition: all 0.1s ease;
}
.m-top .login .entr:hover,
.m-top .user .entr:hover,
.n-head .info .btn-gray:hover {
border: 2px solid var(--cp-c7);
color: var(--cp-a0);
background: var(--cp-d4);
}
.m-top .login .entr:active,
.m-top .user .entr:active,
.n-head .info .btn-gray:active {
background: var(--cp-d6);
border: 2px solid var(--cp-00);
color: var(--cp-a0);
transform: scale(0.95);
}
.m-info .cover {
background: var(--cp-c7);
padding: 0;
}
html.has-mib .g-wrap > .m-info {
position: relative;
}
html.has-mib .g-wrap > .m-info::before {
content: "";
display: block;
position: absolute;
height: 250px;
width: 250px;
pointer-events: none;
background: var(--mib) no-repeat top/cover;
transform: translate(-25px, -25px) scale(0.8);
filter: blur(30px) saturate(5) opacity(0.3);
animation: fade-in 0.5s linear 1.5s backwards;
transition: all 0.3s linear;
}
html.has-mib .g-wrap > .m-info-rank::before {
height: 200px;
width: 200px;
}
html.has-mib .g-wrap:hover > .m-info::before {
filter: blur(40px) saturate(5) opacity(1);
}
.n-minelst .avatar img,
.n-special .songlist img,
.u-cover img {
box-shadow: 0 0 0 1px var(--cp-a1);
}
.m-info .cover {
border-radius: 10px;
box-shadow: 0 0 20px var(--cp-a2);
perspective: 1000px;
transition: all 0.3s ease;
}
.m-info .cover img {
border-radius: 10px;
transform-style: preserve-3d;
transition: all 0.3s ease;
background: inherit;
transform-origin: center -360px;
}
.g-wrap:hover .m-info .cover img {
transform: rotateX(8deg) translateZ(2px);
}
.g-wrap:hover .m-info .cover {
box-shadow: 0 20px 50px var(--cp-a2);
}
.m-info .cover::before {
content: "";
display: block;
width: 80%;
height: 5px;
background: var(--cp-a4);
position: absolute;
bottom: 100%;
pointer-events: none;
left: 10%;
transition: all 0.3s ease;
border-radius: 5px 5px 0 0;
}
.m-info .cover::after {
content: "";
display: block;
width: 60%;
height: 3px;
background: var(--cp-a2);
position: absolute;
bottom: calc(100% + 5px);
pointer-events: none;
left: 20%;
transition: all 0.3s ease;
border-radius: 3px 3px 0 0;
}
.g-wrap:hover .m-info .cover::before {
height: 15px;
}
.g-wrap:hover .m-info .cover::after {
bottom: calc(100% + 15px);
height: 6px;
}
.m-cvrlst li,
.p-prf .m-cvrlst li {
overflow: visible;
}
div.u-page .zbtn,
div.u-page .zpgi {
background: var(--cp-d4);
color: var(--cp-a0);
border: 2px solid var(--cp-00);
padding: 3px 10px;
text-align: center;
border-radius: 5px;
transition: all 0.1s ease;
}
div.u-page .zbtn:hover,
div.u-page .zpgi:hover {
background: var(--cp-d4);
color: var(--cp-a0);
border: 2px solid var(--cp-c7);
}
div.u-page .zbtn:active,
div.u-page .zpgi:active {
background: var(--cp-d6);
color: var(--cp-a0);
border: 2px solid var(--cp-00);
transform: scale(0.95);
}
div.u-page a.js-selected {
background: var(--gc-aa);
color: var(--cp-b0);
border: 2px solid var(--cp-00);
}
div.u-page a.js-selected:hover {
background: var(--gc-aa);
border: 2px solid var(--cp-b3);
color: var(--cp-b0);
}
div.u-page a.js-selected:active {
background: var(--cp-b0);
border: 2px solid var(--cp-00);
color: var(--cp-a0);
}
div.u-page a.znxt.js-disabled,
div.u-page a.znxt.js-disabled:active,
div.u-page a.znxt.js-disabled:hover,
div.u-page a.zprv.js-disabled,
div.u-page a.zprv.js-disabled:active,
div.u-page a.zprv.js-disabled:hover {
background: var(--cp-d3);
color: var(--cp-c7);
border: 2px solid var(--cp-00);
padding: 3px 10px;
text-align: center;
border-radius: 5px;
transform: none;
}
.m-cmmt {
min-height: 400px;
}
.m-tabs {
border: 0;
}
.m-tabs em {
font-size: 22px;
font-weight: 400;
color: var(--cp-a6);
text-align: left;
width: auto;
margin-right: 20px;
}
.m-tabs a.z-slt em {
color: var(--gc-aa);
font-weight: 700;
}
.n-bind .delete .btn {
background: var(--gc-aa);
border: 2px solid var(--cp-00);
color: var(--cp-b0);
border-radius: 5px;
}
.n-bind .delete .btn:hover {
background: var(--gc-aa);
border: 2px solid var(--cp-b3);
color: var(--cp-b0);
}
.n-bind .delete .btn:active {
background: var(--cp-b0);
border: 2px solid var(--cp-00);
color: var(--cp-a0);
}
.n-frduser ul {
left: 0;
right: 0;
text-align: center;
}
.n-frduser li {
float: none;
display: inline-block;
}
.n-frduser li:nth-child(1) {
border: 0;
}
.n-frduser li em {
text-align: center;
}
[data-module="store"] .m-select li a em {
display: none;
}
.m-item.m-back {
border: 0;
width: 100%;
}
.m-item.m-back::before {
margin: 15px auto;
border-color: var(--cp-c3);
}
.n-ban .download {
background: var(--gb-ab) var(--gs-ab) no-repeat center 72px/150px;
right: 1px;
width: 251px;
}
.n-myinfo .dny {
margin: 22px 0;
text-align: center;
}
.n-myinfo .dny li {
float: none;
display: inline-block;
}
.m-srch .parent label::after {
content: "\e00b";
display: block;
height: 16px;
width: 16px;
color: var(--cp-d6);
position: absolute;
top: calc(50% - 8px);
right: 14px;
font-family: nmicons;
font-weight: 400;
font-size: 14px;
text-align: center;
line-height: 16px;
pointer-events: none;
z-index: 9999999;
}
.m-srch .parent label[style*="none"]::after,
.m-srch .parent label[style*="none"]::before {
display: none;
}
.m-info .hd .type {
top: 0;
}
.m-info .hd h2 {
font-weight: 700;
-webkit-text-stroke: 0.2px currentColor;
}
.m-info .hd .type::before,
.u-icn-13::before,
.u-icn-16::before,
.u-icn-37::before,
.u-icn-93::before,
.u-icn-98,
.u-icn2-7::before {
content: "";
background: var(--gc-aa);
color: var(--cp-b0);
height: 24px;
line-height: 24px;
box-sizing: border-box;
display: inline-block;
padding: 0 10px;
font-size: 12px;
font-weight: 400;
width: auto;
border-radius: 5px;
}
.u-icn-98 {
position: relative;
overflow: visible;
margin-top: 0;
}
.u-icn-98::after {
top: 0;
left: 100%;
}
.m-info .hd .type::before,
.u-icn-13::before {
content: "\6b4c\5355";
}
.u-icn-93::before {
content: "\7535\53f0";
}
.u-icn2-7::before {
content: "\7535\53f0\8282\76ee";
}
.u-icn-16::before {
content: "\4e13\8f91";
}
.u-icn-37::before {
content: "\5355\66f2";
}
.u-icn2-mvtag::before,
.u-icn2-smvtag::before {
content: "MV";
line-height: 16px;
font-size: 13px;
color: var(--gc-aa);
border: 1px solid currentColor;
font-weight: 400;
display: block;
text-align: center;
transform: scale(0.8);
}
.u-icn2-smvtag::before {
line-height: 14px;
font-size: 12px;
}
.n-myinfo .info .tip {
animation: side-in 0.3s var(--gb-ad) backwards,
fade-out 0.3s ease 1s forwards;
color: var(--cp-a0);
background: var(--cp-d1);
border: 1px solid var(--cp-d3);
border-radius: 5px;
padding: 8px;
line-height: 1;
width: auto;
height: auto;
pointer-events: none;
}
.n-myinfo .info > h4:hover > :not(.nm-icn) {
display: none;
}
.n-myinfo .info > h4:hover > .nm-icn {
max-width: 100% !important;
}
.u-icn-53 {
position: relative;
}
.u-icn-53::before {
content: "\7535\53f0\8282\76ee";
font-size: 12px;
color: var(--gc-aa);
white-space: nowrap;
transform: var(--gb-aa) scale(0.65);
transform-origin: center;
display: block;
position: absolute;
top: 50%;
left: 50%;
}
.u-icn-53::after {
content: "";
border: 1px solid var(--gc-aa);
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.n-nmusic .u-icn-22 {
width: 14px;
height: 14px;
background: 0 0;
position: relative;
vertical-align: text-top;
}
.n-nmusic .u-icn-22::before {
content: "\e004";
font-size: 14px;
color: var(--gc-aa);
white-space: nowrap;
transform: var(--gb-aa);
transform-origin: center;
display: block;
position: absolute;
top: 50%;
left: 50%;
font-family: nmicons;
}
.n-myinfo .btn {
background: var(--gc-aa);
color: var(--cp-b0);
box-shadow: none;
border: 2px solid var(--cp-00);
text-shadow: none;
border-radius: 5px;
}
.n-myinfo .btn:hover {
background: var(--gc-aa);
color: var(--cp-b0);
box-shadow: none;
border: 2px solid var(--cp-b3);
}
.n-myinfo .btn:active {
background: var(--cp-b0);
color: var(--cp-a0);
box-shadow: none;
border: 2px solid var(--cp-00);
}
.u-icn-5 {
background: var(--gc-aa);
position: relative;
height: 17px;
width: 17px;
}
.n-disk {
border-radius: 10px;
overflow: hidden;
background: var(--cp-00);
border: 1px solid var(--cp-d3);
}
.n-disk .nxt,
.n-disk .pre {
background: 0 0;
}
.n-disk .inner {
background: var(--cp-d1);
border-radius: inherit;
}
.s-fc1 {
color: var(--cp-c3);
}
a.s-fc1:hover {
color: var(--cp-a0);
}
.n-disk .nxt::before,
.n-disk .pre::before,
.u-icn-5::before {
content: "\e027";
height: 17px;
line-height: 17px;
width: 17px;
font-family: nmicons;
font-size: 12px;
font-weight: 400;
text-align: center;
display: block;
color: var(--cp-c6);
}
.n-disk .pre::before {
transform: rotate(180deg);
}
.u-icn-5::before {
content: "\e018";
transform: scale(0.7);
color: var(--cp-b0);
}
.u-dicn-38,
.u-dicn-40 {
border: 1px solid var(--cp-d3);
border-radius: 50px;
text-align: center;
}
.u-dicn-38::before,
.u-dicn-40::before {
line-height: 24px;
font-family: nmicons;
font-weight: 900;
font-size: 14px;
vertical-align: middle;
margin-right: 5px;
}
.u-dicn-38::before {
content: "\e016";
}
.u-dicn-40::before {
content: "\e01d";
}
.u-dicn-38::after,
.u-dicn-40::after {
content: attr(title);
line-height: 24px;
vertical-align: middle;
}
.u-dicn-38:hover,
.u-dicn-40:hover {
border: 1px solid var(--cp-a0);
}
.u-icn2-srch::before {
content: "\e00b";
line-height: 16px;
font-family: nmicons;
font-weight: 900;
font-size: 15px;
text-align: center;
color: var(--cp-d4);
height: 16px;
width: 16px;
position: absolute;
top: calc(50% - 8px);
left: calc(50% - 8px);
display: block;
}
.m-top .channel {
color: var(--cp-b0);
border-left: 1px solid var(--cp-b0);
}
.m-tophead .name:hover,
.m-tophead:hover .name {
color: var(--cp-b0);
}
.u-title:not(.u-title-2),
.v-hd2,
.v-hd3 {
border-bottom: 2px solid var(--gc-aa);
padding-bottom: 7px;
}
.v-hd3 {
color: var(--cp-c3);
}
.s-bg-6,
.v-hd2 .more .cor.s-bg-6 {
position: relative;
vertical-align: middle;
height: 16px;
width: 16px;
}
.s-bg-6::before {
content: "\e025";
display: block;
height: 16px;
width: 16px;
line-height: 16px;
font-family: nmicons;
font-weight: 900;
font-size: 15px;
text-align: center;
color: var(--gc-aa);
}
.m-schlist .s-fc3 {
white-space: nowrap;
}
.v-hd2 .more > i {
transition: transform 0.2s var(--gb-ad);
}
.v-hd2 .more > a:hover + i {
transform: translateX(5px);
}
.v-hd2 .more .s-fc3 {
vertical-align: middle;
color: var(--gc-aa);
}
.v-hd2 .more .s-fc3:hover {
color: var(--cp-c6);
}
.s-fc3:hover ~ .s-bg-6::before {
color: var(--cp-c6);
}
.n-rcmd .m-cvrlst-idv .idv .btn {
background: var(--cp-d4);
color: var(--cp-a0);
border: 2px solid var(--cp-00);
text-align: center;
border-radius: 5px;
display: block !important;
transition: all 0.1s ease;
position: static !important;
margin-top: 16px;
}
.n-rcmd .m-cvrlst-idv .idv .btn:hover {
background: var(--cp-d4);
color: var(--cp-a0);
border: 2px solid var(--cp-c7);
}
.n-rcmd .m-cvrlst-idv .idv .btn:active {
background: var(--cp-d6);
color: var(--cp-a0);
border: 2px solid var(--cp-00);
transform: scale(0.95);
}
.n-rcmd .m-cvrlst-idv .idv em {
display: block !important;
visibility: visible !important;
}
.u-title .menu i {
color: var(--cp-a0) !important;
}
.u-title .menu .u-icn-38 {
width: 12px;
display: inline-block;
height: 100%;
position: relative;
background: 0 0;
color: inherit;
}
.n-top50 .sltbtn .u-icn-arr {
height: 100%;
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
background: 0 0;
color: inherit;
}
.u-icn-38 {
position: relative;
width: 12px;
height: 12px;
background: 0 0;
color: inherit;
}
.u-icn-38::before {
content: "\e027";
display: block;
position: absolute;
font-family: nmicons;
color: inherit;
width: 12px;
height: 12px;
font-size: 12px;
line-height: 1;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(90deg);
}
.n-bind .bind,
.n-bind .bind li,
.n-bind .topban {
background: var(--cp-d1);
border: 0;
border-radius: 5px;
overflow: hidden;
}
.n-bind .bind .logo {
clip-path: ellipse(35% 35% at 49% 48%);
}
.n-bind .topban .logo {
clip-path: ellipse(35% 35% at 48% 45%);
}
.ant-select-dropdown > div,
.ant-select-item,
.ant-select:not(.ant-select-customize-input) .ant-select-selector,
.n-bind .bind,
.n-bind .topban,
.n-ltlst li a.z-slt,
.n-ltlst li a.z-slt:hover,
.n-music,
.n-setce .sentence,
.n-setce .sentence li,
.n-singer .u-btn2,
.n-sltlyr {
border-radius: 5px;
}
.n-artdesc h2 i,
.n-ltlst li a.z-slt,
.n-ltlst li a.z-slt:hover {
background: var(--gc-aa);
}
.n-artdesc h2 {
color: var(--cp-c3);
}
.u-title .tab a.z-sel {
color: var(--gc-aa);
}
.ant-select-dropdown {
display: block !important;
transform: none !important;
opacity: 1 !important;
pointer-events: none;
padding: 0;
overflow: visible;
background: 0 0;
box-shadow: none;
}
.ant-select-item {
color: var(--cp-a0) !important;
font-weight: 400 !important;
font-size: 12px;
}
.ant-select-item:hover {
background: var(--cp-d2);
}
.ant-select-item:active {
background: var(--cp-d4);
}
.ant-select-item-option-selected:not(.ant-select-item-option-disabled):active {
background: var(--cp-f1);
}
.ant-select-item-option-selected:not(.ant-select-item-option-disabled):hover {
background: var(--cp-f2);
}
.ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
background: var(--cp-f1);
}
.ant-select-dropdown > div {
transform: translateY(-44px);
border: 1px solid var(--cp-d3);
background: var(--cp-d1);
padding: 8px 2px;
transition: all 0.3s var(--gb-ad);
opacity: 0;
overflow: hidden;
box-sizing: border-box;
clip-path: polygon(0 0, 100% 0, 100% 40px, 0 40px);
}
.ant-select-dropdown:not(.ant-select-dropdown-hidden) > div {
transform: translateY(calc(-50% - 24px));
opacity: 1;
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
animation: ant-dropdown-ani 0.3s var(--gb-ad) backwards;
}
.ant-select-dropdown:not(.ant-select-dropdown-hidden) {
pointer-events: initial;
}
div.n-lyric-layer .lylabtn {
border-radius: 0 0 5px 5px;
}
.n-sltlyr .f-cb:hover {
background: var(--cp-a1);
}
.m-info .hd .typ,
.m-item.m-back,
.m-nav a,
.m-nav a em,
.m-nav li,
.m-nav li span,
.m-playbar .head .mask,
.m-playbar .list,
.m-srch .srchbg,
.m-tabs,
.m-tabs a,
.m-tabs a.z-slt em,
.m-tabs em:hover,
.m-tabs1 a,
.m-tabs1 em,
.m-tophead,
.m-topvd,
.n-artist .mask,
.n-ban .download .shadow,
.n-ban .download .shadowr,
.n-bilst,
.n-bilst ol li:nth-child(2n),
.n-bilst ol li:nth-child(2n) .no,
.n-disk li,
.n-frduser,
.n-myinfo,
.n-special .songlist .mask,
.n-srch .pgsrch,
.s-bg-6,
.u-cover .msk,
.u-cover-0 .icon-play,
.u-cover-1 .msk,
.u-cover-10 .icon-play,
.u-cover-11 .icon-play,
.u-cover-12 .icon-pla,
.u-cover-4 .msk,
.u-cover-9 .icon-play,
.u-cover-alb1 .icon-play,
.u-cover-alb1 .msk,
.u-cover-alb2 .icon-play,
.u-cover-alb3 .icon-play,
.u-cover-tiny .ply,
.u-date,
.u-date .mask,
.u-dicn-38,
.u-dicn-40,
.u-icn-1,
.u-icn-13,
.u-icn-16,
.u-icn-37,
.u-icn-38,
.u-icn-53,
.u-icn-53::after,
.u-icn-68,
.u-icn-84,
.u-icn-93,
.u-icn2-7,
.u-icn2-music2,
.u-icn2-mvtag,
.u-icn2-smvtag,
.u-icn2-srch,
.u-icn2-srch::before,
.u-slt,
.u-slt .btn {
background: 0 0;
text-shadow: none;
}
.u-cover-0 .icon-play::before,
.u-cover-10 .icon-play::before,
.u-cover-11 .icon-play::before,
.u-cover-12 .icon-pla::before,
.u-cover-9 .icon-play::before,
.u-cover-alb1 .icon-play::before,
.u-cover-alb2 .icon-play::before,
.u-cover-alb3 .icon-play::before,
.u-cover-tiny .ply::before {
content: "\e000";
font-family: nmicons;
font-weight: 400;
font-size: 13px;
line-height: 14px;
color: var(--cp-b0);
text-align: center;
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: var(--gb-aa);
filter: drop-shadow(0 0 5px var(--cp-a0));
}
.m-cvrlst li .u-cover,
.m-cvrlst li .u-date {
perspective: initial;
}
.m-cvrlst li,
.m-cvrlst li .u-cover img,
.m-cvrlst li .u-date {
transition: all 0.3s ease;
}
.m-cvrlst li .dec {
transition: all 0.4s ease;
}
.m-cvrlst li .dec + p {
transition: all 0.5s ease;
}
.m-cvrlst li .u-cover img,
.m-cvrlst li .u-date {
box-shadow: 0 0 10px var(--cp-a2), 0 0 0 1px var(--cp-a2);
transform-style: preserve-3d;
background: inherit;
border-radius: 15px;
}
.m-cvrlst li:hover .u-cover img,
.m-cvrlst li:hover .u-date {
box-shadow: 0 20px 50px var(--cp-a4), 0 0 0 1px var(--cp-a2);
}
.m-cvrlst li:hover .dec,
.m-cvrlst li:hover .dec + p {
filter: drop-shadow(0 0 9px var(--cp-b0)) drop-shadow(0 0 9px var(--cp-b0))
drop-shadow(0 0 9px var(--cp-b0));
position: relative;
}
.m-cvrlst li:hover .dec {
transform: translateY(10px) scale(1.1);
z-index: 2;
}
.m-cvrlst li:hover .dec + p {
transform: translateY(17px) scale(1.1);
z-index: 1;
}
.m-cvrlst li:active .dec,
.m-cvrlst li:active .dec + p {
transform: none;
}
.m-cvrlst li .u-cover:not(.u-cover-5):not(.u-cover-7) img,
.m-cvrlst li .u-date {
transform-origin: top;
}
.m-cvrlst li:hover .u-cover:not(.u-cover-5):not(.u-cover-7) img,
.m-cvrlst li:hover .u-date {
transform: rotateX(-20deg) scaleY(1.05) translateY(1px) scale(1.13);
transform-origin: bottom;
}
.m-cvrlst li:active {
transition: all 0.1s ease;
transform: scale(0.97) var(--gb-ai);
}
.m-cvrlst li:active .u-cover img,
.m-cvrlst li:active .u-date {
box-shadow: none;
}
.u-cover .bottom {
background: var(--cp-x5);
border-radius: 99vw;
transform: scale(0.9) translateY(-5px);
border: 1px solid var(--cp-z3);
transition: all 0.3s ease;
}
.u-cover .bottom > * {
color: var(--cp-z7);
}
li:hover .u-cover .bottom {
transform: scale(1) translateY(-2px);
}
.m-cvrlst li:active .u-cover:not(.u-cover-5):not(.u-cover-7) img,
.m-cvrlst li:active .u-date,
li:active .u-cover .bottom {
transform: none;
}
.n-ban .ban .btnl,
.n-ban .ban .btnr {
background: var(--cp-a0);
border: 2px solid var(--cp-00);
margin-top: -18.5px;
width: 37px;
height: 37px;
border-radius: 100%;
opacity: 0.5;
transition: all 0.3s var(--gb-ad);
transform: scale(0.9);
}
.n-ban .ban .btnl:hover,
.n-ban .ban .btnr:hover {
border: 2px solid var(--cp-b3);
opacity: 0.7;
transform: scale(1);
}
.n-ban .ban .btnl:active,
.n-ban .ban .btnr:active {
border: 2px solid var(--cp-00);
opacity: 0.9;
transform: scale(1.1);
}
.n-ban .ban .btnl::after,
.n-ban .ban .btnr::after {
--_ac: calc(50% - 14px);
content: "\e027";
height: 28px;
width: 28px;
text-align: center;
line-height: 28px;
font-family: nmicons;
font-weight: 400;
font-size: 18px;
color: var(--cp-b0);
display: block;
box-sizing: border-box;
position: absolute;
text-indent: 0;
left: var(--_ac);
top: var(--_ac);
}
.n-ban .ban .btnl::after {
transform: rotate(180deg);
}
.n-ban .ban .btnl {
left: 16px;
}
.n-ban .ban .btnr {
right: calc(251px + 16px);
}
.n-ban .ban img {
border-radius: 20px;
transform: scale(0.8);
box-shadow: 0 0 20px var(--cp-a3);
}
.n-artist .btn-rz,
.n-artist .btnfav {
background: var(--cp-a7);
color: var(--cp-b0);
border: 2px solid var(--cp-00);
text-align: center;
border-radius: 5px;
text-indent: 0;
line-height: 32px;
text-decoration: none;
transition: all 0.1s ease;
}
.n-artist .btnfav-0::before {
content: "\5df2";
}
.n-artist .btn-rz:hover,
.n-artist .btnfav:hover {
background: var(--cp-a7);
color: var(--cp-b0);
border: 2px solid var(--cp-b3);
}
.n-artist .btn-rz:active,
.n-artist .btnfav:active {
background: var(--cp-b0);
color: var(--cp-a0);
border: 2px solid var(--cp-00);
transform: scale(0.95);
}
.n-artist {
margin: 0 0 30px 0;
}
html[wk-style-assist] .n-artist img {
position: absolute;
top: -60px;
left: -39px;
right: -30px;
width: calc(100% + 69px);
height: calc(100% + 60px);
}
.n-artist .btm {
overflow: hidden;
transform: translateY(-15px);
}
html[wk-style-assist] .n-artist .btm {
position: relative;
z-index: 3;
filter: drop-shadow(0 0 10px var(--cp-a0))
drop-shadow(0 0 20px var(--cp-a0)) drop-shadow(0 0 30px var(--cp-a0));
}
html[wk-style-assist] .n-artist .salias,
html[wk-style-assist] .n-artist .sname {
color: var(--cp-b0);
user-select: none;
}
html[wk-style-assist] .n-artist .salias {
opacity: 0.6;
font-weight: 300;
}
.m-dlist .card,
.m-dlist .hotrecmt .bar,
.m-dlist .showpic,
.m-dlist .src {
background: var(--cp-a1);
}
.m-dlist .card .src {
background: var(--cp-b0);
}
.g-wrap6 {
padding-top: 60px;
min-height: 99vh;
}
.m-radio .rdilist li {
border: 0 !important;
}
.m-radio .rditype a {
background: 0 0;
border: 2px solid var(--cp-00);
border-radius: 10px;
}
.m-radio .rditype a:hover {
background: var(--cp-d1);
border: 2px solid var(--cp-a1);
}
.m-radio .rditype a:active {
border: 2px solid var(--cp-00);
}
.m-radio .rditype .turn {
background: 0 0;
height: 30px;
width: 30px;
display: block;
color: var(--cp-00);
}
.m-radio .rditype .turn::before {
content: "\e027";
font-family: nmicons;
font-size: 30px;
line-height: 1;
position: absolute;
display: block;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
color: var(--cp-a0);
text-indent: 0;
}
.m-radio .rditype .turn-left::before {
transform: translate(-50%, -50%) rotate(180deg);
}
.m-cmmt .cmmts .rp a {
color: var(--cp-f5);
}
.m-cmmt .cmmts .rp a[data-type="unlike"] {
color: var(--gc-aa);
}
.u-btn-crt,
.u-btni {
background: var(--cp-d4);
color: var(--cp-a0);
border: 2px solid var(--cp-00);
box-sizing: border-box;
text-align: center;
border-radius: 5px;
white-space: nowrap;
}
.u-btni {
padding: 0 8px 0 5px;
}
.u-btn-crt i {
padding: 0;
height: 18px;
line-height: 18px;
color: inherit;
margin-right: 5px;
transform: scale(0.8);
}
.u-btn-crt:hover,
.u-btni:hover {
background: var(--cp-d4);
border-color: var(--cp-c7);
color: var(--cp-a0);
}
.u-btn-crt:active,
.u-btni:active {
background: var(--cp-d6);
border-color: var(--cp-00);
color: var(--cp-a0);
}
.m-lyshare .u-txtwrap,
.m-vdtool .btn {
border-radius: 5px;
}
.u-btni-cmmt::before {
content: "\e015";
}
.u-btni-share::before {
content: "\e006";
}
.u-btni-fav::before {
content: "\e004";
}
.u-btni-dl::before {
content: "\e022";
}
.u-btni-unfav::before {
content: "\e011";
}
.u-btni-dy .u-icn2::before,
.u-btni-sub::before,
.u-btni-subed::before {
content: "\e033";
}
.u-btni-playall::before {
content: "\e000";
}
.u-btn2 .icn-praise::before,
.u-btn2 .icn-praised::before {
content: "\e014";
}
.u-btn-crt::before {
content: "\e016";
}
.u-btn2 .icn-praise,
.u-btn2 .icn-praised {
margin-top: 5px;
}
.u-btn2 .icn-praised,
.u-btni-subed,
.u-icn2-ydy {
color: var(--gc-aa);
}
.u-btni-sub {
color: var(--cp-b0);
background: var(--cp-f3);
}
.m-info-program .rdiname .u-btni-dy i,
.u-btn2 .icn-praise,
.u-btn2 .icn-praised,
.u-btni-cmmt i,
.u-btni-dl i,
.u-btni-dy .u-icn2,
.u-btni-fav i,
.u-btni-playall i,
.u-btni-share i,
.u-btni-sub i,
.u-btni-subed i,
.u-btni-unfav i {
background: 0 0 !important;
padding: 0;
line-height: 27px;
}
.u-btni-dy .u-icn2 {
margin-top: 4.5px;
}
.u-btn-1,
.u-btn-1:hover,
.u-btn2-2,
.u-btn2-2:hover,
.u-btni-add,
.u-btni-add:hover,
.u-btni-play,
.u-btni-play:hover {
background: var(--gc-aa);
border: 2px solid var(--cp-00);
color: var(--cp-b0);
border-radius: 5px;
}
.u-btn2-2,
.u-btni-add {
box-sizing: border-box;
position: relative;
}
.u-btni-add,
.u-btni-add:hover {
padding: 0;
border-radius: 0 5px 5px 0;
}
.u-btn-1:hover,
.u-btn2-2:hover,
.u-btni-add:hover,
.u-btni-play:hover {
border-color: var(--cp-b3);
}
.u-btn-1:active,
.u-btn2-2:active,
.u-btni-add:active,
.u-btni-play:active {
background: var(--cp-b0);
color: var(--cp-a0);
border-color: var(--cp-00);
}
.u-btni-addply,
.u-btni-addply:hover,
.u-btni-vipply,
.u-btni-vipply:hover {
border-radius: 5px 0 0 5px;
}
.u-btn2-dis,
.u-btni-cmmt-dis,
.u-btni-cmmt-dis:hover,
.u-btni-dl-dis,
.u-btni-dl-dis:hover,
.u-btni-fav-dis,
.u-btni-fav-dis2,
.u-btni-fav-dis2:hover,
.u-btni-fav-dis:hover,
.u-btni-play-dis,
.u-btni-play-dis:hover,
.u-btni-share-dis,
.u-btni-share-dis:hover {
background: var(--cp-d3) !important;
color: var(--cp-c7) !important;
border: 2px solid var(--cp-00) !important;
}
.u-btni-cmmt-dis i,
.u-btni-dl-dis i,
.u-btni-fav-dis i,
.u-btni-fav-dis2 i,
.u-btni-play-dis i,
.u-btni-share-dis i {
color: var(--cp-c7) !important;
}
.u-icn-68 {
height: 12px;
width: 12px;
}
.u-icn-68::before {
content: "";
width: 12px;
height: 12px;
border-radius: 100%;
display: block;
border: 2px solid var(--cp-b0);
background: var(--gc-aa);
box-sizing: border-box;
}
.m-fans .ava .dot {
top: 2px;
right: 2px;
}
.m-dlist .pics .pic-loading,
.m-dlist .showpic .slide-loading,
.m-lyvideo .upload .cover .loading,
.u-load .icn {
background: var(--gs-ac) no-repeat center/35px;
}
.u-load .icn {
background-size: 15px;
}
.m-dlist .type .u-icn-1 {
margin-left: 3px;
}
.u-icn-1,
.u-icn-84,
.u-icn2-music2 {
width: 13px;
height: 13px;
border-radius: 100%;
}
.u-icn-31 {
width: 18px;
height: 18px;
border-radius: 100%;
}
.u-icn-1 {
background: var(--cp-g1);
}
.u-icn-31 {
background: var(--cp-f5);
}
.u-icn2-music2 {
background: var(--cp-g4);
}
.u-icn-84 {
background: var(--cp-h2);
}
.u-icn-1::before,
.u-icn-31::before {
content: "\e02a";
}
.u-icn2-music2::before {
content: "\e012";
}
.u-icn-84::before {
content: "\e02c";
}
.u-icn-1::before,
.u-icn-31::before,
.u-icn-84::before,
.u-icn2-music2::before {
height: 13px;
width: 13px;
display: block;
font-family: nmicons;
font-weight: 400;
font-size: 12px;
text-align: center;
line-height: 13px;
color: var(--cp-b0);
transform: scale(0.7);
}
.u-icn-31::before {
height: 18px;
width: 18px;
font-size: 16px;
line-height: 18px;
}
div.m-layer .lybtc {
background: var(--cp-d1);
border: 0;
}
div.m-layer .lsbtn {
background: var(--cp-d1);
border: 0;
}
div.m-layer .lybt {
border: 0;
}
div.m-layer .alert {
border-radius: 5px;
animation: side-in 0.3s var(--gb-ad) backwards,
fade-out 0.3s ease 0.6s forwards;
box-shadow: 0 0 20px var(--cp-a2);
}
.n-frdlist .name .u-icn2 {
margin-left: 3px;
}
.u-slt {
border: 2px solid var(--cp-d6);
color: var(--cp-a0);
border-radius: 5px;
}
.u-slt:hover {
border: 2px solid var(--cp-c6);
}
.u-slt .btn {
width: 28px;
height: 28px;
}
.u-slt .btn::before {
content: "";
display: block;
height: 8.49px;
width: 8.49px;
box-sizing: border-box;
border: 1px solid var(--cp-d7);
border-top: 0;
border-left: 0;
position: absolute;
bottom: calc(50% - 4.25px);
right: 50%;
transform: rotate(45deg);
transform-origin: bottom right;
}
.g-sd2,
.g-sd3-1,
.g-sd6 {
overflow: auto;
overflow-x: hidden;
height: calc(99vh - 105px);
position: fixed;
overscroll-behavior: contain;
}
.g-sd6 {
height: calc(99vh - 70px);
background: var(--cp-b0);
box-shadow: 0 -100px 0 var(--cp-b0), 0 0 50px var(--cp-a1);
}
.g-sd2::after,
.g-sd3-1::after,
.g-sd6::after {
content: "";
height: 180px;
display: block;
}
.m-cmmtipt .area {
box-sizing: border-box;
}
.m-cmmtipt .area,
.m-lysearch .txt,
.m-lyshare .area,
.m-plshare .txt,
.n-base .area,
.n-base .txt,
.n-log2 .u-txt,
.u-txt {
border: 2px solid var(--cp-d6);
color: var(--cp-a0);
border-radius: 5px;
}
.n-msgnt-1 .cont {
border-radius: 10px;
}
.n-log2 .u-txt {
box-sizing: border-box;
width: 100%;
height: 35px;
}
.m-cmmtipt .area:hover,
.m-lysearch .txt:hover,
.m-lyshare .area:hover,
.m-plshare .txt:hover,
.n-base .area:hover,
.n-base .txt:hover,
.u-txt:hover {
border: 2px solid var(--cp-c6);
}
.m-cmmtipt .area:focus,
.m-lysearch .txt:focus,
.m-lyshare .area:focus,
.m-plshare .txt:focus,
.n-base .area:focus,
.n-base .txt:focus,
.u-txt:focus {
border: 2px solid var(--gc-aa);
}
.n-msgnt .item .dlt {
visibility: visible;
}
.u-icn-44,
.u-icn-45,
.u-icn-46,
.u-icn-47 {
background: 0 0;
text-align: center;
line-height: 15px;
width: 15px;
height: 15px;
color: inherit;
}
.u-icn-44::before {
content: "\e01a";
}
.u-icn-45::before {
content: "\e017";
}
.u-icn-46::before {
content: "\e015";
}
.u-icn-47::before {
content: "\e019";
}
.u-icn-44::before,
.u-icn-45::before,
.u-icn-46::before,
.u-icn-47::before {
font-family: nmicons;
font-weight: 900;
display: block;
color: inherit;
line-height: 15px;
text-align: center;
font-size: 14px;
}
.n-msgtab,
.n-msgtab li {
border: 0;
}
.n-msgtab li a {
height: 48px;
line-height: 48px;
box-sizing: border-box;
padding-left: 48px;
width: 100%;
border: 0;
position: relative;
background: var(--cp-b0);
color: var(--cp-a0);
border-radius: 99vh;
transform: scale(0.85);
transition: all 0.3s var(--gb-ad);
}
.n-msgtab li i {
margin-top: 0;
position: absolute;
top: 50%;
left: 24px;
transform: var(--gb-aa);
background: inherit;
}
.n-msgtab li span {
margin: 0;
}
.n-msgtab a::before {
content: "";
display: block;
height: 4px;
width: 4px;
background: var(--gc-aa);
position: absolute;
top: 50%;
left: 5px;
transform: var(--gb-ag);
border-radius: 99vh;
opacity: 0;
transition: all 0.3s var(--gb-ad);
}
.n-msgtab li.z-slt a::before {
height: 10px;
opacity: 1;
}
.n-msgtab li a:hover {
background: var(--cp-d1);
transform: scale(0.9);
}
.n-msgtab li.z-slt a {
border: 0;
background: var(--cp-d2);
color: var(--gc-aa);
}
.n-msgtab li a:active {
background: var(--cp-d3);
transform: scale(0.95);
}
.n-readall {
color: inherit;
border: 0;
transform: scale(0.8);
}
.u-icn2-pfv {
background: var(--cp-g1);
border-radius: 99vh;
}
.u-icn2-pfyyr {
background: var(--cp-g2);
border-radius: 99vh;
}
.u-icn2-pfdr {
background: var(--cp-h1);
border-radius: 99vh;
}
.u-icn2-pfv::before {
content: "\e02a";
}
.u-icn2-pfyyr::before {
content: "\e012";
}
.u-icn2-pfdr::before {
content: "\e02c";
}
.u-icn2-pfdr::before,
.u-icn2-pfv::before,
.u-icn2-pfyyr::before {
font-family: nmicons;
font-weight: 400;
font-size: 14px;
margin-left: 8px;
color: var(--cp-b0);
line-height: 20px;
vertical-align: top;
}
.u-icn2-pfv::after {
content: "\8ba4\8bc1";
}
.u-icn2-pfyyr::after {
content: "\97f3\4e50\4eba";
}
.u-icn2-pfdr::after {
content: "\8fbe\4eba";
}
.u-icn2-pfdr::after,
.u-icn2-pfv::after,
.u-icn2-pfyyr::after {
line-height: 20px;
margin-left: 6px;
font-size: 12px;
font-weight: 400;
vertical-align: top;
color: var(--cp-b0);
}
.n-frdlist .name .u-icn2 {
margin-left: 3px;
}
.m-top .nav li a {
border-color: var(--cp-00);
border-width: 0 0 3px 0;
color: var(--cp-b7);
}
.m-top .nav li a.z-slt {
border-color: var(--cp-b0);
}
.n-sgernav li,
.n-sgernav li a {
margin: 0;
width: 100%;
float: none;
display: block;
height: 48px;
padding: 0;
box-sizing: border-box;
line-height: 48px;
background: 0 0;
text-decoration: none;
position: relative;
}
.n-sgernav li a {
padding: 0 0 0 16.5px;
color: var(--cp-a0);
border-radius: 99vh;
transform: scale(0.85);
transition: all 0.3s var(--gb-ad);
}
.n-sgernav li a.z-slt,
.n-sgernav li a.z-slt:hover {
color: var(--gc-aa);
}
.n-sgernav li a.z-slt::before {
content: "";
display: block;
height: 10px;
width: 4px;
background: currentColor;
color: inherit;
position: absolute;
top: 50%;
left: 5px;
transform: var(--gb-ag);
border-radius: 99vh;
}
.n-sgernav li a:hover {
background: var(--cp-d1);
transform: scale(0.9);
}
.n-sgernav li a.z-slt {
background: var(--cp-d2);
}
.n-sgernav li a:active {
background: var(--cp-d3);
transform: scale(0.95);
}
.g-wrap4 {
padding: 0;
margin: 0;
}
.n-sgernav .tit {
padding: 50px 14px 14px 14px;
}
.n-sgernav .blk {
padding: 0;
margin: 0;
border: 0;
}
.n-pglg .btn,
.n-pglg2 .btn {
text-indent: 0;
box-sizing: border-box;
border: 2px solid var(--cp-00);
background: var(--cp-f4);
color: var(--cp-b0);
text-decoration: none;
font-size: 20px;
text-align: center;
line-height: 40px;
border-radius: 5px;
}
.n-pglg2 .btn {
width: 158px;
height: 49px;
margin: 36px 0 0 534px;
}
.n-pglg .btn:hover,
.n-pglg2 .btn:hover {
border: 2px solid var(--cp-b3);
}
.n-pglg .btn:active,
.n-pglg2 .btn:active {
border: 2px solid var(--cp-00);
background: var(--cp-b0);
color: var(--cp-a0);
}
.u-phonewrap {
border: 0;
border-radius: 5px;
height: auto;
}
.u-phonewrap .txt {
width: calc(100% - 70px);
margin-left: 70px;
height: 35px;
border-radius: 0 5px 5px 0;
box-sizing: border-box !important;
}
.u-phonewrap .current {
width: 70px;
position: absolute;
top: 0;
left: 0;
box-sizing: border-box;
height: 35px;
line-height: 31px;
border: 2px solid var(--cp-d6);
border-right: 0;
border-radius: 5px 0 0 5px;
}
.u-phonewrap .options {
display: block !important;
border: 1px solid var(--cp-d3);
box-sizing: border-box;
left: 0;
top: 50%;
background: var(--cp-d1);
color: var(--cp-a0);
transform: var(--gb-ag);
transition: all 0.3s var(--gb-ad);
min-height: calc(100% + 4px);
border-radius: 5px;
}
.u-phonewrap .options.f-hide {
height: 0;
opacity: 0;
visibility: hidden;
transition: all 0.15s var(--gb-al);
}
.n-log2 .u-fill {
display: block;
visibility: visible !important;
border: 1px solid var(--cp-d3);
box-sizing: border-box;
left: 0;
top: 100%;
background: var(--cp-d1);
color: var(--cp-a0);
transition: all 0.3s var(--gb-ad);
min-height: 100%;
width: 100%;
transform: var(--gb-ai);
}
.n-log2 .u-fill[style*="hidden"] {
pointer-events: none;
transform: var(--gb-ae) var(--gb-ai);
opacity: 0;
transition: all 0.15s var(--gb-al);
}
.n-log2 .u-fill a,
.n-log2 .u-fill li {
height: 32px;
line-height: 32px;
}
.n-log2 .u-fill a:hover {
background: var(--cp-d2);
}
.n-log2 .u-fill a:active {
background: var(--cp-d4);
}
.n-log2 .u-fill li.js-selected {
outline: 1px dashed var(--cp-c6);
background: var(--cp-d1);
}
.n-log2 .u-fill li.js-selected:hover {
outline: 0;
}
.m-frm .itm {
z-index: initial !important;
}
.u-slt ul {
border: 1px solid var(--cp-d3);
box-sizing: border-box;
background: var(--cp-d1);
color: var(--cp-a0);
top: 50%;
left: -2px;
transform: var(--gb-ag);
min-width: calc(100% + 4px);
min-height: calc(100% + 4px);
z-index: 99999;
display: block !important;
transition: all 0.3s var(--gb-ad);
animation: fade-in 0.3s ease;
opacity: 1;
border-radius: 5px;
}
.u-slt ul[style*="none"] {
display: block !important;
animation: none;
opacity: 0;
max-height: calc(100% + 4px);
pointer-events: none;
transition: all 0.15s var(--gb-al);
}
.u-phonewrap .options .itm,
.u-slt ul li {
margin: 2px;
}
.lg,
.n-cmdsd .type {
border-radius: 10px;
}
.n-cmdsd .type {
background: var(--cp-d1);
}
.n-cmdsd .type .icn {
transform: scale(0.8);
}
.m-toast .box,
.u-phonewrap .options .itm,
.u-slt ul a {
border-radius: 5px;
}
.u-phonewrap .options .itm,
.u-slt ul a {
color: var(--cp-a0);
}
.u-phonewrap .options .itm:hover,
.u-slt ul a:hover {
background: var(--cp-d2);
color: var(--cp-a0);
}
.u-phonewrap .options .itm:active,
.u-slt ul a:active {
background: var(--cp-d4);
color: var(--cp-a0);
}
.m-cmmtipt .corr {
display: none;
}
.m-lyshare .info .text,
.m-lyshare .u-txtwrap {
border: 0;
}
.m-lyshare .info .icn {
top: 50%;
transform: translateY(-50%);
}
.m-lyshare .area {
display: block;
box-sizing: border-box;
}
.m-lyshare .choose .add,
.m-lyshare .pics .pic.z-fail {
border-radius: 5px;
}
.m-plshare .txt,
span.holder-parent {
float: none;
display: block;
width: 100%;
}
.m-plshare .u-txtwrap .txtwrap {
height: auto !important;
line-height: 35px;
display: flex;
padding: 0;
flex-wrap: wrap;
}
.m-plshare .txt {
height: 35px;
line-height: 35px;
width: 100% !important;
margin: 0;
box-sizing: border-box;
padding: 0 10px;
}
.m-plshare .u-txt {
margin: 10px 0 0 0;
}
.m-plshare .blk {
margin: 0 5px 5px 0;
line-height: 2;
white-space: nowrap;
}
.m-plshare .blk .cls {
margin-left: 5px;
}
.m-plshare span.holder-parent label.holder {
height: 31px;
line-height: 31px;
padding: 0 10px;
}
.m-plshare .ct {
margin: 0;
}
.m-lyshare .u-txtwrap {
padding: 0;
margin-bottom: 1px;
}
.m-plshare .u-txtwrap .area {
box-sizing: border-box;
}
.m-lysearch .u-txtwrap {
padding: 0;
}
.m-lysearch .txt {
padding-left: 38px;
box-sizing: border-box;
height: 38px;
}
.m-lysearch .box,
.m-timeline .head {
border: 0;
border-radius: 5px;
}
.m-lysearch .srchtab .tab,
.m-lysearch .srchtab li:last-child .tab {
border: 0;
font-size: 20px;
text-align: left;
width: auto;
height: auto;
font-weight: 400;
color: var(--cp-c7);
}
.m-lysearch .srchtab li {
width: auto;
height: auto;
margin: 20px 20px 20px 0;
}
.m-lysearch .srchtab li .tab.z-curr {
color: var(--gc-aa);
font-weight: 700;
border: 0;
}
.m-emts .emtitm {
border-radius: 5px;
border-color: var(--cp-00);
}
.m-emts .emtitm:hover {
border-color: var(--cp-f7);
}
.m-cmmt .cmmts img,
.m-emts .emtitm img {
box-shadow: none;
border-radius: 5px;
max-width: 100%;
}
.m-dlist .activity .btn {
color: var(--gc-aa);
box-shadow: none;
border-radius: 99vw;
max-width: 100%;
}
.m-dlist .pics img,
.m-timeline .m-dlist .showpic .slide .thepic,
.m-timeline .m-dlist .src-video .video {
box-shadow: inset 0 0 0 1px var(--cp-a2), 0 0 0 1px var(--cp-a2),
0 0 10px var(--cp-a2);
}
.m-dynamic .dbox {
border-radius: 10px;
box-shadow: 0 0 5px var(--cp-a1);
background: var(--cp-d1);
border-color: var(--cp-d2);
}
.m-dynamic .dbox-cmt .darr {
display: none;
}
.m-cmmt .cmmts .itm,
.m-dynamic .dmore-cmt {
border-top: 1px solid var(--cp-d1);
}
.n-minelst .rtitle {
white-space: nowrap;
width: calc(100% - 60px);
display: block;
text-overflow: ellipsis;
overflow: hidden;
}
.n-msgnt .cont-1 {
background: var(--cp-d1);
}
.n-msgnt .cont-1 .corr {
color: var(--cp-00);
width: 0;
height: 0;
border: 7px solid var(--cp-00);
border-right: 7px solid var(--cp-d1);
left: unset;
right: 100%;
text-indent: 9999px;
}
.n-msgnt .item,
.n-priv .item {
border: 0;
}
.n-msgnt-hvr .item:hover {
border: 0;
background: var(--cp-d1);
}
.m-tabs1 {
height: auto;
overflow: hidden;
}
.m-tabs1,
.m-tabs1 li,
.n-disk .inner {
border-color: var(--cp-00);
}
.m-tabs1 a {
font-weight: 400;
font-size: 20px;
}
.m-tabs1 a,
.m-tabs1 li {
height: auto;
}
.m-tabs1 em {
width: auto;
white-space: nowrap;
margin: 0 20px 15px 0;
}
.m-lyshare .info {
margin: 5px 0 0 0;
border-radius: 5px;
}
.m-lyshare .info:hover {
background: var(--cp-d1);
}
.m-lyshare .info.z-dis {
background-color: var(--cp-d1) !important;
box-sizing: border-box;
max-width: 100%;
border-radius: 10px;
}
.m-tabs1 .z-slt {
border: 0;
}
.m-tabs1 .z-slt a {
font-weight: 700;
color: var(--gc-aa);
}
.m-table .icn {
margin-left: 1px;
}
.m-sysmsg {
box-shadow: 0 0 20px var(--cp-a1);
animation: window-in 0.3s var(--gb-ad) backwards,
window-in-r 0.3s var(--gb-ad) 1s forwards;
width: 350px;
height: 200px;
box-sizing: border-box;
padding: 25px;
text-align: left;
top: calc(50% - 100px) !important;
left: calc(50% - 175px) !important;
position: fixed;
border-radius: 15px;
border: 0;
background: var(--cp-d1);
}
.m-sysmsg .sysmsg {
border: 0;
background: 0 0;
padding: 0;
font-size: 20px;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.m-sysmsg .sysmsg * {
font-weight: 400;
}
.u-date-2 .mask {
background: var(--cp-d1);
height: calc(114px - 26px);
}
.m-lycifo .f-cb .u-cover.u-cover-6.f-fl > img {
transform: scale(1.5);
}
.u-cover .nb {
line-height: 1.15;
}
.m-pbar .time,
.m-playbar .words {
text-shadow: none;
}
.m-playbar .words {
display: flex;
padding-right: 90px;
}
.m-playbar .words .mv,
.m-playbar .words .src {
flex: none;
}
.m-playbar .words .by,
.m-playbar .words .name {
max-width: initial;
}
.m-playbar .words .by {
margin-left: 10px;
}
.m-playbar .words .by::before {
content: "-";
margin-right: 10px;
}
.m-playbar .words .by > span {
color: var(--cp-z2);
}
.m-playbar .words .by > span > * {
color: var(--cp-z3);
margin: 0 5px;
}
.m-table .text > span > * {
margin: 0 3px;
}
.m-playbar .words .by > span > :first-child,
.m-table .text > span > :first-child {
margin-left: 0;
}
.m-playbar .words .by > span > :last-child,
.m-table .text > span > :last-child {
margin-right: 0;
}
.m-playbar .words .by > span a {
color: var(--cp-y9);
}
.m-cmmt .cmmts .que {
white-space: initial;
border-radius: 5px;
background: var(--cp-d0);
border-color: var(--cp-d2);
color: var(--cp-c6);
}
.n-disk ul {
--_alt-aa: all 0.3s var(--gb-ad);
transition: var(--alt-aa) !important;
opacity: 0;
transform: translateZ(0);
}
.n-disk ul[style*="none"] {
transition: none !important;
}
.n-disk ul[style*="0px"] {
opacity: 1;
}
.m-playbar .head .mask {
width: initial;
height: initial;
top: 0;
bottom: 0;
left: 0;
right: 0;
max-width: initial;
max-height: initial;
transform: none;
}
#m-disc-pl-c .u-title > h3 > span.f-ff2 {
display: inline-block;
min-width: 70px;
}
#cateListBox[style*="0;"] {
left: 120px !important;
}
div#index-banner {
transform: translateZ(1px);
overflow: hidden;
}
.g-mn3,
.g-mn5c {
min-height: calc(99vh - 95px);
box-sizing: border-box;
}
.g-wrap10,
.g-wrap11 {
padding: 10px 13px 10px 12px;
}
.g-bd > .n-apply {
padding: 50px;
}
.n-apply .wrap {
background: 0 0;
}
.has-upb .m-proifo {
position: relative;
}
.has-upb .m-proifo::before {
content: "";
display: block;
position: absolute;
pointer-events: none;
background: var(--upb) center no-repeat/contain;
top: 0;
left: 0;
height: 188px;
width: 188px;
border-radius: 99vh;
filter: blur(15px) saturate(2);
animation: fade-in 1s ease backwards 1s;
}
.has-upb .g-wrap {
position: relative;
}
.has-upb .m-fans,
.has-upb .m-record {
background: var(--cp-b0);
}
.m-record li .hd .num {
text-align: center;
}
.has-upb .u-icn2-5 {
border-radius: 100%;
}
.g-bd,
.g-bd1,
.g-bd2,
.g-bd3,
.g-bd4,
.g-bd5,
.g-bd6,
.g-bd7 {
background: var(--cp-b0);
box-shadow: 0 0 70px var(--cp-a1);
border: 0;
}
#g_nav2,
.g-topbar,
div#index-banner {
box-shadow: 0 10px 50px var(--cp-a1);
clip-path: polygon(0 -9%, 100% -9%, 100% 100vh, 0 100vh);
}
.g-ft,
.m-playbar {
box-shadow: 0 -10px 50px var(--cp-a1);
}
.g-ft {
background: var(--cp-d1);
height: 192px;
border: 0;
}
.m-create {
border-color: var(--cp-d1);
}
.g-mn1c,
.g-mn3,
.g-mn4c,
.g-mn5c,
.g-sd2,
.m-back,
.m-create,
.m-fans,
.m-radio .toplist,
.m-record,
.n-ban .download,
.n-disk,
.p-mymusic .m-table {
box-shadow: 0 0 50px var(--cp-a1);
}
.g-sd2 {
background: var(--cp-b0);
box-shadow: 0 -500px 0 var(--cp-b0), 0 0 50px rgb(0, 0, 0, 0.1);
}
.m-radio .toplist .tag,
.m-schlist li a,
.n-sltlyr dd .z-slt,
.n-srchrst .srchsongst .item {
border-radius: 99vh;
}
.n-srchrst .srchsongst .item {
padding: 10px 0 4px 14px;
border: 0;
margin: 3px 0;
}
.n-srchrst .m-table-2 tr td,
.n-srchrst .m-table-2 tr td.first,
.n-srchrst .m-table-2 tr td.last,
.n-srchrst .m-table-2 tr.z-hover td,
.n-srchrst .m-table-2 tr:hover td {
border: 0;
background: 0 0;
}
.n-srchrst .m-table-2 tr.even,
.n-srchrst .srchsongst .even {
background: var(--cp-d1);
}
.n-srchrst .m-table-2 tr:hover {
background: var(--cp-d2);
}
.n-srchrst .srchsongst .item:hover,
.n-srchrst .srchsongst .z-hover {
border: 0;
background: var(--cp-d2);
}
.n-srchrst .srchsongst .td {
margin-right: 10px;
}
.m-table-2 tr td.first {
border-radius: 20px 0 0 20px;
}
.m-table-2 tr td.last {
border-radius: 0 20px 20px 0;
}
.m-radio .rditype .box.z-show {
animation: side-in-x-r 0.5s var(--gb-ad);
}
.m-radio .rditype .box.z-show[data-index="1"] {
animation: side-in-x 0.5s var(--gb-ad);
}
.m-cmmt .cmmts .que .darr {
display: none;
}
.m-record ul {
border: 1px solid var(--cp-d1);
}
.m-record li.even {
background: var(--cp-d1);
}
.m-record li.even:hover,
.m-record li:hover {
background: var(--cp-d2);
}
.m-record .more {
box-sizing: border-box;
padding: 0 20px;
}
.u-icn2-lev {
background: 0 0;
color: var(--cp-g3);
border-radius: 50px;
border: 1px solid currentColor;
padding: 0 10px;
font-size: 16px;
}
.u-icn2-lv {
background: 0 0;
border-radius: 50px;
border: 1px solid currentColor;
padding: 0 7px;
}
.n-level-big > i,
.n-level > i,
.u-btn2-2 i {
background: 0 0;
}
.n-level-big > i::before,
.n-level > i::before,
.u-icn2-lev::before,
.u-icn2-lv::before {
content: "Lv. ";
font-style: italic;
font-size: inherit;
font-weight: inherit;
color: inherit;
white-space: nowrap;
}
.u-icn2-lev > i,
.u-icn2-lv > i {
display: none;
}
.m-timeline .m-dlist .src-video .mv-full {
display: block !important;
transition: all 0.3s var(--gb-ad);
background: var(--cp-a0);
max-width: 565px;
max-height: 317.813px;
min-width: 565px;
min-height: 317.813px;
}
div[data-module="activity"]
~ div.g-bd
.m-timeline
.m-dlist
.src-video
.mv-full:not(.f-hide) {
max-width: 685px;
max-height: 385.313px;
min-width: 685px;
min-height: 385.313px;
}
.m-timeline .m-dlist .src-video .mv-full.f-hide {
display: block !important;
pointer-events: none;
opacity: 0;
max-width: 338px;
max-height: 189px;
min-width: 338px;
min-height: 189px;
transition: all 0.15s var(--gb-al);
}
.m-timeline .m-dlist .src-video .video {
display: block !important;
position: absolute;
top: 0;
left: 0;
transition: all 0.15s var(--gb-al);
transform: scale(0.99);
}
.m-timeline .m-dlist .src-video .video.f-hide {
display: block !important;
transform: translateY(22px);
opacity: 0;
pointer-events: none;
transition: all 0.3s var(--gb-ad);
}
.m-timeline .m-dlist .src-video .fold {
display: block !important;
transition: all 0.3s var(--gb-ad);
overflow: hidden;
max-height: 15px;
}
.m-timeline .m-dlist .src-video .fold.f-hide {
display: block !important;
opacity: 0;
pointer-events: none;
transition: all 0.15s var(--gb-al);
margin: 0;
max-height: 0;
}
.m-timeline .m-dlist .showpic .slide .thepic {
animation: none;
}
.n-ban .dots {
cursor: default;
}
.n-ban .dots .pg {
background: 0 0;
position: relative;
color: var(--cp-b0);
opacity: 0.5;
}
.n-ban .dots .pg:hover {
color: var(--gc-aa);
opacity: 0.7;
}
.n-ban .dots .pg.z-slt {
color: var(--gc-aa);
opacity: 1;
}
.n-ban .dots .pg::before {
content: "";
position: absolute;
display: block;
top: 50%;
left: 50%;
width: 6px;
height: 6px;
transition: all 0.15s var(--gb-al) 0.5s, color 0.15s var(--gb-al);
color: inherit;
background: currentColor;
transform: var(--gb-aa);
border-radius: 50px;
box-shadow: 0 0 10px var(--cp-a3);
box-sizing: border-box;
}
.n-ban .dots .pg:hover::before {
transition: all 0.3s var(--gb-ad);
width: 9px;
height: 9px;
}
.n-ban .dots .pg.z-slt::before {
transition: all 0.3s var(--gb-ad);
border: 1px solid var(--cp-b0);
width: 12px;
height: 12px;
}
.n-daily .bg {
position: relative;
border-radius: 30px;
}
.n-daily .bg::before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: inherit;
filter: blur(20px);
}
.n-daily .bg::after {
content: "\6bcf\65e5\6b4c\66f2\63a8\8350\a\6839\636e\4f60\7684\97f3\4e50\53e3\5473\751f\6210\ff0c\6bcf\5929\36\3a\30\30\66f4\65b0";
white-space: pre-line;
position: absolute;
top: 50px;
left: 200px;
font-size: 22px;
line-height: 40px;
color: var(--cp-b8);
text-shadow: 0 0 20px var(--cp-a3);
}
.n-daily .regards {
position: relative;
margin: 125px 0 0 32px;
}
.m-timeline {
overflow: hidden;
min-height: 700px;
}
.m-ctvideo.z-fullscreen {
animation: window-in var(--gb-ad) 0.3s backwards;
}
.m-ctvideo .controls::before {
background: var(--cp-a6);
height: 100%;
transition: height ease 0.3s;
padding-top: 4px;
}
.m-ctvideo.z-active .controls::before {
padding-top: 0;
}
.m-ctvideo.z-active .controls::before {
height: 120%;
}
.m-ctvideo .player .opbar::before {
background: var(--cp-a4);
height: 100%;
}
.m-ctvideo .controls .wrap .brs {
margin-top: 0;
padding-top: 9px;
}
.m-ctvideo .controls .wrap .brs .options,
.m-ctvideo .controls .wrap .volume .sliderbg {
display: block !important;
top: initial;
bottom: calc(100% + 2px);
transform: var(--gb-af);
transition: all 0.15s var(--gb-al);
opacity: 0;
pointer-events: none;
}
.m-ctvideo .controls .wrap .brs:hover .options,
.m-ctvideo .controls .wrap .volume:hover .sliderbg {
transition: all 0.3s var(--gb-ad);
transform: var(--gb-aj);
opacity: 1;
pointer-events: initial;
}
.m-ctvideo .controls,
.m-ctvideo .controls .wrap {
transition: all 0.15s var(--gb-al);
}
.m-ctvideo.z-active .controls,
.m-ctvideo.z-active .controls .wrap {
transition: all 0.3s var(--gb-ad);
}
.m-ctvideo .controls .wrap {
opacity: 0;
}
.m-ctvideo.z-active .controls .wrap {
opacity: 1;
}
.m-timeline .m-timeact.j-flag {
display: block;
animation: tl-act 0.3s var(--gb-ad) 1s backwards;
}
.m-timeline .m-timeact.j-flag::before {
content: "";
display: block;
animation: tl-act-pos 0.3s var(--gb-ad) 0.7s backwards;
}
.m-timeline .m-dlist .showpic:not(.f-hide) {
animation: side-in-x 0.3s var(--gb-ad) backwards;
}
.m-dlist .activity,
.m-dlist .card,
.m-dlist .hotrecmt .bar,
.m-dlist .showpic,
.m-dlist .src,
.m-timeline .m-dlist .src-video .video {
border-radius: 10px;
overflow: hidden;
}
.m-timeline .m-dlist .showpic .slide .thepic {
animation: fade-in 0.3s ease backwards;
}
.u-btn2.u-btn2-1.sltbtn:not(.u-btni-addply) {
overflow: visible;
position: relative;
}
.u-btn2.u-btn2-1.sltbtn:not(.u-btni-addply):active {
transform: none;
}
.n-top50 .filter {
display: block !important;
transform: var(--gb-ag);
max-height: 0;
transition: all 0.15s var(--gb-al);
pointer-events: none;
overflow: hidden;
width: calc(100% + 4px);
top: 50%;
left: -2px;
background: var(--cp-d1);
border: 1px solid var(--cp-d3);
box-sizing: border-box;
box-shadow: none;
border-radius: 5px;
opacity: 0;
height: 113px;
}
.m-tlist::after,
.m-tlist::before,
.n-top50 .filter::after,
.n-top50 .filter::before,
.u-phonewrap .options::after,
.u-phonewrap .options::before,
.u-slt ul::after,
.u-slt ul::before {
content: "";
display: block;
padding: 4px;
}
.n-top50 .filter,
.n-top50 .sltbtn {
color: var(--cp-c3);
}
.n-top50 .sltbtn:hover .filter {
max-height: 113px;
transition: all 0.3s var(--gb-ad);
pointer-events: auto;
opacity: 1;
}
.n-top50 .choose {
border-color: var(--cp-00);
color: var(--cp-a0);
background: 0 0;
border-radius: 5px;
margin: 2px;
padding-left: 10px;
}
.n-top50 .choose:hover {
background: var(--cp-d2);
}
.n-top50 .choose:active {
background: var(--cp-d4);
}
.n-top50 .choose.z-dis,
.n-top50 .choose.z-dis:hover {
background: 0 0;
cursor: default;
}
.n-top50 .choose.z-select {
background: var(--cp-f1);
}
.n-top50 .choose.z-select:hover {
background: var(--cp-f2);
}
.n-top50 .choose.z-select:active {
background: var(--cp-f1);
}
.m-cmmt .cmmts .cnt.f-brk > .icn,
.m-cmmt .cmmts .cntwrap .f-brk > .icn {
margin-left: 3px;
}
.n-minelst li img {
animation: none;
}
.m-mvlist .bl,
.m-mvlist .tr,
.u-cover .ci {
width: auto;
text-shadow: none;
background: var(--cp-a5);
padding: 0 5px;
margin: 5px;
border-radius: 99vw;
border: 1px solid var(--cp-b2);
color: var(--cp-b0);
}
.m-mvlist .cover::after {
content: initial;
}
.g-bd,
.g-bd1:not(.g-bd1-1),
.g-bd2,
.g-bd3,
.g-bd4,
.g-bd5,
.g-bd6,
.g-bd7,
.n-ban .wrap {
position: relative;
left: calc(50vw - 50%);
}
.g-bd7 {
padding-top: 30px;
}
.n-chatipt {
margin: 0 -40px -40px;
background: var(--cp-d1);
border: 0;
}
.u-scroll1::-webkit-scrollbar-thumb {
background: var(--cp-a1);
}
.n-chat .itemleft .sharecnt,
.n-chat .itemleft .src-cmt-mail,
.n-chat .itemleft .src-empty {
border-radius: 5px;
background: var(--cp-b0);
}
.g-mn1 .g-mn1c {
min-height: 720px;
}
.gcnt .m-dynamic {
animation: cnt-show-alt 1s var(--gb-ad) backwards;
}
.m-info .intr#desc-dot {
display: none !important;
}
.m-info .intr#desc-more {
display: block !important;
overflow: hidden;
max-height: initial;
animation: desc-show 1s ease backwards;
}
.m-info .intr#desc-more.f-hide {
--a: linear-gradient(to bottom, var(--cp-a0) 80%, var(--cp-00) 100%);
max-height: 99px;
animation: desc-col 0.3s var(--gb-ad) backwards;
-webkit-mask: var(--a);
mask: var(--a);
}
.m-info .edit {
background: 0 0;
padding: 0;
}
.m-lycifo .bd-open #flag_more {
display: block !important;
overflow: hidden;
animation: cnt-show-alt 1s ease backwards;
}
.m-lycifo .bd-open #flag_more.f-hide {
max-height: 0;
animation: cnt-hide 0.5s ease backwards;
}
.cntc.m-info .s-fc7,
.cntc.m-info .s-fc7:hover,
.m-lycifo .bd-open .s-fc7,
.m-lycifo .bd-open .s-fc7:hover {
color: var(--cp-d5);
}
.cntc.m-info .s-fc7 i,
.m-lycifo .bd-open .s-fc7 i {
margin-left: 5px;
}
.n-plist-1 {
margin-top: 0;
}
.n-base .frm {
width: 400px;
}
.m-frm .lab {
width: 92px;
}
.m-frm .must {
opacity: 0;
}
.m-frm .must + .lab::before {
content: " * ";
color: red;
}
.m-frm .itm {
padding-left: 92px;
}
html[wk-style-assist]
.m-dlist
.pics
.pic-high
img.wk-hires-loaded:not([style*="width:"]):hover,
html[wk-style-assist] .n-artist:hover img.wk-hires-loaded {
animation: img-overview 20s ease-in-out both infinite;
}
.m-top .wrap {
display: flex;
width: 97%;
max-width: 1000px;
}
.m-top .wrap > :not(.m-srch) {
flex: none;
}
.m-top .logo {
display: none;
}
.m-top .m-nav {
order: 0;
}
.m-top .m-srch {
order: 1;
flex: 1 0 auto;
display: flex;
justify-content: center;
}
.m-top .m-topvd {
order: 2;
}
.m-subnav .wrap {
width: 100%;
}
.m-timeline .m-dlist .src-video .mv-full,
.n-mv .mv {
border-radius: 10px;
overflow: hidden;
}
.m-ctvideo .player .loading {
background: var(--gs-ac) no-repeat center;
animation: none;
}
.u-cover .icon-headset {
background: 0 0;
margin: 7px 5px 7px 10px;
height: 14px;
width: 14px;
}
.u-cover .icon-play {
background: 0 0;
right: 7px;
bottom: 7px;
width: 14px;
height: 14px;
text-decoration: none;
border-radius: 100%;
}
.u-cover-alb2 .icon-play,
.u-cover-alb3 .icon-play {
left: 50%;
bottom: 50%;
width: 14px;
height: 14px;
transform: translate(-50%, 50%) scale(0.7);
padding: 8px;
color: var(--cp-b0);
background: var(--cp-a3);
transition: all 0.3s var(--gb-ad);
display: block;
opacity: 0;
}
.u-cover-alb2:hover .icon-play,
.u-cover-alb3:hover .icon-play {
transform: translate(-50%, 20%) scale(1);
opacity: 1;
}
.u-cover .icon-headset::before {
content: "\e024";
}
.u-cover .icon-play::before {
content: "\e000";
}
.u-cover .icon-headset::before,
.u-cover .icon-play::before {
font-family: nmicons;
line-height: 14px;
font-size: 13px;
font-weight: 400;
color: inherit;
opacity: 0.7;
text-align: center;
}
.u-cover-alb2 .icon-play::before,
.u-cover-alb3 .icon-play::before {
box-shadow: 0 0 0 7px var(--cp-a0), 0 0 0 8px var(--cp-b0);
border-radius: 99vh;
opacity: 0.3;
background: var(--cp-a0);
}
.u-cover .icon-play:hover::before {
opacity: 0.5;
}
.u-cover-alb3 .icon-play {
width: 28px;
height: 28px;
}
.u-cover-alb1 .icon-play {
width: 22px;
height: 22px;
opacity: 0;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(0.9);
color: var(--cp-b0);
background: var(--cp-a5);
padding: 5px;
display: block;
transition: all 0.3s var(--gb-ad);
}
.u-cover-alb1:hover .icon-play {
opacity: 1;
transform: translate(-50%, -50%) scale(1);
}
.u-cover-alb3 .icon-play::before {
width: 28px;
height: 28px;
font-size: 27px;
line-height: 28px;
}
.u-cover-alb1 .icon-play::before {
width: 22px;
height: 22px;
font-size: 21px;
line-height: 22px;
opacity: 0.3;
background: var(--cp-a0);
box-shadow: 0 0 0 3.5px var(--cp-a0), 0 0 0 5px var(--cp-b0);
border-radius: 99vh;
}
.u-cover-alb1 .icon-play:hover::before {
opacity: 0.5;
}
.u-cover-7 .icon-play {
width: 44px;
height: 44px;
}
.u-cover-7 .icon-play::before {
width: 44px;
height: 44px;
font-size: 43px;
line-height: 44px;
}
.m-playbar .add,
.m-playbar .ctrl,
.m-playbar .oper {
width: auto;
white-space: nowrap;
background: 0 0;
padding: 0;
}
.m-playbar .add {
max-width: 78px;
}
.m-playbar .ask {
right: 16px;
}
.m-playbar .btns > a:not(.ply) {
transform: scale(0.8);
}
.m-playbar .btns a,
.m-playbar .icn,
.m-playbar .updn .btn {
background: 0 0;
height: 47px;
width: 47px;
border-radius: 99vh;
position: relative;
text-indent: 0;
color: var(--cp-00) !important;
margin: 0;
text-indent: -99vw;
}
.m-playbar .btns a::before,
.m-playbar .icn::before,
.m-playbar .updn .btn::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
border-radius: 99vh;
transform: scale(0.7);
transition: all var(--gb-ad) 0.3s;
pointer-events: none;
}
.m-playbar .btns a:not(.ply):hover::before,
.m-playbar .icn:hover::before,
.m-playbar .updn .btn:hover::before {
transform: scale(0.8);
background: var(--cp-z1);
}
.m-playbar .btns a:not(.ply):active::before,
.m-playbar .icn:active::before,
.m-playbar .updn .btn:active::before {
transform: scale(0.9);
background: var(--cp-z2);
}
.m-playbar .btns a::after,
.m-playbar .icn::after,
.m-playbar .updn .btn::after {
position: absolute;
transition: all var(--gb-ad) 0.3s;
color: var(--cp-z0);
font-family: nmicons;
font-weight: 400;
top: 0;
left: 0;
width: 47px;
height: 47px;
line-height: 47px;
font-size: 14px;
text-align: center;
text-indent: 0;
}
.m-playbar .icn-yizan::after,
.m-playbar .icn-zan::after {
content: "\e014";
}
.m-playbar .icn-yizan::after {
color: var(--gc-aa);
}
.m-playbar .icn-pip::after {
content: "\e037";
}
.m-playbar .icn-add::after {
content: "\e004";
}
.m-playbar .icn-share::after {
content: "\e006";
}
.m-playbar .icn-vol::after {
content: "\e007";
}
.m-playbar .icn-volno::after {
content: "\e008";
}
.m-playbar .icn-shuffle::after {
content: "\e00d";
}
.m-playbar .icn-one::after {
content: "\e00e";
}
.m-playbar .icn-loop::after {
content: "\e00f";
}
.m-playbar .icn-list::after {
content: "\e005";
left: -1px;
}
.m-playbar .btns .prv::after {
content: "\e002";
}
.m-playbar .btns .nxt::after {
content: "\e003";
}
.m-playbar .btns .ply::after {
content: "\e000";
font-size: 20px;
transform: scale(0.8);
}
.m-playbar-lock .updn .btn::after {
content: "\e00a";
}
.m-playbar-unlock .updn .btn::after {
content: "\e009";
}
.m-playbar .btns .ply:active::after {
color: var(--cp-x0);
}
.m-playbar .btns .pas::after {
content: "\e001";
}
.m-playbar .btns .ply::before {
border: 2px solid var(--cp-z0);
box-sizing: border-box;
transform: scale(0.8);
}
.m-playbar .btns .ply:hover::before {
background: var(--cp-z1);
}
.m-playbar .btns .ply:active::before {
background: var(--cp-z0);
}
.m-playbar .btns .ply {
width: 47px;
height: 47px;
}
.m-playbar .icn-list,
.m-playbar .icn-list:hover {
padding: 0 15px 0 34px;
color: var(--cp-z0) !important;
text-align: left;
text-shadow: none;
line-height: 47px;
width: auto;
max-width: 27px;
text-indent: 0;
text-overflow: ellipsis;
overflow: hidden;
}
.m-playbar .words .mv {
margin: 7px 0 0 3px;
}
.m-playbar .words .mv,
.m-playbar .words .src {
height: 14px;
width: 14px;
background: 0 0;
}
.m-playbar .words .mv::before,
.m-playbar .words .src::before {
font-family: nmicons;
font-weight: 400;
font-size: 13px;
line-height: 14px;
text-align: center;
color: var(--cp-ya);
display: block;
}
.m-playbar .words .src::before {
content: "\e013";
}
.m-playbar .words .mv::before {
content: "\e010";
}
.m-playbar .words .mv:hover::before,
.m-playbar .words .src:hover::before {
color: var(--cp-z0);
}
.u-cover-11 {
width: 60px;
}
.v-hd2 .tit {
position: relative;
}
.f-ff2,
.v-hd2 .tit {
font-weight: 700;
-webkit-text-stroke: 0.2px currentColor;
}
.n-bill .v-hd2 .tit::before,
.n-new .v-hd2 .tit::before,
.n-rcmd .v-hd2 .tit::before {
content: "\e035";
font-size: 24px;
height: 28px;
width: 28px;
font-family: nmicons;
font-weight: 400;
text-align: center;
line-height: 28px;
left: -32px;
position: absolute;
background: var(--cp-b0);
color: var(--gc-aa);
}
#personalRec .v-hd2 .tit::before {
content: "\e036";
}
.n-new .v-hd2 .tit::before {
content: "\e038";
}
.n-bill .v-hd2 .tit::before {
content: "\e037";
}
.u-btni-addply .ply,
.u-btni-vipply .ply {
height: 18px;
width: 18px;
background: 0 0;
margin-top: 5px;
}
.u-btn2 {
min-width: 60px;
}
.u-btn2 i {
height: 27px;
line-height: 27px;
background: 0 0;
color: inherit !important;
margin-top: 0;
padding: 0 10px;
text-align: center;
min-width: 100%;
display: inline-flex;
justify-content: center;
box-sizing: border-box;
height: 100%;
}
.m-seltags .u-btn2 {
width: 70px;
}
.m-seltags .u-btn2 i {
padding: 0;
}
.u-btn i {
height: 100%;
}
.n-frdwb .u-btn2,
.n-singer .u-btn2 {
width: 100%;
margin-left: 0;
}
.n-singer > div {
padding: 0 20px;
}
.m-seltags .u-btn2,
.m-seltags .u-btn2 i,
.m-seltags .u-btn2:active,
.m-seltags .u-btn2:active i,
.m-seltags .u-btn2:hover,
.m-seltags .u-btn2:hover i {
color: var(--cp-a0);
}
.n-frdwb .u-slg3 {
margin-left: 0;
}
.u-btn2-1-h,
.u-btn2-1-h i,
.u-btn2-2-h,
.u-btn2-2-h i {
height: 31px;
line-height: 31px;
}
.u-btn2-2:active i {
color: var(--cp-a0);
}
.u-btni-play i {
padding: 0 5px;
height: 100%;
line-height: 27px;
color: inherit !important;
}
.u-btn-crt::before,
.u-btn2 .icn-praise::before,
.u-btn2 .icn-praised::before,
.u-btni-add::before,
.u-btni-addply .ply::before,
.u-btni-dy .u-icn2::before,
.u-btni-play i::before,
.u-btni-vipadd::before,
.u-btni-vipply .ply::before,
.u-btni::before {
height: 18px;
width: 18px;
line-height: 18px;
display: block;
font-family: nmicons;
font-weight: 400;
text-align: center;
color: inherit;
font-size: 12px;
}
.u-btni-play i::before {
display: initial;
float: left;
height: 27px;
line-height: 27px;
margin-right: 6px;
}
.u-btni::before {
float: left;
height: 27px;
line-height: 27px;
margin-right: 6px;
}
.u-btn-crt::before {
display: inline;
font-size: 12px;
vertical-align: top;
}
.u-btni-addply .ply::before,
.u-btni-play i::before,
.u-btni-vipply .ply::before {
content: "\e000";
}
.u-btni-add::before,
.u-btni-vipadd::before {
content: "\e016";
height: 27px;
width: 27px;
line-height: 27px;
}
.n-base .avatar,
.u-cover-1 {
background: var(--cp-c6);
}
.u-cover-1,
.u-cover-1 img {
border-radius: 15px;
}
.u-btni-play i,
.u-icn-01,
.u-icn-02,
.u-icn-s-01,
.u-icn-s-02 {
background: 0 0;
}
.u-icn-01::before,
.u-icn-02::before,
.u-icn-s-01::before,
.u-icn-s-02::before {
font-size: 13px;
width: 14px;
height: 14px;
line-height: 14px;
text-align: center;
font-family: nmicons;
display: block;
}
.u-icn-01::before,
.u-icn-02::before {
font-size: 19px;
width: 20px;
height: 20px;
line-height: 20px;
}
.u-icn-01::before,
.u-icn-s-01::before {
content: "\e02f";
color: var(--cp-f6);
}
.u-icn-02::before,
.u-icn-s-02::before {
content: "\e02e";
color: var(--cp-e2);
}
.m-table .icn-del,
.m-table .icn-dl,
.m-table .icn-fav,
.m-table .icn-share,
.m-table .mv,
.m-table .ply,
.m-table .u-icn-81,
.n-srchrst .srchsongst .hd .ply,
.n-srchrst .srchsongst .icn-dl,
.n-srchrst .srchsongst .icn-fav,
.n-srchrst .srchsongst .icn-share,
.n-srchrst .srchsongst .mv,
.n-srchrst .srchsongst .u-icn-81 {
background: 0 0;
height: 16px;
width: 16px;
opacity: 0.6;
margin-right: 3px;
}
.n-srchrst .srchsongst .icn-dl,
.n-srchrst .srchsongst .icn-fav,
.n-srchrst .srchsongst .icn-share,
.n-srchrst .srchsongst .u-icn-81 {
margin: 0 10px 0 0;
}
.m-table .icn-del:hover,
.m-table .icn-dl:hover,
.m-table .icn-fav:hover,
.m-table .icn-share:hover,
.m-table .mv:hover,
.m-table .ply:hover,
.m-table .u-icn-81:hover,
.n-srchrst .srchsongst .hd .ply:hover,
.n-srchrst .srchsongst .icn-dl:hover,
.n-srchrst .srchsongst .icn-fav:hover,
.n-srchrst .srchsongst .icn-share:hover,
.n-srchrst .srchsongst .mv:hover,
.n-srchrst .srchsongst .u-icn-81:hover {
opacity: 1;
}
.m-table .icn-del::before,
.m-table .icn-dl::before,
.m-table .icn-fav::before,
.m-table .icn-share::before,
.m-table .mv::before,
.m-table .ply::before,
.m-table .u-icn-81::before,
.n-srchrst .srchsongst .hd .ply::before,
.n-srchrst .srchsongst .icn-dl::before,
.n-srchrst .srchsongst .icn-fav::before,
.n-srchrst .srchsongst .icn-share::before,
.n-srchrst .srchsongst .mv::before,
.n-srchrst .srchsongst .u-icn-81::before {
font-family: nmicons;
font-size: 16px;
height: 16px;
line-height: 16px;
width: 16px;
text-align: center;
display: block;
text-indent: 0;
color: var(--cp-c6);
}
.m-table .u-icn-81::before,
.n-srchrst .srchsongst .u-icn-81::before {
content: "\e016";
}
.m-table .icn-fav::before,
.n-srchrst .srchsongst .icn-fav::before {
content: "\e004";
}
.m-table .icn-share::before,
.n-srchrst .srchsongst .icn-share::before {
content: "\e006";
}
.m-table .icn-dl::before,
.n-srchrst .srchsongst .icn-dl::before {
content: "\e022";
}
.m-table .icn-del::before {
content: "\e011";
}
.m-table .ply::before,
.n-srchrst .srchsongst .hd .ply::before {
content: "\e000";
background: var(--cp-b0);
color: var(--gc-aa);
border-radius: 99vh;
font-size: 12px;
box-shadow: 0 0 0 2px var(--cp-b0), 0 0 0 3px var(--gc-aa);
}
.m-table .ply.ply-z-slt::before,
.n-srchrst .srchsongst .hd .ply.ply-z-slt::before {
background: var(--gc-aa);
color: var(--cp-b0);
box-shadow: 0 0 0 3px var(--gc-aa);
}
.m-table .mv::before,
.n-srchrst .srchsongst .mv::before {
content: "\e010";
color: var(--gc-aa);
}
.m-table .opt {
min-width: 80px;
white-space: nowrap;
height: inherit;
display: flex !important;
align-items: center;
position: absolute;
margin-left: -10px;
}
.m-record .opt > * {
transform: scale(0.8);
}
.m-table .opt.hshow,
.m-table .opt[style*="none"] {
visibility: hidden;
}
.m-table .opt[style*="block"],
.m-table tr:hover .opt.hshow {
visibility: visible;
}
.m-table tr.js-dis .opt.hshow {
display: none !important;
}
.m-table tr.z-hover td {
background: var(--cp-d2);
}
.u-goon {
color: var(--cp-x0);
}
div.m-layer-down .right .qtcode {
box-shadow: 0 0 0 5px var(--cp-z0);
}
.m-table .opt > * {
float: none;
transform: scale(0.8);
}
.n-mv .deny-copy {
pointer-events: none;
}
.m-timeline .dsup a[id^="likeduser"] img {
max-width: 30px;
clip-path: circle(40%);
transition: all 0.3s ease;
border-radius: 99vh;
}
.m-timeline .dsup a[id^="likeduser"]:hover img {
clip-path: circle(100%);
border-radius: 99vh;
transform: scale(1.5);
}
.m-table-program tr.z-hover .tt {
width: 150px;
}
.m-topmsg {
border: 0;
box-shadow: 0 0 0 2px var(--cp-b0);
pointer-events: none;
}
.u-tag {
background: var(--cp-d2);
border-radius: 99vh;
padding: 0 10px;
text-shadow: none;
transition: all 0.3s ease;
}
.m-prointr .cat,
.n-songtb .prohead {
border-radius: 99vh;
}
.u-tag:hover {
background: var(--cp-d5);
box-shadow: 0 2px 5px var(--cp-a2);
}
.u-tag i {
background: 0 0;
padding: 0;
color: var(--cp-a0);
}
.u-tag-1 i {
padding-right: 10px;
}
.g-mymusic .p-mymusic .g-sd3 {
animation: fade-in 0.3s ease 1s backwards;
}
.m-seltags li.z-sel .u-btn2 {
color: var(--cp-a0);
}
.u-btn2 {
padding: 0;
}
.m-dlist .src .cover .ply::before,
.m-playbar .col .ico-src::before,
.m-playbar .icn-del::before,
.m-playbar .ico-add::before,
.m-playbar .ico-ask::before,
.m-playbar .ico-dl::before,
.m-playbar .ico-share::before,
.m-playbar .listhdc .close::before,
.m-playbar .playicn::before,
.m-record .ply-z-slt::before,
.m-record .ply::before,
.m-record span.icn-dl::before,
.m-record span.icn-fav::before,
.m-record span.icn-share::before,
.m-sglist .opr .add::before,
.m-sglist .opr .play::before,
.m-tlist .icn::before,
.n-bilst ol .oper .u-icn-81::before,
.s-bg-10::before,
.s-bg-11::before,
.s-bg-12::before,
.s-bg-9::before,
.u-btn-nxt::before,
.u-btn-prv::before,
.u-dicn-3::before,
.u-dicn-42::before,
.u-dicn-43::before,
.u-dicn-44::before,
.u-dicn-46::before,
.u-dicn-47::before,
.u-dicn-4::before,
.u-icn-10::before,
.u-icn-11::before,
.u-icn-33::before,
.u-icn-36::before,
.u-icn-41::before,
.u-icn-50::before,
.u-icn-57::before,
.u-icn-61::before,
.u-icn-67::before,
.u-icn-69::before,
.u-icn-70::before,
.u-icn-80::before,
.u-icn-81::before,
.u-icn-95::before,
.u-icn-97::before,
.u-icn2-12::before,
.u-icn2-13::before,
.u-icn2-1::before,
.u-icn2-2::before,
.u-icn2-3::before,
.u-icn2-4::before,
.u-icn2-5::before,
.u-icn2-arr::before,
.u-icn2-del::before,
.u-icn2-mv::before,
.u-icn2-plus::before,
.u-icn2-share::before {
width: 100%;
height: 100%;
display: block;
text-align: center;
font-family: nmicons;
text-indent: 0;
}
.m-tlist .icn {
background: 0 0;
color: inherit;
position: relative;
width: 16px;
height: 16px;
margin: 8px 12px;
}
.m-tlist .icn::before {
content: "\e02c";
line-height: 16px;
font-size: 16px;
color: inherit;
}
.m-tlist .icn-hm::before {
content: "\e018";
}
.m-tlist .icn-msg::before {
content: "\e03c";
}
.m-tlist .icn-lv::before {
content: "\e028";
}
.m-tlist .icn-mbr::before {
content: "\e02b";
}
.m-tlist .icn-st::before {
content: "\e01b";
}
.m-tlist .icn-verify::before {
content: "V";
font-family: "Segoe UI", sans-serif;
color: var(--cp-c3);
position: absolute;
font-size: 12px;
font-weight: 700;
top: 0;
left: 0;
padding: 0 !important;
}
.m-tlist .icn-verify::after {
content: "";
background: currentColor;
border-radius: 99vh;
width: 100%;
height: 100%;
display: block;
color: inherit;
}
.m-tlist .icn-topic::before {
content: "\e026";
}
.m-tlist .icn-ex::before {
content: "\e029";
}
.m-tlist em {
color: inherit;
}
.u-icn-36 > div {
position: absolute;
top: initial;
bottom: 20px;
}
div.m-emts {
background: var(--cp-b0);
padding: 10px;
border: 1px solid var(--cp-a1);
box-shadow: 0 5px 10px var(--cp-a3);
height: 145px;
top: 30px;
border-radius: 10px;
}
div.m-emts::after,
div.m-emts::before {
content: "";
border: 6px solid var(--cp-00);
border-top: 0;
border-bottom: 8px solid var(--cp-a1);
position: absolute;
box-sizing: border-box;
height: 0;
width: 0;
display: block;
bottom: 100%;
left: 13px;
}
div.m-emts::after {
border-bottom: 8px solid var(--cp-b0);
bottom: calc(100% - 1px);
}
.u-icn-36,
.u-icn-41,
.u-icn-97 {
background: 0 0;
width: 18px;
height: 18px;
}
.u-icn-36::before,
.u-icn-41::before,
.u-icn-97::before {
color: var(--cp-d6);
font-size: 18px;
line-height: 18px;
}
.u-icn-36:hover::before,
.u-icn-41:hover::before,
.u-icn-97:hover::before {
color: var(--cp-c6);
}
.u-icn-36::before {
content: "\e023";
transform: scale(0.99);
}
.u-icn-41::before {
content: "\e01a";
transform: scale(0.99);
}
.u-icn-97::before {
content: "\e03b";
}
.n-bilst .btn a {
overflow: hidden;
color: var(--cp-00);
}
.s-bg-10,
.s-bg-9,
.u-dicn-46,
.u-dicn-47 {
background: 0 0;
width: 22px;
height: 22px;
}
.s-bg-10::before,
.s-bg-9::before,
.u-dicn-46::before,
.u-dicn-47::before {
font-size: 22px;
line-height: 22px;
color: var(--cp-d4);
}
.s-bg-10:hover::before,
.s-bg-9:hover::before {
color: var(--cp-d6);
}
.s-bg-9::before {
content: "\e000";
}
.s-bg-10::before {
content: "\e004";
}
.u-dicn-46::before,
.u-dicn-47::before {
content: "\e032";
color: var(--gc-aa);
}
.u-dicn-47::before {
content: "\e01d";
}
.n-bilst ol .oper .u-icn-81,
.s-bg-11,
.s-bg-12,
.u-icn2-arr {
background: 0 0;
width: 17px;
height: 17px;
margin-top: 0;
}
.n-bilst ol .oper .u-icn-81::before,
.s-bg-11::before,
.s-bg-12::before,
.u-icn2-arr::before {
font-size: 17px;
line-height: 17px;
color: var(--cp-c7);
}
.n-bilst ol .oper .u-icn-81:hover::before,
.s-bg-11:hover::before,
.s-bg-12:hover::before {
color: var(--cp-c6);
}
.s-bg-11::before {
content: "\e000";
}
.n-bilst ol .oper .u-icn-81::before {
content: "\e016";
}
.s-bg-12::before {
content: "\e004";
}
.u-icn2-arr::before {
content: "\e027";
}
.n-bilst ol .oper .u-icn-81 {
margin-right: 10px;
}
.m-favgd .u-icn-33 {
transform: scale(0.5);
}
.u-icn-33 {
background: 0 0;
width: 35px;
height: 35px;
}
.u-icn-33::before {
content: "\e016";
font-size: 30px;
line-height: 35px;
color: var(--cp-c7);
}
.u-icn-95 {
margin-right: 5px;
}
.m-playbar .col .ico {
margin: 5px 0 0 5px;
transform: scale(0.8);
}
.m-playbar .listhdc h4 {
display: none;
}
.m-playbar .listhdc a {
color: var(--cp-d6);
}
.m-playbar .listhdc a:hover,
.m-playbar .listhdc a:hover .ico::before {
color: var(--cp-z0);
}
.m-playbar .listhdc .ico {
margin: -1px 5px 0 0;
transform: scale(0.8);
}
.m-playbar .listhdc .addall {
left: 16px;
}
.m-playbar .listhdc .lytit {
display: none;
font-weight: 700;
-webkit-text-stroke: 0.2px currentColor;
}
.m-playbar .icn-del,
.m-playbar .ico-add,
.m-playbar .ico-dl,
.m-playbar .ico-share,
.u-icn-95,
.u-icn2-del,
.u-icn2-share {
background: 0 0;
width: 16px;
height: 16px;
margin-top: 0;
}
.m-playbar .icn-del::before,
.m-playbar .ico-add::before,
.m-playbar .ico-dl::before,
.m-playbar .ico-share::before,
.u-icn-95::before,
.u-icn2-del::before,
.u-icn2-share::before {
font-size: 16px;
line-height: 16px;
color: var(--cp-d6);
}
.m-playbar .ico-share::before,
.u-icn-95::before,
.u-icn2-share::before {
content: "\e006";
}
.u-icn2-del:hover::before,
.u-icn2-share:hover::before {
color: var(--cp-c5);
}
.u-icn-95::before {
content: "\e01e";
color: var(--cp-f5);
}
.m-playbar .ico-add::before {
content: "\e004";
}
.m-playbar .ico-dl::before {
content: "\e022";
}
.m-playbar .icn-del::before,
.u-icn2-del::before {
content: "\e011";
}
.m-playbar .icn-del:hover::before,
.m-playbar .ico-add:hover::before,
.m-playbar .ico-dl:hover::before,
.m-playbar .ico-share:hover::before {
color: var(--cp-z0);
}
.u-icn2-mv::before {
content: "\e000";
font-size: 12px;
}
.u-icn2-mv {
background: 0 0;
color: inherit;
height: 15px;
line-height: 15px;
width: 15px;
}
.m-mvlist .u-icn2-mv {
margin-top: -4px;
}
.u-btni-dy i {
height: 100%;
}
.m-ustit {
border-bottom: 2px solid var(--cp-d1);
}
.u-icn-2 {
background: 0 0;
display: inline-block;
width: 30px;
height: 30px;
position: relative;
}
.u-icn-2::before {
content: "\e010";
font-family: nmicons;
color: var(--gc-aa);
font-size: 25px;
display: block;
position: absolute;
line-height: 1;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.u-icn-2.u-video-deny-copy {
width: 18px;
height: 18px;
background: 0 0;
}
.u-icn-2.u-video-deny-copy::before {
content: "\e02d";
font-size: 12px;
}
.m-dynamic .dtoggle i {
margin-left: 5px;
}
.u-icn-61,
.u-icn-69,
.u-icn-70,
.u-icn2-plus {
background: 0 0;
width: 12px;
height: 12px;
margin-left: 5px;
}
.u-icn-61::before,
.u-icn-69::before,
.u-icn-70::before,
.u-icn2-plus::before {
content: "\e016";
font-size: 12px;
line-height: 12px;
color: var(--cp-d6);
}
.u-icn-61::before,
.u-icn-69::before,
.u-icn-70::before {
content: "\e027";
color: var(--cp-c7);
transform: rotate(-90deg);
}
.u-icn-69::before {
transform: rotate(90deg);
}
.m-dlist .mng,
.m-dlist .mng .li,
.m-dlist .mng li,
.m-dlist .src .cover,
.n-base .avatar {
border-radius: 5px;
overflow: hidden;
}
.m-dlist .src .cover .ply {
background: var(--cp-a4);
width: 40px;
height: 40px;
}
.m-dlist .src .cover .ply::before {
content: "\e000";
font-size: 25px;
line-height: 40px;
color: var(--cp-b0);
filter: drop-shadow(0 0 10px var(--cp-a0));
}
.m-table .cls {
top: calc(50% - 5px);
}
.m-sglist .opr .add,
.m-sglist .opr .play,
.u-dicn-43,
.u-dicn-44,
.u-icn-80 {
background: 0 0;
width: 10px;
height: 10px;
}
.m-sglist .opr .add::before,
.m-sglist .opr .play::before,
.u-dicn-43::before,
.u-dicn-44::before,
.u-icn-80::before {
font-size: 12px;
line-height: 12px;
height: 12px;
width: 12px;
color: var(--cp-c7);
transform: scale(0.83);
transform-origin: top left;
}
.m-sglist .opr .add:hover::before,
.m-sglist .opr .play:hover::before,
.u-icn-800:hover::before {
color: var(--cp-c6);
}
.m-sglist .opr .play::before,
.u-dicn-43::before {
content: "\e000";
}
.m-sglist .opr .add::before {
content: "\e016";
}
.u-icn-80::before {
content: "\e021";
}
.u-dicn-44::before {
content: "\e031";
}
.u-dicn-43::before,
.u-dicn-44::before {
color: var(--cp-z0);
}
.m-playbar .col .ico-src,
.u-dicn-3,
.u-dicn-4,
.u-icn-50,
.u-icn2-12,
.u-icn2-13 {
background: 0 0;
width: 14px;
height: 14px;
}
.m-playbar .col .ico-src.ico-src-dis::before,
.m-playbar .col .ico-src.ico-src-dis:hover::before {
color: var(--cp-z2);
}
.m-playbar .col .ico-src::before,
.u-dicn-3::before,
.u-dicn-4::before,
.u-icn-50::before,
.u-icn2-12::before,
.u-icn2-13::before {
content: "\e014";
font-size: 14px;
line-height: 14px;
color: var(--cp-f5);
}
.u-dicn-4::before,
.u-icn2-13::before {
color: var(--gc-aa);
}
.u-icn-50::before {
content: "\e021";
color: var(--cp-c3);
font-size: 12px;
transform: scale(0.7);
}
.u-icn-50:hover::before {
color: var(--cp-e1);
}
.m-playbar .col .ico-src {
float: none;
display: block;
margin: 7px;
}
.m-playbar .col .ico-src::before {
content: "\e013";
color: var(--cp-ya);
}
.m-playbar .col .ico-src:hover::before {
color: var(--cp-z0);
}
.u-btn-nxt,
.u-btn-prv {
background: 0 0;
width: 9px;
height: 9px;
}
.u-btn-nxt::before,
.u-btn-prv::before {
content: "\e027";
font-size: 12px;
line-height: 12px;
height: 12px;
width: 12px;
color: var(--cp-c7);
transform: scale(0.75);
transform-origin: top left;
}
.u-btn-prv::before {
transform: scale(0.75) scaleX(-1) translateX(-12px);
}
.m-playbar .col-6 {
width: 28px;
}
.m-playbar .col-4 {
width: 205px;
color: var(--cp-y9);
cursor: default;
}
.m-playbar .col-4 > span > * {
margin: 0 2px;
cursor: default;
}
.m-playbar .col-4 > span > a {
cursor: pointer;
}
.m-playbar .list li.z-sel .col-4,
.m-playbar .list li.z-sel .col-4 a,
.m-playbar .list li:hover .col-4,
.m-playbar .list li:hover .col-4 a {
color: var(--cp-ya);
}
.m-playbar .list li.z-sel .col-4 a:hover,
.m-playbar .list li:hover .col-4 a:hover {
color: var(--cp-z0);
}
.m-playbar .col-2 {
padding-left: 5px;
width: 218px;
transform: translateX(0);
}
.m-playbar li:not(.z-sel) .col-2 {
transform: translateX(-20px);
}
.m-playbar .list li:hover .col-2 {
width: 130px;
}
.m-playbar .col-1 {
padding: 0 7.5px;
width: 13px;
overflow: hidden;
border-radius: 99vh;
}
.m-playbar .playicn {
margin: 7.5px 0;
position: relative;
animation: playicn-in 0.5s var(--gb-ad);
}
.m-playbar .list li .col-3 {
display: none;
}
.m-playbar .list li:hover .col-3 {
display: block;
}
.m-playbar .playicn::after {
content: "";
background: var(--gc-aa);
border-radius: 99vh;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
transform: scale(1.8);
}
.m-playbar .playicn,
.u-icn-10,
.u-icn-11,
.u-icn-57,
.u-icn-67 {
background: 0 0;
width: 13px;
height: 13px;
}
.m-playbar .playicn::before,
.u-icn-10::before,
.u-icn-11::before,
.u-icn-57::before,
.u-icn-67::before,
.u-icn-81::before {
content: "\e02a";
font-size: 13px;
line-height: 13px;
color: var(--cp-d6);
}
.m-playbar .playicn::before {
content: "\e000";
color: var(--cp-b0);
position: relative;
z-index: 1;
}
.u-icn-57::before {
content: "\e031";
}
.u-icn-10::before {
content: "\e032";
}
.u-icn-11::before {
content: "\e011";
}
.u-icn-10:hover::before,
.u-icn-11:hover::before {
color: var(--cp-c5);
}
.m-record .icn-add {
margin-top: 0;
}
.m-record span.icn-dl,
.m-record span.icn-fav,
.m-record span.icn-share,
.u-icn-81,
.u-icn2-5 {
background: 0 0;
width: 18px;
height: 18px;
margin-top: 0;
margin-left: 4px;
}
.m-record span.icn-dl::before,
.m-record span.icn-fav::before,
.m-record span.icn-share::before,
.u-icn-81::before,
.u-icn2-5::before {
font-size: 18px;
line-height: 18px;
color: var(--cp-d6);
}
.m-record span.icn-dl:hover::before,
.m-record span.icn-fav:hover::before,
.m-record span.icn-share:hover::before,
.u-icn-81:hover::before {
color: var(--cp-c7);
}
.u-icn-81::before {
content: "\e016";
transform: scale(0.8);
}
.m-record span.icn-fav::before {
content: "\e004";
}
.m-record span.icn-share::before {
content: "\e006";
}
.m-record span.icn-dl::before {
content: "\e022";
}
.u-icn2-5::before {
content: "\e02d";
color: var(--cp-d5);
}
.m-record .ply,
.m-record .ply-z-slt {
background: 0 0;
width: 17px;
height: 17px;
}
.m-record .ply-z-slt::before,
.m-record .ply::before {
content: "\e000";
font-size: 17px;
line-height: 17px;
color: var(--cp-d6);
transform: scale(0.8);
}
.m-record .ply:hover::before {
color: var(--cp-c7);
}
.m-record .ply-z-slt::before {
color: var(--gc-aa);
}
.m-playbar .listhdc .close {
background: 0 0;
width: 30px;
height: 30px;
}
.m-playbar .listhdc .close::before {
content: "\e021";
font-size: 12px;
line-height: 30px;
color: var(--cp-ya);
}
.m-playbar .listhdc .close:hover::before {
color: var(--cp-z0);
}
.m-playbar .ico-ask {
background: 0 0;
width: 21px;
height: 21px;
}
.m-playbar .ico-ask::before {
content: "\e020";
font-size: 21px;
line-height: 21px;
color: var(--cp-z0);
opacity: 0.4;
}
.m-playbar .ico-ask:hover::before {
opacity: 0.6;
}
.u-icn2-1,
.u-icn2-2,
.u-icn2-3,
.u-icn2-4 {
background: 0 0;
width: 22px;
height: 22px;
}
.u-icn2-1::before,
.u-icn2-2::before,
.u-icn2-3::before,
.u-icn2-4::before {
content: "\e020";
font-size: 22px;
line-height: 22px;
color: var(--gc-aa);
}
.u-icn2-2::before,
.u-icn2-3::before,
.u-icn2-4::before {
content: "\e000";
color: var(--cp-d5);
}
.u-icn2-3::before {
content: "\e034";
}
.u-icn2-4::before {
content: "\e004";
}
.u-dicn-42 {
background: 0 0;
width: 40px;
height: 40px;
}
.u-dicn-42:before {
content: "\e000";
font-size: 22px;
line-height: 40px;
color: var(--cp-b0);
background: var(--cp-a0);
border-radius: 99vh;
opacity: 0.6;
}
.u-dicn-18,
.u-dicn-30,
.u-dicn-31,
.u-dicn-35 {
width: 13px;
height: 13px;
background: 0 0;
position: relative;
color: inherit;
}
.u-dicn-18::before,
.u-dicn-30::before,
.u-dicn-31::before,
.u-dicn-35::before {
font-family: nmicons;
font-size: 13px;
color: inherit;
display: block;
}
.u-dicn-36 {
width: 12px;
height: 12px;
background: 0 0;
}
.u-dicn-30::before {
content: "\e00b";
}
.u-dicn-18::before {
content: "\e027";
transform: rotate(-90deg);
}
.u-dicn-31::before {
content: "\e022";
}
.u-dicn-35::before {
content: "\e025";
}
.u-dicn-36::before {
content: "\00b7";
width: 12px;
height: 12px;
display: block;
text-align: center;
line-height: 12px;
color: var(--gc-aa);
font-weight: 900;
font-family: sans-serif;
}
.u-dicn-23 {
background: 0 0;
}
.u-type-red,
a.u-type-red:hover {
color: var(--gc-aa);
border-color: var(--gc-aa);
}
.m-radio .toplist .rank .red,
.n-bilst ol .no-top,
.s-fc6,
a.s-fc6:hover {
color: var(--gc-aa);
}
.m-radio .toplist .rank .red,
.n-bilst ol .no-top {
font-weight: 700;
}
.m-ctvideo .controls .progress .out-1 {
background: var(--gc-aa) !important;
}
.m-ctvideo .controls .progress .dot {
background: 0 0 !important;
}
.m-ctvideo .controls .progress .dot::before {
content: "";
width: 5px;
height: 5px;
display: block;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background: var(--gc-aa);
border: 5px solid var(--cp-b0);
border-radius: 99vw;
box-shadow: 0 0 5px var(--cp-a5);
}
.user-info .user-head .avatar,
.user-info .user-head .avatar-img {
border-radius: 99vw;
}
.m-playbar .wrap {
transform: translateY(-2.5px);
display: flex;
}
.m-playbar .wrap > :not(.play) {
flex-grow: 0;
flex-shrink: 0;
}
.m-edtimg .right .bpre,
.m-edtimg .right .spre {
border-radius: 99vw;
}
.m-edtimg .left .img {
border: 0;
}
#viewDiv {
height: calc(100% - 80px) !important;
}
.m-dlist .src-alb .scnt {
left: 60px;
}
.m-dlist .src .cover-alb {
width: 40px;
}
.m-ctvideo .controls .wrap .arrow {
display: none;
}
.m-ctvideo .controls .wrap .brs .options,
.m-ctvideo .controls .wrap .volume .sliderbg {
border: 1px solid var(--cp-b2);
border-radius: 5px;
overflow: hidden;
}
.m-ctvideo .controls .wrap .volume .slider .dot {
background: 0 0 !important;
}
.m-ctvideo .controls .wrap .volume .slider .dot::before {
content: "";
display: block;
height: 3px;
width: 3px;
background: var(--gc-aa);
border-radius: 99vw;
border: 5px solid var(--cp-b0);
box-shadow: 0 0 5px var(--cp-a5);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.m-ctvideo .controls .wrap .volume .slider .out {
background: var(--gc-aa);
border-radius: 99vw;
}
.m-ctvideo .controls .wrap .volume {
padding: 9px 10px;
color: var(--cp-b5);
}
.m-ctvideo .controls .wrap .volume:hover {
color: var(--cp-b0);
}
.m-ctvideo .controls .wrap .volume .mute,
.m-ctvideo .controls .wrap .volume.z-mute .mute {
background: 0 0 !important;
width: 16px;
height: 16px;
color: inherit;
}
.m-ctvideo .controls .wrap .full::before,
.m-ctvideo .controls .wrap .volume .mute::before {
font-family: nmicons;
font-size: 16px;
line-height: 16px;
color: inherit;
}
.m-ctvideo .controls .wrap .volume .mute::before {
content: "\e007";
}
.m-ctvideo .controls .wrap .volume.z-mute .mute::before {
content: "\e008";
}
.m-ctvideo .controls .wrap .full::before {
content: "\e039";
}
.m-ctvideo.z-fullscreen .controls .wrap .full::before {
content: "\e03a";
}
.m-ctvideo .controls .wrap .full {
height: 34px;
width: 34px;
background: 0 0 !important;
position: relative;
color: var(--cp-b5);
}
.m-ctvideo .controls .wrap .full:hover {
color: var(--cp-b0);
}
.m-ctvideo .controls .wrap .full::before {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.m-ctvideo .controls .progress-2 .j-ht .hovertime {
border-radius: 5px;
white-space: nowrap;
}
.m-proifo .name > .f-cb,
.m-proifo .name > .f-cb > * {
display: flex;
order: 2;
}
.m-proifo .name #j-name-wrap {
order: 0;
flex-grow: 1;
width: 0;
}
.m-proifo .name #j-name-wrap > * {
flex-shrink: 0;
}
.m-proifo .name #j-name-wrap > .tit {
flex-shrink: 1;
}
.m-proifo .name #head-oper {
order: 1;
margin-right: 15px;
}
.m-proifo .data li,
.n-frdlist .hd,
.n-frduser li,
.n-myinfo .dny li,
.n-pow,
.u-hd3,
.u-hd4,
.v-hd4 {
border-color: var(--cp-d2);
}
.m-dlist .itm,
.m-timeline .head,
.m-timeline .head h2 {
border-color: var(--cp-d1);
}
.v-hd4 {
color: var(--cp-c3);
}
.m-proifo .name {
padding: 0;
margin-bottom: 15px;
border: 0;
}
.wk-full-username {
position: relative;
}
.wk-full-username[data-wk-username-full]::after {
content: attr(data-wk-username-full);
pointer-events: none;
position: absolute;
color: inherit;
height: 100%;
display: block;
width: 100%;
z-index: 99999;
font-family: inherit;
visibility: visible;
margin-top: 3px;
font-size: 22px;
line-height: 30px;
background: var(--cp-b0);
opacity: 0;
transition: opacity 0.3s ease;
height: 30px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
top: 0;
left: 0;
}
.m-proifo dd:hover .wk-full-username[data-wk-username-full]::after {
opacity: 1 !important;
}
#content-operation {
display: flex;
}
#content-operation > * {
flex-shrink: 0;
}
.n-share {
background: var(--cp-b0);
}
.n-share .head::after,
.n-share .u-icn-17,
.n-share .u-icn-17a {
content: initial;
display: none;
}
.n-share-1 .item {
margin-top: 10px;
}
.m-dlist .src .cover-ply .ply,
.m-dlist .src .cover:hover .ply {
z-index: 2;
}
.ant-checkbox input,
.ant-radio input {
display: none;
}
.ant-select-multiple .ant-select-selection-item-remove {
display: inline-flex;
flex-direction: column;
justify-content: center;
}
.ant-checkbox-inner,
.ant-input,
.ant-picker-input > input,
.ant-select-selector {
border-radius: 5px;
}
.u-vip-btn-group {
background: 0 0;
width: initial;
height: 31px;
}
.u-vip-btn-group .u-btni-vipadd,
.u-vip-btn-group .u-btni-vipply {
margin: 0 !important;
background: var(--gc-aa);
color: var(--cp-b0);
height: 100%;
}
.u-vip-btn-group .u-btni-vipadd:hover,
.u-vip-btn-group .u-btni-vipply:hover {
border-color: var(--cp-b3);
}
.u-vip-btn-group .u-btni-vipadd:active,
.u-vip-btn-group .u-btni-vipply:active {
border-color: var(--cp-00);
color: var(--cp-a0);
background: var(--cp-b0);
}
.u-vip-btn-group .u-btni-vipply {
border-radius: 5px 0 0 5px;
}
.u-vip-btn-group .u-btni-vipadd {
border-radius: 0 5px 5px 0;
margin-left: 1px !important;
padding: 0;
position: relative;
}
.u-vip-btn-group .u-btni-vipply .ply {
display: inline-block;
vertical-align: inherit;
margin-right: 5px;
}
.u-vip-btn-group .u-btni-vipadd::before {
margin: 0;
}
.u-vip-btn-group .u-btni-vipply i {
padding: 0 7px 0 8px;
}
.f-fr {
order: 9;
}
#content-operation::after {
order: 8;
flex-grow: 1;
}
.m-vipguide-modal {
border-radius: 5px;
overflow: hidden;
}
.n-enter li {
margin-right: 10px;
}
.m-info .user .name {
margin-right: 5px;
}
.m-info .btns {
display: flex;
}
.m-info .btns > * {
flex-shrink: 0;
flex-grow: 0;
}
.m-playbar .listlyric {
margin: 0;
scroll-behavior: initial;
}
.m-playbar .listlyric::after {
content: "";
display: block;
height: 60%;
width: 100%;
}
.m-show {
border-radius: 10px;
}
.u-tab {
border: 0;
}
.u-tab li,
.u-tab li.z-slt,
.u-tab li:hover {
border: 0;
background: 0 0;
width: initial;
margin-right: 20px;
height: 35px;
line-height: 35px;
}
.u-tab li a {
font-size: 22px;
color: var(--cp-a6);
}
.u-tab li.z-slt a {
color: var(--gc-aa);
font-weight: 700;
}
.m-use .ccode {
background: var(--gc-aa);
border-radius: 5px;
color: var(--cp-b0);
}
.m-use .ccode:hover {
box-shadow: 0 0 0 2px var(--cp-b3) inset;
}
.m-use .ccode:active {
box-shadow: none;
background: var(--cp-b0);
color: var(--cp-a0);
}
.m-use .ccode em {
color: inherit;
width: 100%;
padding: 0;
text-align: center;
}
.m-otctab {
border: 0;
}
.m-otctab li {
height: 48px;
border: 0;
position: relative;
background: 0 0;
color: var(--cp-a0);
}
.m-otctab li.z-slt {
color: var(--gc-aa);
}
.m-otctab li span {
font-size: 12px;
font-weight: 400;
margin: 0 0 0 24px;
width: calc(100% - 24px);
color: inherit;
line-height: 48px;
}
.m-otctab li a,
.m-otctab li.z-slt a {
border: 0;
padding: 0;
margin: 0;
width: 100%;
display: block;
height: 100%;
color: inherit;
background: 0 0;
transition: all 0.3s var(--gb-ad);
border-radius: 99vh;
}
.m-otctab li a {
transform: scale(0.85);
}
.m-otctab li a:hover {
background: var(--cp-d1);
transform: scale(0.9);
}
.m-otctab li.z-slt a {
background: var(--cp-d2);
}
.m-otctab li a:active {
background: var(--cp-d3);
transform: scale(0.95);
}
.m-otctab li a::before {
content: "";
display: block;
height: 4px;
width: 4px;
background: var(--gc-aa);
position: absolute;
top: 50%;
left: 5px;
transform: var(--gb-ag);
opacity: 0;
transition: all 0.3s var(--gb-ad);
border-radius: 99vh;
}
.m-otctab li.z-slt a::before {
opacity: 1;
height: 10px;
}
.m-otctab li i {
display: none;
}
.u-btni-openvipply,
.u-btni-openvipply i {
padding: 0;
}
.n-musicsd .usersub a:hover {
background: var(--cp-d2);
}
.n-musicsd .usersub.js-selected {
background: var(--cp-d1);
}
.s-fc0,
a.s-fc0:hover {
color: var(--cp-a0);
}
.m-ft .enter .tt {
transform: scaleY(1.17) translateY(5px);
}
.m-favgd .tit {
background: var(--cp-d2);
}
.m-favgd ul li {
border: 0;
}
.m-favgd ul li:hover,
.m-layer-favgd ul li.z-hvr {
background: var(--cp-d1);
}
.m-plylist .itm {
background: var(--cp-b0);
}
.m-plylist .bg {
background: var(--cp-d1);
}
.m-plylist .itm:hover,
.m-plylist .z-hvr,
.m-plylist .z-sel {
background: var(--cp-d2);
}
.m-radio .toplist {
border: 1px solid var(--cp-d1);
}
.m-radio .toplist .hot {
background: var(--cp-d3);
border-radius: 99vh;
overflow: hidden;
}
.m-radio .toplist .u-hot i {
background: var(--cp-d4);
border-radius: 99vh;
}
#g_player .oper {
width: fit-content;
white-space: nowrap;
}
.wk-settings-button-line {
height: 40px !important;
flex-direction: row;
display: flex;
align-items: center;
}
.m-lysearch .srchlist .itm,
.m-lysearch .srchlist .sitm {
border-radius: 10px;
}
.m-lysearch .srchlist .even {
background: var(--cp-d1);
margin: 2px 0;
}
.m-lysearch .srchlist .itm:hover,
.m-lysearch .srchlist .sitm:hover {
background: var(--cp-d2);
}
.m-ctvideo .controls .wrap .brs .current,
.m-ctvideo .controls .wrap .duration,
.m-ctvideo .controls .wrap .time {
color: var(--cp-b5);
}
.n-log2 .u-alt li a {
color: var(--cp-c3);
}
.n-log2 .u-official-terms {
color: var(--cp-a4);
}
.n-loglink2 {
background: var(--cp-d1);
border: 0;
}
.f-mgt10 {
margin-top: 5px;
overflow: hidden;
}
.n-log2-2 .s-fc3 {
margin-top: 10px;
}
.m-ctvideo .controls .progress {
background: var(--cp-b2);
}
.m-ctvideo .controls .progress .out-2 {
background: var(--cp-b3);
}
.u-icn2-jp2,
.u-icn2-jp3,
.u-icn2-jp4 {
border-radius: 99vh;
background-color: var(--cp-h3);
transform: rotate(45deg);
}
.u-icn2-jp3 {
transition: all 0.3s ease;
height: 25px;
width: 25px;
top: 10px;
left: 10px;
}
.u-icn2-jp2 {
height: 30px;
width: 30px;
top: 15px;
left: 15px;
}
.u-icn2-jp4 {
height: 15px;
width: 15px;
top: 5px;
left: 5px;
}
.m-cvrlst li:hover .u-cover:not(.u-cover-5):not(.u-cover-7) .u-icn2-jp3 {
transform: translate(-10px, -15px) rotate(45deg) scale(1.1);
}
.m-table-program .last {
left: initial;
right: 20px;
}
.m-playbar .listhdc .line {
display: none;
}
.n-lv .divnum li {
width: 25px;
height: 25px;
}
.n-lv .divnum li.z-on {
border-radius: 99vh;
background: var(--cp-e6);
}
.n-favrdi {
margin: 0;
}
.n-favrdi li {
border-color: var(--cp-d1);
}
.n-singer .itm {
border: 0;
}
.u-hd3 {
color: var(--cp-c3);
}
.m-show {
border-color: var(--cp-d2);
background-color: var(--cp-d1);
}
#player > .player,
#player > .player > .list .foot {
background: var(--cp-b0);
}
#player > .player > .list li.odd {
background: var(--cp-d1);
}
#player > .player > .list li.z-sel {
background: var(--cp-d2);
}
.m-cmmt .cmmts .cntwrap .s-fc7,
.m-proifo .name .tit,
.n-myinfo .info .nm-icn,
.wk-full-username[data-wk-username-full]::after,
html[wk-style-assist] .n-artist .sname {
font-weight: 700;
-webkit-text-stroke: 0.2px currentColor;
}
.m-playbar .list .nolyric,
.m-playbar .listlyric > p {
animation: fade-in 0.3s ease 0.5s backwards;
}
.m-ctvideo .controls .wrap .play {
background: 0 0 !important;
position: relative;
}
.m-ctvideo .controls .wrap .play::before {
content: "\e000";
position: absolute;
display: block;
font-size: 16px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: var(--cp-b5);
font-family: nmicons;
}
.m-ctvideo .controls .wrap .brs::after,
.m-ctvideo .controls .wrap .brs::before {
content: initial;
}
.m-ctvideo .controls .wrap .brs:hover .current,
.m-ctvideo .controls .wrap .play:hover::before {
color: var(--cp-d0);
}
.m-ctvideo.z-play .controls .wrap .play::before {
content: "\e001";
}
.u-btni-add {
margin-left: 1px;
}
.u-bub b {
background: var(--gc-aa);
border-radius: 99vh;
transform: scale(0.8);
box-shadow: 0 0 0 2.5px var(--cp-b0);
}
.u-bub b,
.u-bub em {
height: 2em;
width: 2em;
line-height: 2em;
}
.m-proifo dt .btm {
display: block;
opacity: 0;
transform: scale(0.9);
pointer-events: none;
transition: all 0.3s var(--gb-ad);
border-radius: 99vh;
}
.m-proifo dt.z-hvr .btm,
.m-proifo dt:hover .btm {
opacity: 1;
transform: scale(1);
pointer-events: initial;
}
.m-playbar .list li.z-sel .icns .ico::before {
color: var(--cp-d8);
}
.u-dbtn {
background: var(--cp-d0);
border: 1px solid var(--cp-d3);
color: var(--cp-c3);
padding: 0 0.5em;
border-radius: 99vh;
}
.u-dbtn:hover {
background: var(--cp-d1);
}
.m-dlist .mng {
background: var(--cp-d0);
border: 1px solid var(--cp-d3);
box-shadow: 0 0 4px var(--cp-a1);
}
.m-dlist .mng .li:hover {
background: var(--cp-d1);
}
.s-fc3,
a.s-fc3:hover {
color: var(--cp-c3);
}
.m-dlist .mng {
opacity: 1;
transform: var(--gb-aj);
transition: all 0.3s var(--gb-ad);
}
.m-dlist .mng.f-hide {
opacity: 0;
pointer-events: none;
transform: var(--gb-ae);
display: block !important;
}
.u-dicn-11,
.u-dicn-24,
.u-dicn-25,
.u-dicn-27 {
background: 0 0;
position: relative;
color: inherit;
}
.u-dicn-2 {
background: 0 0;
color: inherit;
}
.u-dicn-11::before,
.u-dicn-24::before,
.u-dicn-25::before,
.u-dicn-27::before,
.u-dicn-2::before {
font-family: nmicons;
font-size: 12px;
text-align: center;
line-height: 1;
display: block;
width: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: inherit;
}
.u-dicn-11::before {
content: "\e016";
}
.u-dicn-24::before {
content: "\e02a";
}
.u-dicn-2::before {
content: "\e027";
font-size: 12px;
transform: translate(-50%, -50%) rotate(90deg);
}
.u-dicn-25::before {
content: "\e021";
font-size: 12px;
transform: translate(-50%, -50%) scale(0.8);
}
.u-dicn-27::before {
content: "\e011";
font-size: 12px;
}
.n-songtb .prohead {
background: var(--cp-d1);
border: 1px solid var(--cp-d2);
}
.m-layer-termconfirm {
background: var(--cp-b7);
}
.m-layer-termconfirm .termconfirm-modal {
overflow: hidden;
background: var(--cp-b0);
box-shadow: 0 0 20px var(--cp-a4);
}
.m-layer-termconfirm .termconfirm-modal .termconfirm-head {
color: var(--cp-c3);
border-color: var(--cp-a1);
}
.m-layer-termconfirm .termconfirm-modal .termconfirm-body {
color: var(--cp-c3);
}
.m-layer-termconfirm .termconfirm-modal .termconfirm-foot {
background: var(--cp-d1);
}
.m-newsongbar-normal {
color: var(--cp-a0);
}
.m-newsonglist .itm ul > *,
.m-newsonglist .m-dlist .src.src-alb,
.m-newsonglist .m-dlist .src.src-song {
margin-top: 5px;
}
.m-newsonglist .m-dlist .m-newsong-foldbar {
background: var(--cp-d1);
border-color: var(--cp-d1);
border-radius: 10px;
}
.m-cmmt .cmmts .cntwrap .u-icn {
margin-left: 5px;
margin-right: 0;
}
.m-cmmt .cmmts .cntwrap .u-icn2 {
margin: 0 5px;
}
.m-lyric .u-bread1-1 {
border-bottom: 2px solid var(--gc-aa);
}
.m-newsonglist .m-dlist .historysplit {
color: var(--cp-d6);
}
.m-newsonglist .m-dlist .historysplit::after,
.m-newsonglist .m-dlist .historysplit::before {
background: var(--cp-d1);
}
::-webkit-scrollbar {
width: 8px;
height: 8px;
}
::-webkit-scrollbar-thumb,
::-webkit-scrollbar-thumb:active,
::-webkit-scrollbar-thumb:hover,
::-webkit-scrollbar-track {
border-radius: 99vh;
box-shadow: none !important;
}
::-webkit-scrollbar-thumb {
background: var(--cp-a1);
}
::-webkit-scrollbar-thumb:hover {
background: var(--cp-a2);
}
::-webkit-scrollbar-thumb:active {
background: var(--cp-a6);
}
::-webkit-scrollbar-button,
::-webkit-scrollbar-corner {
display: none;
}
.m-playbar .listbd .scrol {
border-color: var(--cp-y8);
}
.m-timeline-title .btn::before,
.n-bilst .btn a,
.n-bilst ol .oper a,
.u-btn-crt::before {
transform: scale(0.8);
display: inline-block;
}
.n-frdlist .name .u-icn {
vertical-align: middle;
}
.n-frdlist .name .icn {
vertical-align: top;
}
#j-app-v2 .g-top .m-top {
height: 60px;
margin: 0;
}
#j-app-v2 .m-top .logo {
height: 60px;
padding: 0;
position: relative;
}
#j-app-v2 .m-top .logo::before {
line-height: 60px;
}
#j-app-v2 .m-top .logo a {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
background: 0 0;
}
#j-app-v2 .m-top .logo .channel {
position: absolute;
top: 50%;
left: 100%;
white-space: nowrap;
display: block;
border: 0;
color: var(--cp-b0);
margin-top: 0;
transform: translateY(-50%);
line-height: initial;
height: auto;
}
#j-app-v2 .m-top .logo .channel::before {
position: absolute;
top: 50%;
right: 100%;
transform: translateY(-50%);
}
#j-app-v2 .m-top .user .msg {
border: 0;
}
#j-app-v2 .g-doc {
min-height: 99vh;
}
#j-app-v2 .g-ft {
padding: 0;
}
#j-app-v2 .g-bd {
left: 0;
}
@media (max-width: 1100px) {
.m-nav a[data-module="discover"],
.m-nav a[data-module="friend"],
.m-nav a[data-module="my"] {
min-width: 70px;
position: relative;
}
.m-nav a[data-module="discover"] em,
.m-nav a[data-module="discover"]::before,
.m-nav a[data-module="friend"] em,
.m-nav a[data-module="friend"]::before,
.m-nav a[data-module="my"] em,
.m-nav a[data-module="my"]::before {
transition: transform 0.3s ease, opacity 0.3s ease;
}
.m-nav a[data-module="discover"] em,
.m-nav a[data-module="friend"] em,
.m-nav a[data-module="my"] em {
opacity: 0;
display: none;
}
.m-top .logo {
opacity: 0;
}
.m-nav a[data-module="discover"].z-slt em,
.m-nav a[data-module="friend"].z-slt em,
.m-nav a[data-module="my"].z-slt em {
opacity: 0;
display: none;
}
.m-nav a[data-module="discover"].z-slt::before,
.m-nav a[data-module="friend"].z-slt::before,
.m-nav a[data-module="my"].z-slt::before {
transform: translateY(0);
}
.m-top .m-srch .u-lstlay {
left: 50%;
transform: var(--gb-am);
}
.n-ban .ban .btnl {
left: 10px;
}
.n-ban .ban .btnr {
right: 261px;
}
.m-playbar .updn {
right: -10px;
}
.m-playbar .head {
margin-left: 10.3px;
}
.m-playbar .head:hover {
transform: scale(1.1);
}
.g-topbar {
width: 100% !important;
}
.n-ban .download {
display: none;
}
.n-ban .ban {
width: 730px;
margin: 0 auto;
}
.n-ban .ban .btnl {
left: 10px;
}
.n-ban .ban .btnr {
right: 10px;
}
#discover-module {
display: flex;
float: none;
flex-direction: column;
align-items: center;
}
#discover-module > * {
float: none;
width: 100%;
}
#discover-module > .g-mn1 {
order: 1;
}
#discover-module > .g-sd1 {
order: 0;
padding: 20px 20px 40px;
width: 729px;
box-sizing: border-box;
margin: 0 auto;
}
#discover-module .n-myinfo {
display: flex;
flex-direction: row;
height: auto;
justify-content: space-around;
}
#discover-module .n-singer .u-btn2 {
display: block;
}
.m-playbar .wrap {
display: flex;
width: calc(100vw - 60px);
margin: 0 !important;
left: 0;
}
.m-playbar .wrap > * {
flex-shrink: 0;
}
.m-pbar,
.m-pbar .barbg {
display: none;
}
.m-playbar .play {
width: 0 !important;
flex-grow: 1;
}
.m-playbar .words {
padding: 0;
margin-top: 8px;
}
.m-playbar .list {
width: 562px;
left: calc(50vw - 281px);
margin: 0 !important;
}
.m-playbar .listhdc > .clear {
transform: translateX(-50px);
}
.m-ft .enter {
display: none;
}
.m-ft {
width: auto;
}
.m-ft .copy {
position: sticky;
left: 20px;
}
#g_mymusic > .g-bd3 {
left: initial;
right: clamp(0.01px, 980px - 100vw, 240px);
min-height: 445px;
}
.g-bd5.f-cb {
display: flex;
flex-direction: column;
left: 0;
width: 100vw;
align-items: center;
margin: 0;
}
.g-bd5.f-cb > * {
order: 1;
}
.g-bd5.f-cb > .g-sd5 {
order: 0;
width: 100%;
max-width: 680px;
}
.n-frduser {
height: 110px;
}
.n-frduser ul {
left: initial;
top: 51px;
}
.g-bd5.f-cb > .g-sd5 #recommendStarList {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.g-bd5.f-cb > .g-sd5 #recommendStarList::after,
.g-bd5.f-cb > .g-sd5 #recommendStarList > li {
content: "";
flex-shrink: 0;
flex-grow: 1;
width: 30%;
min-width: 200px;
margin: 0 20px 20px 0;
}
.g-bd5.f-cb > .g-mn5 {
margin: 0;
width: 100%;
max-width: 680px;
}
.g-bd5.f-cb > .g-mn5 > .g-mn5c {
margin: 0;
}
}
@media (max-width: 996px) {
#g_mymusic > .g-bd3 > .n-musicsd {
transform: translateX(clamp(0.01px, 980px - 100vw, 10px));
z-index: 3;
background: var(--cp-b0);
transition: all 0.3s var(--gb-ad);
box-shadow: 0 0 20px var(--cp-a2);
}
}
@media (max-width: 960px) {
#g_mymusic > .g-bd3 > .n-musicsd {
filter: contrast(0.5);
}
#g_mymusic > .g-bd3 > .n-musicsd:hover {
transform: translateX(clamp(0.01px, 980px - 100vw, 240px));
filter: contrast(1);
}
}
@media (max-width: 900px) {
.m-nav
a:not([data-module="discover"]):not([data-module="my"]):not([data-module="friend"]) {
display: none;
}
}
@keyframes side-in {
0% {
opacity: 0;
transform: var(--gb-ae) var(--gb-ai);
}
}
@keyframes side-in-l {
0% {
opacity: 0;
transform: var(--gb-af) var(--gb-ai);
}
}
@keyframes side-in-l-r {
to {
opacity: 0;
transform: var(--gb-af) var(--gb-ai);
}
}
@keyframes side-in-l-n {
0% {
transform: translateY(calc(100% + 58px));
}
}
@keyframes side-in-l-r-n {
to {
transform: translateY(calc(100% + 58px));
}
}
@keyframes ant-dropdown-ani {
0% {
transform: translateY(-44px);
clip-path: polygon(0 0, 100% 0, 100% 40px, 0 40px);
opacity: 0;
}
to {
transform: translateY(calc(-50% - 24px));
opacity: 1;
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
}
@keyframes side-in-x {
0% {
opacity: 0;
transform: var(--gb-ak) var(--gb-ai);
}
}
@keyframes side-in-x-r {
0% {
opacity: 0;
transform: var(--gb-ac) var(--gb-ai);
}
}
@keyframes fade-in {
0% {
opacity: 0;
}
}
@keyframes fade-in-ph {
0% {
filter: contrast(0);
}
}
@keyframes fade-out {
0% {
opacity: 1;
visibility: visible;
}
to {
opacity: 0;
visibility: visible;
}
}
@keyframes tl-act {
0% {
opacity: 0;
overflow: hidden;
transform: scale(0.95) translateZ(0);
}
}
@keyframes tl-act-pos {
0% {
margin-top: -100%;
}
}
@keyframes window-in {
0% {
transform: scale(0.9) var(--gb-ai);
opacity: 0;
}
}
@keyframes window-in-r {
to {
transform: scale(0.9) var(--gb-ai);
opacity: 0;
}
}
@keyframes window-in-alt {
0% {
transform: scale(1.1) var(--gb-ai);
opacity: 0;
}
}
@keyframes playicn-in {
0% {
transform: scale(2) var(--gb-ai);
opacity: 0;
}
}
@keyframes window-in-alt-r {
to {
transform: scale(1.1) var(--gb-ai);
opacity: 0;
}
}
@keyframes cnt-show-alt {
0% {
max-height: 0;
clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
opacity: 0;
transform: translateZ(0);
}
to {
max-height: 99vh;
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
transform: translateZ(0);
}
}
@keyframes cnt-hide {
0% {
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
transform: var(--gb-ai);
max-height: 99vh;
}
to {
clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
transform: var(--gb-ai);
max-height: 0;
}
}
@keyframes desc-show {
0% {
transform: var(--gb-ai);
max-height: 99px;
}
to {
transform: var(--gb-ai);
max-height: 99vh;
}
}
@keyframes desc-col {
0% {
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
transform: var(--gb-ai);
max-height: 99vh;
}
to {
clip-path: polygon(0 0, 100% 0, 100% 99px, 0 99px);
transform: var(--gb-ai);
max-height: 99px;
}
}
@keyframes img-overview {
25% {
object-position: top;
}
75% {
object-position: bottom;
}
}
@keyframes trsorg-t2b {
0% {
transform-origin: top;
}
to {
transform-origin: bottom;
}
}
@keyframes trsorg-b2t {
0% {
transform-origin: bottom;
}
to {
transform-origin: top;
}
}
@keyframes bg-overview {
50% {
background-position: bottom;
}
}
@keyframes scale-in-out {
50% {
transform: scale(0.9);
animation-timing-function: var(--gb-al);
}
}
@keyframes img-obj-pos-ani {
0%,
to {
background-position: top;
}
25% {
background-position: right;
}
50% {
background-position: bottom;
}
75% {
background-position: left;
}
}
@supports (-moz-orient: inline) {
.m-dlist .src .cover .ply::before,
.m-nav a[data-module="discover"]::before,
.m-nav a[data-module="friend"]::before,
.m-nav a[data-module="my"]::before,
.m-playbar .btns a::after,
.m-playbar .col .ico-src::before,
.m-playbar .icn-del::before,
.m-playbar .icn::after,
.m-playbar .ico-add::before,
.m-playbar .ico-ask::before,
.m-playbar .ico-dl::before,
.m-playbar .ico-share::before,
.m-playbar .listhdc .close::before,
.m-playbar .updn .btn::after,
.m-playbar .words .mv::before,
.m-playbar .words .src::before,
.m-record .ply-z-slt::before,
.m-record .ply::before,
.m-record span.icn-dl::before,
.m-record span.icn-fav::before,
.m-record span.icn-share::before,
.m-sglist .opr .add::before,
.m-sglist .opr .play::before,
.m-srch .parent label::after,
.m-table .icn-del::before,
.m-table .icn-dl::before,
.m-table .icn-fav::before,
.m-table .icn-share::before,
.m-table .mv::before,
.m-table .ply::before,
.m-table .u-icn-81::before,
.m-tlist .icn::before,
.n-ban .ban .btnl::after,
.n-ban .ban .btnr::after,
.n-bill .v-hd2 .tit::before,
.n-bilst ol .oper .u-icn-81::before,
.n-disk .nxt::before,
.n-disk .pre::before,
.n-minelst .tri1::before,
.n-new .v-hd2 .tit::before,
.n-rcmd .v-hd2 .tit::before,
.n-srch .pgsrch .btn::after,
.n-srchrst .srchsongst .hd .ply::before,
.n-srchrst .srchsongst .icn-dl::before,
.n-srchrst .srchsongst .icn-fav::before,
.n-srchrst .srchsongst .icn-share::before,
.n-srchrst .srchsongst .mv::before,
.n-srchrst .srchsongst .u-icn-81::before,
.s-bg-10::before,
.s-bg-11::before,
.s-bg-12::before,
.s-bg-6::before,
.s-bg-9::before,
.u-btn-crt::before,
.u-btn-nxt::before,
.u-btn-prv::before,
.u-btn2 .icn-praise::before,
.u-btn2 .icn-praised::before,
.u-btni-add::before,
.u-btni-addply .ply::before,
.u-btni-dy .u-icn2::before,
.u-btni-play i::before,
.u-btni::before,
.u-cover .icon-headset::before,
.u-cover .icon-play::before,
.u-cover-0 .icon-play::before,
.u-cover-10 .icon-play::before,
.u-cover-11 .icon-play::before,
.u-cover-12 .icon-pla::before,
.u-cover-9 .icon-play::before,
.u-cover-alb1 .icon-play::before,
.u-cover-alb2 .icon-play::before,
.u-cover-alb3 .icon-play::before,
.u-cover-tiny .ply::before,
.u-dicn-38::before,
.u-dicn-3::before,
.u-dicn-40::before,
.u-dicn-42::before,
.u-dicn-43::before,
.u-dicn-44::before,
.u-dicn-46::before,
.u-dicn-47::before,
.u-dicn-4::before,
.u-icn-01::before,
.u-icn-02::before,
.u-icn-10::before,
.u-icn-11::before,
.u-icn-1::before,
.u-icn-31::before,
.u-icn-33::before,
.u-icn-36::before,
.u-icn-41::before,
.u-icn-44::before,
.u-icn-45::before,
.u-icn-46::before,
.u-icn-47::before,
.u-icn-50::before,
.u-icn-57::before,
.u-icn-5::before,
.u-icn-61::before,
.u-icn-67::before,
.u-icn-69::before,
.u-icn-70::before,
.u-icn-80::before,
.u-icn-81::before,
.u-icn-84::before,
.u-icn-95::before,
.u-icn-97::before,
.u-icn-s-01::before,
.u-icn-s-02::before,
.u-icn2-12::before,
.u-icn2-13::before,
.u-icn2-1::before,
.u-icn2-2::before,
.u-icn2-3::before,
.u-icn2-4::before,
.u-icn2-5::before,
.u-icn2-arr::before,
.u-icn2-music2::before,
.u-icn2-pfdr::before,
.u-icn2-pfv::before,
.u-icn2-pfyyr::before,
.u-icn2-plus::before,
.u-icn2-share::before,
.u-icn2-srch::before,
div.m-layer .zcls::after,
input[type="checkbox"]::before {
padding-top: 2px;
}
.m-table .ply::before,
.n-srchrst .srchsongst .hd .ply::before {
height: 14px;
line-height: 14px;
}
}
body {
letter-spacing: calc(0.00625em * /*[[letter-spacing]]*/);
word-spacing: calc(0.0625em * /*[[word-spacing]]*/);
} /*[[topbar-bg-style]]*/
@media all {
/*[[blur-effect]]*/
:-z {
--a: b;
} /*[[navbar-dont-cover-scrollbar]]*/
:-a {
--a: b;
} /*[[topbar-nav-style]]*/
:-c {
--a: b;
} /*[[banner-bg]]*/
:-c {
--a: b;
} /*[[no-artist-alias]]*/
:-c {
--a: b;
} /*[[nowplaying-list-style]]*/
:-c {
--a: b;
} /*[[high-contrast-text]]*/
:-c {
--a: b;
} /*[[bold-font]]*/
:-c {
--a: b;
} /*[[custom-font]]*/
:-c {
--a: b;
} /*[[bigger-playbar-album]]*/
:-c {
--a: b;
} /*[[lyric-alignment]]*/
:-c {
--a: b;
} /*[[lyric-emptyline]]*/
} /*[[custom-style]]*/
}
@-moz-document regexp("^\\S*\\:\\/\\/music\\.163\\.com\\/(?!(discover|playlist|my|friend|user|song|artist|search|msg|member|topic|album|program|outchain|dj|download|mv|video|event|activity|lyric|login|series|404|share|radio|prime\\/member)[\\s\\S]*)[a-zA-Z]+[\\s\\S]*$") {
/*[[unsupported-theme]]*/
}