@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, #93F67D, #ccc);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;box-shadow: 0 5px 15px rgba(0, 0, 0, .25);} #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{position:relative;left:5px;background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 800 800"><path fill="%23FF0000" d="M186.4 758.4c-22.9 0-45.7-6.1-66.3-18.4-38.7-23-61.8-63.3-61.8-107.8V400c0-13.8 11.2-25 25-25s25 11.2 25 25v232.2c0 26.7 14 50.9 37.3 64.8 24.4 14.5 53.9 15.1 78.9 1.5l106.8-58.1c12.1-6.6 27.3-2.1 33.9 10s2.1 27.3-10 33.9l-106.8 58.1c-19.5 10.7-40.7 16-62 16zm263.7-129c-8.9 0-17.5-4.7-22-13.1-6.6-12.1-2.1-27.3 10-33.9l213.5-116.1c25-13.6 40-38.4 40-66.3s-15-52.7-40-66.3l-427-232.2c-25-13.6-54.5-13-78.9 1.5-23.4 13.9-37.3 38.1-37.3 64.8v98.9c0 13.8-11.2 25-25 25s-25-11.2-25-25v-98.9c0-44.5 23.1-84.8 61.8-107.8 39.7-23.6 87.7-24.5 128.4-2.5l427.1 232.2c41.4 22.5 66.1 63.7 66.1 110.2s-24.7 87.7-66.1 110.2L462 626.3c-3.8 2.1-7.9 3.1-11.9 3.1z"/></svg>');width: 75px;height:75px;} #content .main .control .pause{background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 64 64"><path fill="%23FF0000" d="M7 11a9 9 0 1 1 18 0v42a9 9 0 1 1-18 0v-5a2 2 0 1 1 4 0v5a5 5 0 0 0 10 0V11a5 5 0 0 0-10 0v27a2 2 0 1 1-4 0zM39 11a9 9 0 1 1 18 0v3a2 2 0 1 1-4 0v-3a5 5 0 0 0-10 0v42a5 5 0 0 0 10 0V24a2 2 0 1 1 4 0v29a9 9 0 1 1-18 0z"/></svg>');width: 75px;height: 75px;} #content .main .control .prev{background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 512 512"><path fill="%23888" fill-rule="evenodd" d="M447.234,480c-14.438,0 -27.68,-4.859 -38.437,-12.859L214.204,307.156c-0.539,-0.508 -1.109,-0.969 -1.633,-1.492c-27.445,-27.43 -27.445,-71.898 0,-99.352c0.539,-0.531 1.117,-0.984 1.672,-1.5l62.664,-51.523c5.953,-6.695 11.086,-14.422 11.086,-24.039V96.867c0,-18.156 -14.711,-32.867 -32.867,-32.867c-6.867,0 -13.172,2.172 -18.445,5.758L43.767,226.859c-15.773,16.234 -15.68,42.172 0.375,58.227a41.751,41.751 0 0,0 3.297,2.961c0.258,0.219 0.398,0.398 0.633,0.594C97.728,329.055 182.384,398 236.72,442.234a33.458,33.458 0 0,0 8.18,4.055l-0.016,0.055c6.422,2.086 11.102,8.039 11.102,15.141c0,8.844 -7.156,16 -16,16c-1.703,0 -3.305,-0.336 -4.844,-0.82l-0.016,0.031c-0.125,-0.031 -0.258,-0.125 -0.383,-0.156a18.105,18.105 0 0,1 -1.938,-0.828c-5.734,-2.172 -11.156,-4.969 -16,-8.555l-194.6,-160.024c-0.539,-0.5 -1.117,-0.945 -1.633,-1.469C6.978,292.069 0.121,274.29 0.002,256.471c-0.122,-18.135 6.735,-36.312 20.57,-50.158c0.555,-0.555 1.164,-1.016 1.734,-1.555L216.681,44.953C227.478,36.898 240.759,32 255.251,32c35.75,0 64.742,28.992 64.742,64.742v31.25c0,19.211 -8.516,36.398 -21.938,48.133c-23.5,19.125 -45.266,36.867 -62.289,50.734c-15.766,16.234 -15.68,42.172 0.383,58.227a37.886,37.886 0 0,0 3.297,2.961c0.25,0.219 0.398,0.398 0.625,0.594C289.728,329.055 374.368,398 428.703,442.234c5.273,3.594 11.57,5.758 18.406,5.758c18.156,0 32.883,-14.727 32.883,-32.883V96.867c0,-18.156 -14.727,-32.867 -32.883,-32.867c-6.883,0 -13.219,2.211 -18.508,5.836c-14.608,11.891 -31.374,25.547 -49.101,39.984c-2.906,3.016 -6.977,4.914 -11.5,4.914c-8.844,0 -16,-7.156 -16,-15.984c0,-5.898 3.227,-10.992 7.984,-13.773l48.68,-40.023C419.445,36.898 432.742,32 447.234,32C483.008,32 512,60.992 512,96.742v318.5C512,451.008 483.008,480 447.234,480zM296,423.992c8.844,0 16,7.156 16,16s-7.156,16.008 -16,16.008c-8.828,0 -16,-7.164 -16,-16.008s7.172,-16 16,-16z"/></svg>');} #content .main .control .next{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 512 512"><path fill="%23888888" fill-rule="evenodd" d="M64.766,32c14.438,0 27.68,4.859 38.437,12.859L297.796,204.844c0.539,0.508 1.109,0.969 1.633,1.492c27.445,27.43 27.445,71.898 0,99.352c-0.539,0.531 -1.117,0.984 -1.672,1.5l-62.664,51.523c-5.953,6.695 -11.086,14.422 -11.086,24.039v33.047c0,18.156 14.711,32.867 32.867,32.867c6.867,0 13.172,-2.172 18.445,-5.758L468.233,285.141c15.773,-16.234 15.68,-42.172 -0.375,-58.227a41.751,41.751 0 0,0 -3.297,-2.961c-0.258,-0.219 -0.398,-0.398 -0.633,-0.594C414.272,182.945 329.616,114 275.28,69.766a33.458,33.458 0 0,0 -8.18,-4.055l0.016,-0.055c-6.422,-2.086 -11.102,-8.039 -11.102,-15.141c0,-8.844 7.156,-16 16,-16c1.703,0 3.305,0.336 4.844,0.82l0.016,-0.031c0.125,0.031 0.258,0.125 0.383,0.156a18.105,18.105 0 0,1 1.938,0.828c5.734,2.172 11.156,4.969 16,8.555l194.6,160.024c0.539,0.5 1.117,0.945 1.633,1.469c13.822,13.802 20.679,31.581 20.798,49.4c0.122,18.135 -6.735,36.312 -20.57,50.158c-0.555,0.555 -1.164,1.016 -1.734,1.555L295.319,467.047C284.522,475.102 271.241,480 256.749,480c-35.75,0 -64.742,-28.992 -64.742,-64.742v-31.25c0,-19.211 8.516,-36.398 21.938,-48.133c23.5,-19.125 45.266,-36.867 62.289,-50.734c15.766,-16.234 15.68,-42.172 -0.383,-58.227a37.886,37.886 0 0,0 -3.297,-2.961c-0.25,-0.219 -0.398,-0.398 -0.625,-0.594C222.272,182.945 137.632,114 83.297,69.766c-5.273,-3.594 -11.57,-5.758 -18.406,-5.758c-18.156,0 -32.883,14.727 -32.883,32.883v318.5c0,18.156 14.727,32.867 32.883,32.867c6.883,0 13.219,-2.211 18.508,-5.836c14.608,-11.891 31.374,-25.547 49.101,-39.984c2.906,-3.016 6.977,-4.914 11.5,-4.914c8.844,0 16,7.156 16,15.984c0,5.898 -3.227,10.992 -7.984,13.773l-48.68,40.023C92.555,475.102 79.258,480 64.766,480C28.992,480 0,451.008 0,415.258v-318.5C0,60.992 28.992,32 64.766,32zM216,88.008c-8.844,0 -16,-7.156 -16,-16s7.156,-16.008 16,-16.008c8.828,0 16,7.164 16,16.008s-7.172,16 -16,16z"/></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, #212C00, #111);}