body,html{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}a{color:inherit;text-decoration:none}*,li{list-style:none}*{box-sizing:border-box;margin:0;padding:0;text-decoration:none}::-webkit-scrollbar{width:.5rem}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}@media(prefers-color-scheme:dark){html{color-scheme:dark}body{color:#fff;background:#0c0f21}}.hero{margin-top:66px;height:100vh;background:#0c0f21;color:#c6c6c6;position:relative}.hero .hero-center{display:block;position:relative;z-index:100;margin:0 300px}@media(max-width:1118px){.hero .hero-center{margin:0 0 0 300px}}@media(max-width:720px){.hero .hero-center{margin:1px}}.hero .hero-center .swiper .swiper-button-next,.hero .hero-center .swiper .swiper-button-prev{color:#fff;background:#0c0f21;padding:41px 25px;border-radius:15px}.hero .hero-center .swiper .card{position:relative;background:#0c0f21}.hero .hero-center .swiper .card img{width:100%;height:100%;padding:10px}.hero .hero-center .swiper .card .info{position:absolute;bottom:0;z-index:2;padding:132px 12px 52px;background:linear-gradient(0deg,#010102,transparent);border-radius:0 0 8px 8px;width:100%}.hero .hero-center .tab{display:flex;align-items:center;font-size:22px;gap:5px}.hero .hero-center .tab button{background:#1b1d2f;gap:5px!important;color:#c6c6c6;border:none;padding:10px 20px;border-radius:5px;font-size:16px;cursor:pointer}.hero .hero-center .tab button:hover{color:#0c0f21;background:#fff;border-radius:5px}.hero .hero-center .cards{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px}.hero .hero-center .cards .card{background:#1b1d2f;border-radius:10px;width:240px;position:relative}.hero .hero-center .cards .card img{padding:10px;border-radius:10px;width:100%}.hero .hero-center .cards .card h3{padding:1px 10px;text-align:center;font-size:20px}.hero .hero-center .cards .card .fav{position:absolute;filter:drop-shadow(0 0 4px #000,0 0 4px #000,0 0 4px #000,0 0 4px #000);box-shadow:0 0 4px #000,0 0 4px #000,0 0 4px #000,0 0 4px #000;border-radius:10px;background:#000;top:10px;right:10px;color:#c6c6c6;font-size:20px;cursor:pointer;transition:all .3s ease-in-out}.hero .hero-center .cards .card .fav:hover{color:#ff004c;transform:scale(1.5)}.hero .hero-center .cards .card .fav:active{color:#ff004c;transform:scale(1.2)}.hero .hero-left{position:fixed;top:50px;left:0;height:100vh;z-index:100;width:300px;padding:26px 16px;background:#0c0f21;box-shadow:0 0 10px 0 rgba(0,0,0,.5)}@media(max-width:720px){.hero .hero-left{display:none}}.hero .hero-left .search{background:#000;padding:10px;height:66px;display:flex;align-items:center}.hero .hero-left .search .bx{display:flex}.hero .hero-left .search .bx input{padding:10px;border-radius:5px;outline:none;color:#c6c6c6;border:0;height:55px}.hero .hero-left .search .bx button{border:none;border-radius:5px;color:#c6c6c6;height:55px;background:none}.hero .hero-left .search .list{flex-wrap:wrap;margin-top:10px;position:absolute;top:66px;left:0;box-shadow:0 0 10px 0 rgba(0,0,0,.2)!important}.hero .hero-left .search .list,.hero .hero-left .search .list .card{display:flex;gap:10px;border-radius:5px;padding:10px;z-index:100;width:100%;overflow:auto;overscroll-behavior:contain}.hero .hero-left .search .list .card{align-items:center;background:#1b1d2f;margin-top:4px;cursor:pointer}.hero .hero-left .search .list .card img{width:50px;height:50px;border-radius:50%}.hero .hero-left .search .list .card:hover{background:#5367ff}.hero .hero-left .list{padding:10px;box-shadow:inset 0 0 10px #111}.hero .hero-left .list a{display:flex;align-items:center;padding:10px 20px;margin:2px 0;box-shadow:inset 0 0 10px #111;gap:10px;background-color:#22263c;width:100%}.hero .hero-left .list a:hover{background-color:#5367ff}.hero .hero-right{position:fixed;top:0;right:0;height:100vh;z-index:99;width:280px;padding:80px 24px 0 16px;overflow:auto;perspective:1000px;overscroll-behavior:contain}@media(max-width:1020px){.hero .hero-right{display:none}}.hero .hero-right .cards{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px}.hero .hero-right .cards .card{display:flex;align-items:center;background:#1b1d2f;border-radius:10px;width:240px}.hero .hero-right .cards .card:hover{background-color:rgba(189,196,236,.129);cursor:pointer}.hero .hero-right .cards .card img{width:80px;height:100px;padding:10px;border-radius:10px}.hero .hero-right .cards .card h3{text-align:center;font-size:20px}.hero .hero-right .cards .card .fav{display:flex}.hero .hero-right .tags{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.hero .hero-right .tags .tag{padding:10px 20px;margin:2px 0;gap:10px;background-color:#22263c;border-radius:5px}.hero .hero-right .tags .tag:hover{background-color:rgba(189,196,236,.129);cursor:pointer}.hero-later{position:fixed;flex-direction:column;bottom:0;z-index:100;background:#000;border-radius:5px;padding:10px;width:355px;box-shadow:0 0 10px 0 rgba(0,0,0,.2)!important}.hero-later .history{display:flex;align-items:center;cursor:pointer;background:#ddd;border-radius:5px;padding:10px;color:#000;transition:all .5s ease-in-out}.hero-later .cards{display:flex;flex-direction:column;justify-content:center;overflow:auto;align-items:center;gap:10px;max-height:80vh}.hero-later .cards .card{display:flex;align-items:center;width:100%;background:#1b1d2f;border-radius:10px}.hero-later .cards .card:hover{background-color:rgba(189,196,236,.129);cursor:pointer}.hero-later .cards .card a{display:flex;align-items:center;width:100%;padding:10px;gap:10px}.hero-later .cards .card a img{width:80px;height:100px;padding:10px;border-radius:10px}.hero-later .cards .card a h3{text-align:center;font-size:20px}.hero-later .cards .card a .fav,.menu{display:flex}.menu{position:absolute;top:0;right:0;z-index:100;align-items:center;gap:10px;background:#000;padding:10px;border-radius:5px;margin:10px;display:none;cursor:pointer}@media(max-width:1020px){.menu{display:block;margin-right:16px;font-size:1.2rem;font-weight:600;color:#fff;transition:all .3s ease-in-out}}.menu .bx,.menu:hover{background:#5367ff}.menu .bx{display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff}.menu .bx input{flex:1 1;padding:15px;border-radius:5px;border:none}.menu .bx button{padding:10px;border-radius:5px;border:none;color:#fff}.menu ul{flex-direction:column}.menu ul,.menu ul a{display:flex;gap:10px}.menu ul a{align-items:center;padding:10px;border-radius:5px;background:#21253a;cursor:pointer}.menu ul a:hover{color:#000;background:#fff}.menu .list{display:flex;flex-direction:column}.menu .list .card{display:flex;align-items:center;background:#1b1d2f;border-radius:10px;width:100%}.menu .list .card:hover{background-color:rgba(189,196,236,.129);cursor:pointer}.menu .list .card a{display:flex;align-items:center;width:100%;padding:10px;gap:10px;background:#1b1d2f;box-shadow:inset 0 0 10px #111}.menu .list .card a img{width:80px;height:100px;padding:10px;border-radius:10px}.menu .list .card a h3{text-align:center;font-size:20px}.menu .list .card a .fav{display:flex}