:root{--title:#FFF;--line-color:#FFF;--all-text:#FFF;--scroll-bar:rgba(237,162,95,.7);--tag-text:#FFF;--tag-background:rgba(255,255,255,.2);--song-card:rgba(245,245,245,.25);--song-card-claim:rgba(245,245,245,.5);--type:#daa16c;--type-selected:#c0886d;--button-color:#daa16c}@font-face{font-family:"站酷";src:url(../font/t_min.ttf)}@font-face{font-family:"狮尾";src:url(../font/s_min.ttf)}html,body{width:100vw;height:100vh;min-width:720px;margin:0;padding:0}body{background-image:url(../img/background.webp);background-size:cover}.copy,body{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.title{font-size:1.2vw;font-family:"站酷",sans-serif;color:var(--title);position:relative;font-weight:bolder;height:2vh;line-height:2vh;top:2.8vh;left:1vw}.title::after{position:absolute;content:"";width:5vw;height:.3vh;background:var(--line-color);left:0;opacity:.4;bottom:-2px}.view{position:relative;overflow:hidden;width:90vw;height:92vh;top:3vh;left:5vw}.card{border-radius:2px;box-shadow:1px 1px 5px #dcdcdc;background-color:rgba(0,0,0,.6)}.view_bio,.view_song{height:92vh;position:absolute;top:0}.view_song{width:67.6vw;left:0}.view_bio{width:22vw;right:0}.bio,.search_box,.notice,.type_box{width:22vw}.nickname,.sign,.notice,.user_data_title,.user_title_value{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all}.bio{height:40vh}.search_box{margin-top:.5vh;height:5.5vh;overflow:hidden}.notice_box{margin-top:.5vh;height:11vh;overflow:hidden}.type_box{margin-top:.5vh;height:34vh;overflow:hidden}.face{width:12vh;height:12vh;margin:5vh calc(11vw - 6vh)0 calc(11vw - 6vh);border-radius:50%}.nickname{font-size:1.2vw;font-family:"站酷";font-weight:750;color:var(--title);width:16vw;text-align:center;margin:.4vh 3vw 0 3vw;-webkit-line-clamp:1}.user_data_box{width:20vw;height:5vh;margin:1.5vh 1vw 0 1vw;overflow:hidden}.user_data_part{width:calc((20vw - 2px) / 3);height:5vh;float:left;text-align:center}.user_data_cutline{width:1px;height:5vh;float:left;background-color:#dcdcdc}.user_data_title,.user_data_value{font-family:"站酷";font-weight:750;color:var(--title);line-height:2.45vh;width:calc((20vw - 2px) / 3);-webkit-line-clamp:1}.user_data_title{margin-top:.1vh;font-size:1vw}.user_data_value{font-size:.9vw}.sign{font-size:.8vw;width:20vw;margin:1.3vh 1vw 0 1vw;line-height:2vh;-webkit-line-clamp:3;color:var(--all-text)}.search_form{height:3.7vh;width:21vw;margin:.85vh .5vw;overflow:hidden}.search_input{height:3.7vh;background-color:rgba(255,244,255,.45);color:#fff;width:16vw;line-height:3vh;font-size:.8vw;float:left;border:0;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.1);font-family:"狮尾"}.search_input:focus{outline:0;box-shadow:0 4px 8px rgba(0,0,0,.1)}.search_input::placeholder{color:#fff}.search_button{width:4vw;height:3.7vh;line-height:3vh;font-size:.8vw;background-color:var(--button-color);color:white;border:0;border-radius:5px;margin-left:.5vw;cursor:pointer;letter-spacing:5px;float:left;outline:0;font-family:"狮尾"}.search_button:hover{background-color:var(--button-color)}.notice{width:20vw;height:8vh;margin:1.2vh 1vw;-webkit-line-clamp:4;line-height:2vh;font-size:.8vw;color:var(--all-text)}.type_list{overflow:hidden;width:20vw;height:29vh;margin:4vh 0 0 .1vw}.type,.type_selected{text-align:center;line-height:3.5vh;min-width:2.5vh;font-size:large;letter-spacing:5px;border-radius:5px;border:solid;border-width:.3vh .8vw;margin:5px 10px 0 0;overflow:hidden;float:left;list-style-type:none}.type{background-color:var(--type);border-color:var(--type);color:#000}.type_selected{background-color:var(--type-selected);border-color:var(--type-selected);color:#fff}.song_list{width:64vw;height:84vh;padding:0;margin:4.6vh 1.8vw 0 1.8vw;overflow:auto}.song_list::-webkit-scrollbar{width:.7vw;height:1px}.song_list::-webkit-scrollbar-thumb{border-radius:10px;background-color:var(--scroll-bar);background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.2)25%,transparent 25%,transparent 50%,rgba(255,255,255,.2)50%,rgba(255,255,255,.2)75%,transparent 75%,transparent)}.song_list::-webkit-scrollbar-track{box-shadow:inset 0 0 5px rgba(255,255,255,.2);background:#ededed;border-radius:10px}.song_item{float:left;position:relative;margin:.5vh .5vw;width:20vw;min-width:330px;height:9.5vh;background:var(--song-card);list-style-type:none;border-radius:5px}.song_item_claim{background:var(--song-card-claim)}.claim{position:absolute;right:.3vw;top:.5vh;font-size:.8vw;color:#fff}.info_tag_area{position:absolute;margin:.5vh .5vw;width:18vw;display:inline-block;bottom:.5vh}.info_tag{text-align:center;line-height:2.5vh;min-width:20px;font-size:.7vw;font-weight:600;padding:0 10px 0 10px;letter-spacing:5px;border-radius:5px;margin:5px 10px 0 0;overflow:hidden;float:left;list-style-type:none;background-color:var(--tag-background);color:var(--tag-text)}.song_info{position:absolute;width:70%;padding-left:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:break-all;top:15px;font-size:large;color:#fff}.song_info::after{position:absolute;content:"";width:4px;height:100%;background:var(--line-color);left:12px;border-radius:5px;opacity:.4}footer{position:fixed;overflow:hidden;width:100%;height:4vh;bottom:0;border-radius:2px;border:0;box-shadow:1px 1px 5px #dcdcdc;background-color:rgba(0,0,0,.8);text-align:center;padding:0}nav ul{margin:0;list-style-type:none;color:#fff;line-height:4vh;font-size:smaller}nav ul li{display:inline;margin-right:10px}nav ul li a{color:#fff;text-decoration:none}nav ul li a:hover{color:var(--type-selected)}