@import url('//fonts.googleapis.com/css2?family=Exo+2:wght@300;700&display=swap'); ::-webkit-scrollbar{width:5px;height:5px;} ::-webkit-scrollbar-thumb{border:none;background-color:#555;} ::-webkit-scrollbar-track{border:none;background-color:#ddd;} *{-webkit-tap-highlight-color:rgba(0,0,0,0);outline:none;} body{background:linear-gradient(45deg, #e5f0cc, #d3ecff);background-attachment: fixed;font-family:'Exo 2';font-weight:300;user-select:none;margin:0;padding:0;color:#000;} a{text-decoration:none;color:inherit;} h1, h2{font-weight: 700;font-size:20px;margin:0;padding: 0;} #content{position: relative;padding:75px 0 25px;} #content .logo{position: absolute;top: 20px;left: 20px;background: url('/favicon.svg') no-repeat left center / contain;font-weight:700;font-size: 30px;padding-left: 40px;} #content .theme{position: absolute;cursor:pointer;box-shadow:0 5px 10px rgba(0,0,0,.1);top: 22px;right: 20px;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512" x="0" y="0" viewBox="0 0 312.812 312.812" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><path d="M305.2 178.159c-3.2-.8-6.4 0-9.2 2-10.4 8.8-22.4 16-35.6 20.8-12.4 4.8-26 7.2-40.4 7.2-32.4 0-62-13.2-83.2-34.4-21.2-21.2-34.4-50.8-34.4-83.2 0-13.6 2.4-26.8 6.4-38.8 4.4-12.8 10.8-24.4 19.2-34.4 3.6-4.4 2.8-10.8-1.6-14.4-2.8-2-6-2.8-9.2-2-34 9.2-63.6 29.6-84.8 56.8-20.4 26.8-32.4 60-32.4 96 0 43.6 17.6 83.2 46.4 112s68 46.4 112 46.4c36.8 0 70.8-12.8 98-34 27.6-21.6 47.6-52.4 56-87.6 1.6-5.6-1.6-11.2-7.2-12.4z" fill="%23ffffff" opacity="1" data-original="%23000000" class=""></path></g></svg>') no-repeat left 10px center / 18px, url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512" x="0" y="0" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><path d="M100.307 168.213a180.083 180.083 0 0 1 67.905-67.905L90.7 71.547A14.9 14.9 0 0 0 71.547 90.7zM77.22 256c0-16.617 2.287-32.71 6.549-47.986L8.687 242.457a14.9 14.9 0 0 0 0 27.086l75.083 34.443A178.326 178.326 0 0 1 77.22 256zM256 77.22a178.32 178.32 0 0 1 47.986 6.549L269.543 8.687a14.9 14.9 0 0 0-27.086 0L208.014 83.77A178.28 178.28 0 0 1 256 77.22zM411.693 168.213l28.76-77.513A14.9 14.9 0 0 0 421.3 71.547l-77.513 28.76a180.102 180.102 0 0 1 67.906 67.906zM256 434.78a178.32 178.32 0 0 1-47.986-6.549l34.443 75.083a14.9 14.9 0 0 0 27.086-.001l34.444-75.083A178.333 178.333 0 0 1 256 434.78zM100.307 343.787 71.547 421.3A14.9 14.9 0 0 0 90.7 440.453l77.513-28.76a180.102 180.102 0 0 1-67.906-67.906zM503.313 242.457l-75.083-34.444c4.262 15.277 6.549 31.369 6.549 47.986s-2.287 32.71-6.549 47.986l75.083-34.443a14.9 14.9 0 0 0 0-27.085zM411.693 343.787a180.083 180.083 0 0 1-67.905 67.905l77.513 28.76a14.897 14.897 0 0 0 15.719-3.434 14.9 14.9 0 0 0 3.434-15.719zM256 404.98c-82.148 0-148.98-66.832-148.98-148.98S173.852 107.02 256 107.02 404.98 173.852 404.98 256 338.148 404.98 256 404.98z" fill="%23000000" opacity="1" data-original="%23000000" class=""></path></g></svg>') no-repeat right 10px center / 20px, #fff;height: 35px;width: 75px;border-radius: 50px;} #content .theme:before{position: absolute;content: "";width: 27.5px;height: 27.5px;border-radius: 50%;left: 5px;top: 3.5px;background: yellowgreen;box-shadow: inset 0 0 5px 5px rgba(0, 0, 0, .25);} .dark #content .theme{background-color: #555;} .dark #content .theme:before{left: auto;right: 5px;background: darkgray;} #content .container{margin: 0 auto;padding: 0;width: 100%;max-width: 1300px;} #content .main{background: linear-gradient(95deg, rgb(198 103 103 / 25%), rgba(255, 255, 255, .25));margin:25px auto;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.05);padding:25px;text-align: center;width: calc(100% - 90px);} #content .main img{width: 130px;height: 130px;background: #d3ecff;border-radius: 10px;margin-bottom:15px;} #content .main .control{display:flex;margin: 25px 0 0;justify-content: center;align-items: center;} #content .main .control div{width: 45px;height: 45px;display: inline-block;margin: 0 10px;background-size:cover;background-position:center;cursor:pointer;} #content .main .control .play{background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512" x="0" y="0" viewBox="0 0 142.448 142.448" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><path d="M142.411 68.9C141.216 31.48 110.968 1.233 73.549.038c-20.361-.646-39.41 7.104-53.488 21.639C6.527 35.65-.584 54.071.038 73.549c1.194 37.419 31.442 67.667 68.861 68.861.779.025 1.551.037 2.325.037 19.454 0 37.624-7.698 51.163-21.676 13.534-13.972 20.646-32.394 20.024-51.871zm-30.798 41.436c-10.688 11.035-25.032 17.112-40.389 17.112-.614 0-1.228-.01-1.847-.029-29.532-.943-53.404-24.815-54.348-54.348-.491-15.382 5.122-29.928 15.806-40.958 10.688-11.035 25.032-17.112 40.389-17.112.614 0 1.228.01 1.847.029 29.532.943 53.404 24.815 54.348 54.348.491 15.382-5.123 29.928-15.806 40.958z" style="" fill="red" data-original="%231d1d1b" class=""></path><path d="M94.585 67.086 63.001 44.44c-3.369-2.416-8.059-.008-8.059 4.138v45.293c0 4.146 4.69 6.554 8.059 4.138l31.583-22.647c2.834-2.031 2.834-6.244.001-8.276z" style="" fill="red" data-original="%231d1d1b" class=""></path></g></svg>');width: 75px;height:75px;} #content .main .control .pause{background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512" x="0" y="0" viewBox="0 0 32 32" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><path d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1zm0 27.097C9.33 28.097 3.903 22.67 3.903 16S9.33 3.903 16 3.903 28.097 9.33 28.097 16 22.67 28.097 16 28.097z" fill="red" opacity="1" data-original="%23000000" class=""></path><path d="M12.75 8.548c-.8 0-1.45.65-1.45 1.451v12.002a1.452 1.452 0 0 0 2.902 0V10c0-.802-.65-1.451-1.451-1.451zM19.25 8.548c-.802 0-1.452.65-1.452 1.451v12.002a1.452 1.452 0 0 0 2.903 0V10c0-.802-.65-1.451-1.452-1.451z" fill="red" opacity="1" data-original="%23000000" class=""></path></g></svg>');width: 75px;height: 75px;} #content .main .control .prev{background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512" x="0" y="0" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g transform="matrix(-1,-1.2246467991473532e-16,1.2246467991473532e-16,-1,512,512)"><path d="M256 0C114.618 0 0 114.618 0 256s114.618 256 256 256 256-114.618 256-256S397.382 0 256 0zm0 469.333c-117.818 0-213.333-95.515-213.333-213.333S138.182 42.667 256 42.667 469.333 138.182 469.333 256 373.818 469.333 256 469.333z" fill="%23ccc" opacity="1" data-original="%23000000" class=""></path><path d="M228.418 134.248c-8.331-8.331-21.839-8.331-30.17 0-8.331 8.331-8.331 21.839 0 30.17L289.83 256l-91.582 91.582c-8.331 8.331-8.331 21.839 0 30.17 8.331 8.331 21.839 8.331 30.17 0l106.667-106.667c8.331-8.331 8.331-21.839 0-30.17L228.418 134.248z" fill="%23ccc" opacity="1" data-original="%23000000" class=""></path></g></svg>');} #content .main .control .next{background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512" x="0" y="0" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><path d="M256 0C114.618 0 0 114.618 0 256s114.618 256 256 256 256-114.618 256-256S397.382 0 256 0zm0 469.333c-117.818 0-213.333-95.515-213.333-213.333S138.182 42.667 256 42.667 469.333 138.182 469.333 256 373.818 469.333 256 469.333z" fill="%23ccc" opacity="1" data-original="%23000000"></path><path d="M228.418 134.248c-8.331-8.331-21.839-8.331-30.17 0-8.331 8.331-8.331 21.839 0 30.17L289.83 256l-91.582 91.582c-8.331 8.331-8.331 21.839 0 30.17 8.331 8.331 21.839 8.331 30.17 0l106.667-106.667c8.331-8.331 8.331-21.839 0-30.17L228.418 134.248z" fill="%23ccc" opacity="1" data-original="%23000000"></path></g></svg>');} #content .list{margin:15px;display:flex;flex-wrap:wrap;} #content .list a{display: inline-flex;padding: 15px;background-color: rgba(0, 0, 0, .1);border-radius: 10px;margin: 5px;flex: 1 0 0;white-space: nowrap;justify-content: center;background-position: center;background-repeat: no-repeat;background-size:40px;} .dark #content .list a{background-color:rgba(255, 255, 255, .05);} #content .list a.load{background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin: auto; background: none; display: block; shape-rendering: auto;" width="94px" height="94px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid"><circle cx="50" cy="50" fill="none" stroke="red" stroke-width="5" r="35" stroke-dasharray="164.93361431346415 56.97787143782138"><animateTransform attributeName="transform" type="rotate" repeatCount="indefinite" dur="1s" values="0 50 50;360 50 50" keyTimes="0;1"/></circle></svg>');} #content .list a.load span{opacity: 0;} #content .list a.act{background-color: #fff;box-shadow: 0 5px 10px rgba(0, 0, 0, .1);color:#000;} #content .text{margin: 20px;padding: 25px;background: linear-gradient(95deg, rgb(198 103 103 / 25%), rgba(255, 255, 255, .25));border-radius: 10px;box-shadow:0 5px 15px rgba(0,0,0,.05);} #notice{position:fixed;bottom:20px;left:50%;max-width:calc(100% - 40px);transform:translateX(-50%);background: red;padding:15px;border-radius: 5px;color: #fff;text-align: center;box-shadow: 0 5px 25px rgba(0, 0, 0, .35);transition:all .5s;pointer-events:none;z-index:5;} #notice:empty{opacity:0;padding:0;} #content .anim audio{width: calc(100% - 10px);margin-top:25px;} .dark body{color:#fff;background:linear-gradient(45deg, #141d00, #013760);} #content .list a, #content .main, #content .text{border: 1px solid rgba(0, 0, 0, .075);} .dark #content .list a, .dark #content .main, .dark #content .text{border-color:rgba(255, 255, 255, .15);}