@font-face{font-family:"站酷";src:url(../font/t_min.ttf)}@font-face{font-family:"狮尾";src:url(../font/s_min.ttf)}html,body{width:100%;height:100%;margin:0;padding:0}body{background-image:url(../img/background.png);background-size:cover;position:relative;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.copy{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.song_list,.bio_box{position:fixed;top:30px;bottom:30px;min-width:410px}.song_list{left:5%;height:calc(100% - 85px);width:calc(85.7% - 360px);border-radius:2px;box-shadow:1px 1px 5px #dcdcdc;background-color:rgba(255,255,255,.9)}.song_list_title{display:inline-block;height:25px;margin-top:10px;margin-left:30px}.song_list_item{height:calc(97% - 60px);width:98%;margin:3% 1%;overflow:auto;padding:0;display:inline-block}.song_list_item::-webkit-scrollbar{width:15px;height:1px}.song_list_item::-webkit-scrollbar-thumb{border-radius:10px;background-color:rgba(0,206,209,.2);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_item::-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:5px 10px;width:calc(33% - 20px);min-width:330px;height:100px;background:rgba(212,242,231,.25);list-style-type:none;border-radius:5px}.song_item_claim{background:rgba(64,224,208,.7)}.claim{position:absolute;right:20px;top:5px;font-size:large}.info_tag_area{position:absolute;margin:5px 10px;width:calc(100% - 20px);display:inline-block;bottom:10px}.info_tag{text-align:center;line-height:25px;min-width:20px;font-size:small;font-weight:bold;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:rgba(0,217,188,.2);color:rgb(0,112,103)}.song_info{position:absolute;width:70%;padding-left:20px;top:15px;font-size:large;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;word-break: break-all;}.song_info::after{position:absolute;content:"";width:4px;height:100%;background:#20B2AA;left:12px;border-radius:5px;opacity:.4}.bio_nick_name,.bio_sign,.notice{overflow:hidden;text-overflow:ellipsis}.bio_box{right:5%;width:22%;height:calc(100% - 90px)}.bio_card{width:100%;border-radius:2px;border:0;box-shadow:1px 1px 5px #dcdcdc;background-color:rgba(255,255,255,.9)}.bio_profile{height:calc(40% - 30px);width:calc(100% - 40px);padding:20px 20px}.bio_head_img{position:absolute;width:120px;height:120px;top:8%;left:calc(30% + 20px);border-radius:50%}.bio_nick_name{position:absolute;font-size:x-large;font-family:"站酷";font-weight:750;width:300px;text-align:center;top:calc(8% + 130px);left:calc(50% - 150px)}.bio_item{position:absolute;width:80%;height:50px;top:calc(8% + 180px);left:10%;display:inline-block}.bio_item_part{width:calc((100% - 2px) / 3);height:100%;float:left;text-align:center}.bio_item_line{width:1px;height:100%;float:left;background-color:#dcdcdc}.bio_item_title,.bio_item_value{font-family:"站酷";font-weight:750;color:#191919}.bio_item_title{margin-top:5px;font-size:larger}.bio_item_value{font-size:large}.bio_sign{position:absolute;top:calc(8% + 250px);width:80%;left:calc((100% - 80%) / 2);color:grey}.notice{width:calc(100% - 40px);height:7%;margin-top:2%;font-size:medium;padding:20px 20px;color:gray}.search_box{width:100%;height:6%;margin-top:2%}.search_form{height:100%;width:100%;display:flex;align-items:center;justify-content:center}.search_input{padding:10px;font-size:16px;border:0;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.1);width:calc(80% - 50px);transition:box-shadow .3s ease;font-family:"狮尾"}.search_input:focus{outline:0;box-shadow:0 4px 8px rgba(0,0,0,.1)}.search_button{width:20%;padding:10px 20px;font-size:16px;background-color:#48D1CC;color:white;border:0;border-radius:5px;margin-left:10px;cursor:pointer;letter-spacing:5px;transition:background-color .3s ease;outline:0;font-family:"狮尾"}.search_button:hover{background-color:#48D1CC}.tag_list{height:calc(100% - 60px);width:100%;overflow:auto;padding:0;display:inline-block}.tag_list::-webkit-scrollbar{width:0}.tag_item{height:35%;margin-top:2%}.tag,.tag_selected{text-align:center;line-height:40px;min-width:50px;font-size:large;padding:0 15px 0 15px;letter-spacing:5px;border-radius:5px;margin:5px 10px 0 0;overflow:hidden;float:left;list-style-type:none}.tag{background-color:#AFEEEE;color:#000}.tag_selected{background-color:#48D1CC;color:#fff}.title{font-size:x-large;font-family:"站酷",sans-serif;position:relative;font-weight:bolder;top:2%}.title::after{position:absolute;content:"";width:200%;height:3px;background:#20B2AA;left:1%;opacity:.4;bottom:-2px}footer{position:fixed;width:100%;bottom:0;border-radius:2px;border:0;box-shadow:1px 1px 5px #dcdcdc;background-color:rgba(255,255,255,.9);color:gray;padding:10px;line-height:20px;text-align:center;font-size:smaller}nav ul{list-style-type:none;margin:0;padding:0}nav ul li{display:inline;margin-right:10px}nav ul li a{color:gray;text-decoration:none}nav ul li a:hover{color:#20B2AA}