:root{--title:#0a0a0a;--line-color:rgb(237,161,116);--all-text:#a1a1a1;--scroll-bar:rgb(248 216 180 / 50%);--tag-text:rgb(248 245 249);--tag-background:rgba(237,161,116);--song-card:rgb(52 60 79 / 90%);--song-card-claim:rgb(89 96 117 / 70%);--type:#4d4030;--type-selected:rgb(237,161,116);--button-color:#4d4030}@font-face{font-family:"tmin";src:url(../font/t_min.ttf)}@font-face{font-family:"mi";src:url(../font/QTHHT.ttf)}html,body{width:100vw;height:100vh;min-width:720px;margin:0;padding:0}body{background-image:url(../img/background.png);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.4vw;font-family:"tmin",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:rgb(255 255 255 / 90%)}.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:35vh;overflow:hidden}.face{width:12vh;height:12vh;margin:5vh calc(11vw - 6vh)0 calc(11vw - 6vh);border-radius:80%}.nickname{font-size:1.5vw;font-family:"tmin";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:"tmin";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;width:16vw;line-height:3vh;font-size:1vw;float:left;border:0;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.1);font-family:"mi"}.search_input:focus{outline:0;box-shadow:0 4px 8px rgba(0,0,0,.1)}.search_button{width:4vw;height:3.7vh;line-height:3vh;font-size:1.2vw;background-color:var(--button-color);color:#ffffff;border:0;border-radius:5px;margin-left:.5vw;cursor:pointer;letter-spacing:5px;float:left;outline:0;font-family:"mi"}.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;font-family:"mi"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);font-family:"mi";color:#ffffff}.type_selected{background-color:var(--type-selected);border-color:var(--type-selected);font-size:1vw;font-family:"mi";font-weight:500;color:#ffffff}.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:#cfc8c9;border-radius:10px}.song_item{float:left;position:relative;margin:.5vh .5vw;width:20vw;min-width:330px;height:9vh;background:var(--song-card);list-style-type:none;border-radius:5px}.song_item_claim{background:var(--song-card-claim)}.claim{position:absolute;right:0.2vw;bottom:0.2vh;font-size:xxx-large;color:rgb(88 88 88 / 40%);font-family:"mi"}.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-family:"mi";font-size:0.9vw;font-weight:100;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:#ffffff;font-weight:bold}.song_info::after{position:absolute;content:"";width:8px;height:100%;background:var(--line-color);left:8px;border-radius:10px;opacity:.9}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(255,255,255,.9);text-align:center;padding:0}nav ul{margin:0;list-style-type:none;color:gray;line-height:4vh;font-size:smaller}nav ul li{display:inline;margin-right:10px}nav ul li a{color:#000000;text-decoration:none}nav ul li a:hover{color:var(--type-selected)}