@font-face{font-display:swap;font-family:SVN-UVNLacLongQuan_R;font-style:normal;font-weight:400;src:url(../fonts/UVNLacLongQuan_R.TTF) format("truetype")}@font-face{font-display:swap;font-family:SVN-UVNLacLongQuan_B;font-weight:700;src:url(../fonts/UVNLacLongQuan_B.TTF) format("truetype")}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#221817;color:#fbecc1;font-family:Tahoma,sans-serif;margin:0;padding:0;text-rendering:optimizeLegibility}*{box-sizing:border-box}#app{background:url(../img/tulinhtran_bg.jpg) no-repeat top;background-size:100%;margin:0 auto;min-height:100vh;padding:0;width:100%}.container{min-height:104.1666666667vw;padding-bottom:5.2083333333vw;position:relative}.header{position:relative;width:100%}.header:before{background:linear-gradient(180deg,rgba(0,0,0,.8),transparent);content:"";height:5.2083333333vw;left:0;position:absolute;right:0;top:0}.header .nav-container{height:3.125vw;margin:0 auto;max-width:62.5vw}.header .nav-links{align-items:center;display:flex;height:100%;justify-content:center;list-style:none;margin:0;padding:0;position:relative;z-index:1}.header .nav-links li{padding:0 2.0833333333vw;position:relative}.header .nav-links li.logo{align-self:flex-start;padding:1.3020833333vw 0 0}.header .nav-links li.logo img{height:auto;width:16.1458333333vw}.header .nav-links li.logo span{color:gold;display:block;font-size:.7291666667vw;margin-top:.2604166667vw;text-align:center}.header .nav-links li a{-webkit-text-fill-color:transparent;background:linear-gradient(180deg,#f66c02 0,#fbf4a4);-webkit-background-clip:text;background-clip:text;display:inline-block;filter:drop-shadow(0 2px 2px rgba(0,0,0,.5));font-family:SVN-UVNLacLongQuan_R,sans-serif;font-size:1.25vw;font-weight:400;letter-spacing:.0520833333vw;position:relative;text-decoration:none}.header .nav-links li a:before{-webkit-text-fill-color:transparent;background:linear-gradient(180deg,#dc8f56 0,#fbf4a4);-webkit-background-clip:text;background-clip:text;content:attr(data-text);filter:blur(4px);left:0;opacity:.5;position:absolute;top:0;z-index:-1}.header .nav-links li:not(.logo):after{background:gold;bottom:-5px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:0}.header .nav-links li:hover:after{width:70%}.title-block{background:url(../img/line-decor.png) no-repeat 50%;background-size:28.6458333333vw;box-sizing:border-box;height:2.5vw;line-height:0px;margin:0 auto 2.0833333333vw;padding:0 0 0 .9375vw;text-align:center;width:100%}.title-block span{color:#fffaf2;font-family:SVN-UVNLacLongQuan_R;font-size:2.1875vw;font-weight:400;text-transform:uppercase}@media screen and (max-width:768px){.title-block span{display:block;margin-top:1.0416666667vw}#slider2,.characters{margin-top:2.0833333333vw!important}#slider2 .swiper-container .swiper-wrapper{margin-top:0!important}}#slider2{margin:5.2083333333vw auto 0;width:70.3125vw}@media screen and (max-width:1280px){#slider2{width:46.875vw}#slider2 .swiper-container .swiper-slide{height:auto;margin-right:0;width:46.875vw}#slider2 .swiper-container .swiper-slide:before{display:none}#slider2 .swiper-container .swiper-button-prev{left:3.6458333333vw}#slider2 .swiper-container .swiper-button-next{right:3.6458333333vw}}.swiper-container{box-sizing:border-box;margin:0 auto;overflow:hidden;padding:0 0 3.125vw;position:relative;width:100%}.swiper-container .swiper-wrapper{align-items:center;display:flex;padding:0}.swiper-container .swiper-slide{align-items:center;display:flex;height:25.9895833333vw;justify-content:center;margin-right:-23.4375vw;opacity:0;transform-origin:center;visibility:hidden;width:39.2708333333vw}.swiper-container .swiper-slide:before{background:url(../img/decor-slide.png) no-repeat 50%;background-size:100%;content:"";height:110%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:102%;z-index:1}.swiper-container .swiper-slide img{border:none;height:auto;-o-object-fit:cover;object-fit:cover;width:100%;z-index:0}.swiper-container .swiper-slide.swiper-slide-active,.swiper-container .swiper-slide.swiper-slide-next,.swiper-container .swiper-slide.swiper-slide-prev{filter:brightness(.4);opacity:1;visibility:visible}.swiper-container .swiper-slide.swiper-slide-active{filter:brightness(1)}.swiper-container .swiper-pagination{bottom:-.5208333333vw;display:flex;gap:.5208333333vw;justify-content:center;position:absolute}.swiper-container .swiper-pagination span{background:url(../img/icon-li.png) no-repeat 50%;background-size:100%;display:block;height:1.6145833333vw;opacity:1;width:1.3020833333vw}.swiper-container .swiper-pagination span.swiper-pagination-bullet-active{background:url(../img/icon-li-hover.png) no-repeat 50%;background-size:100%}.swiper-container .swiper-button-next,.swiper-container .swiper-button-prev{background:url(../img/btn-arrow.png) no-repeat 50%;background-size:100%;filter:drop-shadow(2px 4px 6px yellow);height:5.9895833333vw;top:40%;width:2.6041666667vw}.swiper-container .swiper-button-next:after,.swiper-container .swiper-button-prev:after{display:none}.swiper-container .swiper-button-next:hover,.swiper-container .swiper-button-prev:hover{opacity:.8}.swiper-container .swiper-button-prev{left:8.8541666667vw}.swiper-container .swiper-button-next{right:8.8541666667vw;transform:rotate(180deg)}.game-buttons{align-items:center;background:url(../img/bg-box.png) no-repeat 50%;background-size:100% 100%;display:flex;gap:1.3020833333vw;height:14.6875vw;justify-content:center;margin:24.21875vw 0 0 17.9166666667vw;padding:.78125vw 7.2916666667vw 0;width:64.9479166667vw}.game-buttons .game-btn{font-size:0;position:relative;transition:.3s}.game-buttons .game-btn img{height:auto;width:100%}@keyframes pulseAndShake{0%{transform:scale(1)}50%{transform:scale(1.05) rotate(-1deg)}to{transform:scale(1) rotate(1deg)}}.game-buttons .game-btn.gift:hover,.game-buttons .game-btn.support:hover{animation:pulseAndShake 1s ease-in-out infinite}.game-buttons .game-btn.download:hover:before,.game-buttons .game-btn.recharge:hover:before{opacity:1}.game-buttons .game-btn.download:hover{animation-duration:1.2s}.game-buttons .game-btn.recharge:hover{animation-duration:.8s}.game-buttons .game-btn.download,.game-buttons .game-btn.recharge{display:inline-block;overflow:hidden;position:relative}.game-buttons .game-btn.download img,.game-buttons .game-btn.recharge img{display:block;height:auto;position:relative;width:100%}.game-buttons .game-btn.download:after,.game-buttons .game-btn.recharge:after{background:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,0) 5%,hsla(0,0%,100%,.1) 10%,hsla(0,0%,100%,.2) 15%,hsla(0,0%,100%,.3) 20%,hsla(0,0%,100%,.5) 25%,hsla(0,0%,100%,.8) 30%,hsla(0,0%,100%,.9) 35%,#fff 40%,#fff 45%,#fff 47%,#fff 50%,#fff 53%,#fff 55%,#fff 60%,hsla(0,0%,100%,.9) 65%,hsla(0,0%,100%,.7) 70%,hsla(0,0%,100%,.5) 75%,hsla(0,0%,100%,.4) 80%,hsla(0,0%,100%,.2) 85%,hsla(0,0%,100%,.1) 90%,hsla(0,0%,100%,0) 95%,hsla(0,0%,100%,0));content:"";mix-blend-mode:overlay;pointer-events:none;position:absolute;z-index:9}.game-buttons .game-btn.download:after{height:75%;top:12%;width:80%}.game-buttons .game-btn.download:after,.game-buttons .game-btn.recharge:after{animation:shineSwipe 2s linear infinite alternate;left:0}.game-buttons .game-btn.recharge:after{animation-delay:-1s;height:89%;top:9%;width:100%}@keyframes shineSwipe{0%{left:0;opacity:.7}45%{left:19%;opacity:1}50%{left:19%;opacity:1}95%{left:0;opacity:.7}to{left:0;opacity:.7}}.game-buttons .support-buttons{display:flex;flex-direction:column;gap:.5208333333vw;margin:0 -.5208333333vw 0 -1.3020833333vw}.game-buttons .support-buttons .game-btn{height:4.7916666667vw;width:16.8229166667vw}.game-buttons .recharge{height:13.6979166667vw;margin-top:-5.2083333333vw;width:17.6041666667vw}.game-buttons .download{height:12.5520833333vw;margin-top:-2.0833333333vw;width:16.25vw}.side-menu{align-items:center;display:flex;position:fixed;right:0;top:50%;transform:translateY(-50%);transition:transform .3s ease;z-index:1000}.side-menu.collapsed{transform:translateX(87%) translateY(-50%)}.side-menu.collapsed .arrow{transform:rotate(180deg)}.side-menu .toggle-menu{background:none;border:none;cursor:pointer;height:3.5416666667vw;left:.5208333333vw;padding:0;position:absolute;top:63%;width:1.3541666667vw}.side-menu .toggle-menu .arrow{display:block;transition:transform .5s ease}.side-menu .toggle-menu .arrow img{height:auto;width:100%}.side-menu .menu-content{background:url(/src/img/bg-box-2.png) no-repeat 50%;background-size:100%;box-sizing:border-box;height:20.2083333333vw;padding:9.1145833333vw 0 0 2.2395833333vw;width:13.4375vw}.side-menu .menu-content .menu-buttons{display:flex;flex-direction:column}.side-menu .menu-content .menu-buttons .menu-btn{display:block;height:2.2395833333vw;padding:0;transition:transform .2s ease;width:9.0104166667vw}.side-menu .menu-content .menu-buttons .menu-btn img{display:block;height:auto;width:100%}.side-menu .menu-content .menu-buttons .menu-btn:hover{transform:scale(1.05)}.news-block{height:18.75vw;position:relative;width:29.4270833333vw}.news-block .search-form{display:flex;margin-bottom:.78125vw}.news-block .search-form .search-input{background:#0f1d23;border:1px solid #333;border-radius:4px 0 0 4px;color:#fff;flex:1;font-size:.9375vw;height:1.6666666667vw;padding:0 .78125vw}.news-block .search-form .search-input::-moz-placeholder{color:#fbecc1}.news-block .search-form .search-input::placeholder{color:#fbecc1}.news-block .search-form .search-button{background:none;border:none;border-radius:0 4px 4px 0;cursor:pointer;height:1.6666666667vw;margin:0;padding:0;width:3.59375vw}.news-block .search-form .search-button img{height:100%;width:auto}.news-block .nav-tabs{display:flex;justify-content:space-between}.news-block .nav-tabs .tab-btn{background:url(../img/btn-normal.png) no-repeat 50%;background-size:100%;border:none;border-radius:4px;color:#fbecc1;cursor:pointer;font-size:.8854166667vw;height:2.34375vw;padding:.5208333333vw 1.0416666667vw;transition:all .3s ease;width:6.3541666667vw}.news-block .nav-tabs .tab-btn.active{background:url(../img/btn-hover.png) no-repeat 50%;background-size:100%}.news-block .news-list{margin-top:.5208333333vw}.news-block .news-list .news-item{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1);color:#fff;cursor:pointer;display:flex;font-size:1.0416666667vw;justify-content:space-between;padding:.5208333333vw;transition:all .3s ease}.news-block .news-list .news-item:last-child{border-bottom:none}.news-block .news-list .news-item i{background:url(../img/icon-li.png) no-repeat 50%;background-size:100%;height:.78125vw;margin-right:.5208333333vw;width:15px}.news-block .news-list .news-item .news-title{display:block;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.news-block .news-list .news-item .news-date{text-align:right;width:5.2083333333vw}.news-block .news-list .news-item:hover{background:rgba(139,0,0,.1);color:#fbecc1}.news-block .news-list .news-item:hover .news-title{color:#fbecc1}.news-block .load-more-btn{background:url(../img/bg-more.png) no-repeat 50%;background-size:100%;border:none;bottom:0;color:#fff;cursor:pointer;font-size:.9375vw;height:1.8229166667vw;margin-top:.5208333333vw;position:absolute;width:29.0625vw}.news-block .load-more-btn:hover{filter:brightness(1.2)}.list-page{margin:8.8541666667vw auto 0;padding:0 7.8125vw;position:relative;width:59.8958333333vw}.list-page .news-block{height:auto;width:100%}.list-page .nav-tabs{margin:2.0833333333vw 0 1.0416666667vw}.list-page .news-list .news-item{padding:1.0416666667vw .5208333333vw}.list-page .title-block{margin-bottom:1.0416666667vw}.list-page .title-block span{color:#fbecc1;font-size:1.25vw;font-weight:700}.list-page .article-title{color:#fbecc1;font-size:1.25vw;margin-bottom:.5208333333vw;text-align:center;text-transform:uppercase}.list-page .article-date{border-bottom:1px solid #999;color:#999;display:block;font-size:.9375vw;margin-bottom:1.0416666667vw;padding-bottom:1.0416666667vw;text-align:center}.list-page .article-content{color:#fff;font-size:14px;height:104.1666666667vw;overflow-x:scroll;overflow-y:scroll}.list-page .article-content::-webkit-scrollbar{width:0}.list-page .article-content h4{color:#fbecc1;font-size:.9375vw;margin-bottom:1.0416666667vw;padding-left:1.8229166667vw;position:relative}.list-page .article-content h4:before{background:url(../img/h4-icon.png) no-repeat 50%;background-size:contain;content:"";height:1.3020833333vw;left:0;position:absolute;top:50%;transform:translateY(-50%);width:1.3020833333vw}.list-page .article-content .table-container{cursor:grab;margin-bottom:1.0416666667vw;overflow-x:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.list-page .article-content .table-container figure::-webkit-scrollbar{height:.4166666667vw;width:.4166666667vw}.list-page .article-content .table-container figure::-webkit-scrollbar-track{background:hsla(44,88%,87%,.1);border-radius:.2083333333vw}.list-page .article-content .table-container figure::-webkit-scrollbar-thumb{background:hsla(44,88%,87%,.3);border-radius:.2083333333vw}.list-page .article-content .table-container figure::-webkit-scrollbar-thumb:hover{background:hsla(44,88%,87%,.5)}.list-page .article-content .table-container:active{cursor:grabbing}.list-page .article-content .table-container::-webkit-scrollbar{width:0}.list-page .article-content .table-container table{border-collapse:collapse;min-width:100%;width:62.5vw}.list-page .article-content .table-container table td,.list-page .article-content .table-container table th{word-wrap:break-word;border:1px solid #3d3d3d;padding:1.0416666667vw;width:10.4166666667vw}.list-page .article-content .table-container table th{background:#2d2d2d;color:#fbecc1;font-size:.9375vw;text-align:left}.list-page .article-content .table-container table td{color:#fbecc1;font-size:.8333333333vw;line-height:1.5;vertical-align:top}.list-page .article-content img{display:block;height:auto;margin:.5208333333vw auto;max-width:100%}.list-page .article-content ul li{color:#fbecc1;list-style:none;margin-bottom:.5208333333vw;padding-left:1.3020833333vw;position:relative}.list-page .article-content ul li:before{background:url(../img/icon-li.png) no-repeat 50%;background-size:contain;content:"";height:.8333333333vw;left:0;position:absolute;top:0;width:.8333333333vw}.list-page .article-content ul li:last-child{margin-bottom:0}.list-page .article-content table li{color:#fbecc1;list-style:disc;margin-left:1.0416666667vw}.footer{margin-top:7.2916666667vw;padding:.78125vw 0}.footer .footer-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:51.0416666667vw;padding:0 1.0416666667vw}.footer .footer-left{flex-shrink:0;width:10.4166666667vw}.footer .footer-left .footer-logo{height:auto;-o-object-fit:contain;object-fit:contain;width:100%}.footer .footer-center{flex:1;font-family:Tahoma,sans-serif;padding:0 1.0416666667vw}.footer .footer-center p{color:#fff;font-size:.9375vw;margin:.2604166667vw 0}.footer .footer-center p:first-child{font-weight:700}.footer .footer-right{width:6.7708333333vw}.footer .footer-right .age-rating{height:auto;width:100%}.slider-news{display:flex;flex-flow:row wrap;gap:1.0416666667vw;margin:5.7291666667vw auto 0;max-width:59.8958333333vw}.slider-news #slider1{flex:1;max-width:60%;width:29.4270833333vw}.slider-news #slider1 .main-banner{height:20.8333333333vw;overflow:hidden;position:relative;width:100%}.slider-news #slider1 .main-banner .swiper-wrapper{height:20.8333333333vw}.slider-news #slider1 .main-banner .swiper-wrapper .swiper-slide{height:18.75vw}.slider-news #slider1 .main-banner .swiper-wrapper .swiper-slide img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.slider-news #slider1 .main-banner .swiper-pagination{bottom:0;display:flex;gap:.5208333333vw;justify-content:center;position:absolute;width:100%}.slider-news #slider1 .main-banner .swiper-pagination .swiper-pagination-bullet{background:url(../img/icon-li.png) no-repeat 50%;background-size:100%;cursor:pointer;height:1.6145833333vw;opacity:1;width:1.3020833333vw}.slider-news #slider1 .main-banner .swiper-pagination .swiper-pagination-bullet-active{background:url(../img/icon-li-hover.png) no-repeat 50%;background-size:100%}.characters{margin:4.4270833333vw auto 0;max-width:62.5vw;padding:2.0833333333vw 1.0416666667vw}.character-info{align-items:center;display:flex;flex-flow:row wrap;margin:0 auto;position:relative;width:62.5vw;z-index:1}.character-title img{display:block;height:auto;margin:0 auto;width:16.8229166667vw}.character-leftside{width:26.8229166667vw}.show-character{height:35.4166666667vw;position:relative;width:35.4166666667vw}.show-character:after{background:url(/src/img/bg-fire-circle.png) no-repeat 50%;background-size:contain;content:"";height:48.3333333333vw;width:48.4375vw;z-index:0}.show-character .character-img,.show-character:after{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.show-character .character-img{z-index:1}.show-character .character-img img{height:auto;width:100%}[data-school=giap-si] .show-character .character-img:first-child{width:21.5104166667vw}[data-school=giap-si] .show-character .character-img:nth-child(2){width:44.7916666667vw}[data-school=dao-si] .show-character .character-img:first-child{width:26.7708333333vw}[data-school=dao-si] .show-character .character-img:nth-child(2){width:30.625vw}[data-school=di-nhan] .show-character .character-img:first-child{width:40.625vw}[data-school=di-nhan] .show-character .character-img:nth-child(2){width:28.8541666667vw}.gender-select{display:flex;flex-flow:row wrap;gap:.5208333333vw;justify-content:center;margin-top:1.0416666667vw}.gender-btn{cursor:pointer;filter:grayscale(1);height:5vw;transition:filter .3s ease;width:4.84375vw}.gender-btn img{height:auto;width:100%}.gender-btn.active{filter:grayscale(0)}.school-select{display:flex;flex-flow:row wrap;gap:.5208333333vw;justify-content:center;position:relative;z-index:3}.school-btn{background-size:100%!important;border:none;cursor:pointer;height:4.4791666667vw;width:5.9895833333vw}.school-btn img{height:100%;opacity:0;transition:opacity .3s ease;width:100%}.school-btn[data-school=giap-si]{background:url(../img/btn-phai-gs.png) no-repeat 50%}.school-btn[data-school=dao-si]{background:url(../img/btn-phai-ds.png) no-repeat 50%}.school-btn[data-school=di-nhan]{background:url(../img/btn-phai-dn.png) no-repeat 50%}.school-btn.active img{opacity:1}.character-description{color:#fff5d9;font-family:Tahoma,sans-serif;font-size:1.1458333333vw;font-weight:400;margin:2.0833333333vw 0 0;padding:1.5625vw 0;position:relative;text-align:center;width:26.8229166667vw}.character-description:after,.character-description:before{background:url(../img/decor-line2.png) no-repeat 50%;background-size:contain;content:"";height:.78125vw;left:50%;position:absolute;transform:translateX(-50%);width:15.625vw}.character-description:before{top:0}.character-description:after{bottom:0;transform:translateX(-50%) rotate(180deg)}.pagination-block{align-items:center;bottom:1.5625vw;display:flex;gap:1.0416666667vw;justify-content:center;left:50%;position:absolute;transform:translateX(-50%);width:100%}.pagination-block .next-btn,.pagination-block .prev-btn{background:url(../img/btn-arrow.png) no-repeat 50%;background-size:100%;border:none;cursor:pointer;height:1.8229166667vw;transition:opacity .3s ease;width:1.0416666667vw}.pagination-block .next-btn:hover,.pagination-block .prev-btn:hover{opacity:.8}.pagination-block .next-btn{transform:rotate(180deg)}.pagination-block .page-number{align-items:center;display:flex;gap:1.0416666667vw}.pagination-block .page-number span{align-items:center;background:#797979;color:#fbecc1;cursor:pointer;display:flex;font-size:1.0416666667vw;height:2.0833333333vw;justify-content:center;transition:all .3s ease;width:2.0833333333vw}.pagination-block .page-number span.active,.pagination-block .page-number span:hover{background:#631303}.back-btn{left:0;position:absolute;top:0;z-index:10}.back-btn a{align-items:center;background:url(../img/btn-hover.png) no-repeat 50%;background-size:100% 100%;display:flex;height:2.0833333333vw;justify-content:center;text-decoration:none;transition:opacity .3s ease;width:7.2916666667vw}.back-btn a:hover{opacity:.8}.back-btn a span{align-items:center;color:#fbecc1;display:flex;font-size:.8333333333vw;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.back-btn a span:before{border-bottom:.1041666667vw solid #fbecc1;border-left:.1041666667vw solid #fbecc1;content:"";height:.4166666667vw;margin-right:.4166666667vw;transform:rotate(45deg);transform:translateX(0) rotate(45deg);transition:transform .3s ease;width:.4166666667vw}.go-top{align-items:center;background:#631303;bottom:1.5625vw;cursor:pointer;display:flex;height:2.0833333333vw;justify-content:center;opacity:0;position:fixed;right:1.5625vw;transition:all .3s ease;visibility:hidden;width:2.0833333333vw;z-index:99}.go-top.show{opacity:1;visibility:visible}.go-top .arrow-up{border-right:.15625vw solid #fbecc1;border-top:.15625vw solid #fbecc1;height:.78125vw;margin-top:.2604166667vw;transform:rotate(-45deg);transition:transform .3s ease;width:.78125vw}.go-top:hover{opacity:.8}.go-top:hover .arrow-up{transform:translateY(-.15625vw) rotate(-45deg)}@media screen and (max-width:768px){.go-top{bottom:.78125vw;height:2.6041666667vw;right:.78125vw;width:2.6041666667vw}.go-top .arrow-up{height:.625vw;width:.625vw}}.article-content figure.table{overflow-x:auto;width:100%}.article-content table{border:1px solid hsla(44,88%,87%,.3);border-collapse:collapse;margin:0 auto}.article-content table a{color:#fbecc1;text-decoration:none}.article-content table td{word-wrap:break-word;border:1px solid rgba(117,91,75,.439);color:#fbecc1;min-width:200px;padding:15px;width:200px}