:root{--line-color:blueviolet;--bio-card:rgba(138,43,226,.2);--nickname-color:#9370DB;--user-data-text:rgb(89,69,129);--all-text:grey;--scroll-bar:rgba(138,43,226,.2);--tag-text:rgb(86,35,133);--tag-background:rgba(138,43,226,.2);--song-card:rgba(249,216,255,.25);--song-card-claim:rgba(249,216,255,.7);--type:#D8BFD8;--type-selected:#9370DB;--button-color:#9370DB;--tool-box:#c9b3f4}@font-face{font-family:"站酷";src:url(../font/t_min.ttf)}@font-face{font-family:"狮尾";src:url(../font/s_min.ttf)}@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(180deg)}}@keyframes rotate_back{0%{transform:rotate(0)}100%{transform:rotate(-180deg)}}@keyframes scale{0%{transform:scaleY(0)}100%{transform:scaleY(1)}}@keyframes scale_back{0%{transform:scaleY(1)}100%{transform:scaleY(0)}}.rand_animation{animation:rotate .3s linear}.rand_animation_back{animation:rotate_back .3s linear}.scale_animation{animation:scale .1s linear}.scale_animation_back{animation:scale_back .1s linear}html,body{width:100%;height:100%;margin:0;padding:0;touch-action:pan-y;zoom:100%;-ms-touch-action:pan-y;-ms-content-zooming:none}body,.copy{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.box{width:100%;position:relative}.info_box{position:absolute;width:100%;height:300px;background-color:var(--bio-card);color:var(--nickname-color)}.bio_head_img{width:100px;height:100px;margin-top:50px;margin-left:calc(50% - 50px);border-radius:50%}.bio_nick_name{font-size:x-large;font-family:"站酷";font-weight:750;width:300px;text-align:center;margin-top:10px;margin-left:calc(50% - 150px)}.bio_notice{width:80%;color:grey;font-size:smaller;margin-left:10%;margin-top:10px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-break:break-all;text-align:center}.bio_item{position:absolute;width:96%;height:70px;line-height:70px;left:2%;top:270px;display:inline-block;border-radius:15px;background-color:#fff;box-shadow:0 3px 15px rgba(0,0,0,.1)}.bio_item_part{width:calc((100% - 2px) / 3);height:100%;float:left;text-align:center}.bio_item_line{width:1px;height:56px;float:left;margin-top:7px;background-color:#dcdcdc}.bio_item_title,.bio_item_value{line-height:30px;font-family:"站酷";font-weight:750;color:var(--user-data-text)}.bio_item_title{margin-top:5px;font-size:larger}.bio_item_value{font-size:large}.song_list{position:fixed;width:100%;height:calc(100% - 350px);top:340px}.tool_box{position:fixed;width:40%;height:auto;bottom:60px;right:0}.tool_box_item{position:relative;width:100%;height:100%;display:inline-block}.tool_inner_item{position:absolute;bottom:80px;right:0;display:none}.tool_button{position:absolute;width:60px;height:60px;right:20px;bottom:0;border-radius:50%;padding:10px 10px;text-align:center;display:inline-block;border:0;background-color:var(--tool-box);cursor:pointer}.tool_up{margin-bottom:80px}.tool_random{margin-bottom:0}.tool_up::before{content:"移动到顶";position:absolute;width:80px;height:30px;line-height:30px;text-align:center;left:-90px;background-color:rgba(0,0,0,.3);color:#fff;border-radius:5px}.tool_random::before{content:"随机选曲";position:absolute;width:80px;height:30px;line-height:30px;text-align:center;left:-90px;background-color:rgba(0,0,0,.3);color:#fff;border-radius:5px}.type_list{width:calc(100% - 30px);margin:10px 0 0 0;padding:0 15px;overflow:hidden}.type,.type_selected{text-align:center;line-height:30px;min-width:30px;font-size:medium;padding:0 10px 0 10px;letter-spacing:3px;border-radius:10px;margin:3px 5px 0 0;overflow:hidden;float:left;list-style-type:none}.type{background-color:var(--type);color:#000}.type_selected{background-color:var(--type-selected);color:#fff}.song_list_item{height:calc(100% - 120px);width:98%;margin:1% 1%;padding:0;overflow:auto}.song_list_item::-webkit-scrollbar{width:8px;height:1px}.song_list_item::-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_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(100% - 20px);height:60px;background:var(--song-card);list-style-type:none;border-radius:5px}.song_item_claim{background:var(--song-card-claim)}.claim{position:absolute;right:20px;top:5px;font-size:large}.info_tag_area{position:absolute;margin:3px 10px;width:calc(100% - 20px);display:inline-block;bottom:5px}.info_tag{text-align:center;line-height:20px;min-width:20px;font-size:small;font-weight:bold;padding:0 7px 0 7px;letter-spacing:3px;border-radius:3px;margin:5px 5px 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%;max-height:21px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:break-all;padding-left:20px;top:5px;font-size:medium}.song_info::after{position:absolute;content:"";width:4px;height:100%;background:var(--line-color);left:12px;border-radius:5px;opacity:.4}.search_form{height:30px;width:94%;margin-left:3%;margin-top:10px;padding:0;align-items:center;justify-content:center}.search_input{padding:5px;font-size:smaller;border:2px solid var(--button-color);border-radius:15px;box-shadow:0 2px 4px rgba(0,0,0,.1);width:calc(87% - 10px);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:22%;line-height:27px;text-align:center;font-size:smaller;background-color:var(--button-color);color:white;border:0;border-radius:15px;margin-left:-12%;cursor:pointer;letter-spacing:5px;transition:background-color .3s ease;outline:0;font-family:"狮尾";overflow:hidden}.search_button:hover{background-color:var(--button-color)}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:5px;line-height:13px;text-align:center;font-size:12px}nav p{padding:0;margin:0}nav ul{list-style-type:none;margin:0;padding:0}nav ul li{display:inline}nav ul li a{color:gray;text-decoration:none}nav ul li a:hover{color:var(--button-color)}