.showroom-card-section{position:relative}.showroom-card-section .showroom-card-banner{width:100%;height:100%;position:absolute;left:0;top:0;filter:grayscale(.2) contrast(.9) brightness(.9);background-size:100%;opacity:.5;-webkit-mask-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,1)),to(rgba(0,0,0,0)));mask-image:linear-gradient(to bottom,rgb(0 0 0) 0%,rgb(255 255 255 / 0%) 80%)}.showroom-card-section .showroom-card-wrapper{position:relative;backdrop-filter:blur(3px);padding:1rem}.showroom-card-section .showroom-card-wrapper .sh-card-title{display:block;font-size:25px;font-weight:600}.showroom-card-section .showroom-card-wrapper p{margin:0}.showroom-card-section .showroom-card-wrapper .showroom-card-list{display:flex;align-items:center;flex-wrap:wrap;gap:2rem;margin-top:1.25rem}.showroom-card-section .showroom-card-wrapper .showroom-card-list .showroom-card{--card-gold:#c0a661;--card-text:#d9d2c2;--card-frame-x:11px;--card-frame-y:13px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.5rem;width:calc((100% - 5 * 2rem)/ 6);padding-block:1.5rem;transition:transform .3s,filter .3s;cursor:pointer;position:relative;isolation:isolate}.showroom-card-section .showroom-card-wrapper .showroom-card-list .showroom-card::before{content:'';position:absolute;inset:calc(10% - 0.68 * var(--card-frame-y) - 3px) calc(12% - 0.76 * var(--card-frame-x) - 3px);z-index:-1;background:url('/assets/images/card_texture.png') center/cover no-repeat;transition:filter .3s}.showroom-card-section .showroom-card-wrapper .showroom-card-list .showroom-card::after{content:'';position:absolute;inset:calc(var(--card-frame-y) * -1) calc(var(--card-frame-x) * -1);z-index:1;background:url('/assets/images/card_border.png') center/100% 100% no-repeat;pointer-events:none;filter:drop-shadow(0 5px 10px rgb(0 0 0 / 55%));transition:filter .3s}.showroom-card-section .showroom-card-wrapper .showroom-card-list .showroom-card h5{font-family:BeaufortForLoL,Inter,sans-serif;font-size:15px;font-weight:600;line-height:1.25;text-align:center;text-shadow:0 2px 4px rgb(0 0 0 / 85%);color:var(--card-text);padding:0 .75rem;margin:0;height:38px;display:flex;align-items:center;justify-content:center;transition:color .3s}.showroom-card-section .showroom-card-wrapper .showroom-card-list .showroom-card:hover{transform:translateY(-5px);filter:brightness(1.12)}.showroom-card-section .showroom-card-wrapper .showroom-card-list .showroom-card:hover::after{filter:brightness(1.2) drop-shadow(0 5px 10px rgb(0 0 0 / 55%)) drop-shadow(0 0 6px rgb(192 166 97 / 45%))}.showroom-card-section .showroom-card-wrapper .showroom-card-list .showroom-card:hover::before{filter:brightness(1.25)}.showroom-card-section .showroom-card-wrapper .showroom-card-list .showroom-card:hover h5{color:var(--card-gold)}.showroom-card-section .showroom-card-wrapper .showroom-card-list .showroom-card .showroom-card-icon{height:100px;width:100%;transition:.2s linear;position:relative;z-index:1;display:flex;align-items:center;justify-content:center;padding-bottom:1rem}.showroom-card-section .showroom-card-wrapper .showroom-card-list .showroom-card .showroom-card-icon img{height:44px;width:44px;object-fit:contain;filter:grayscale(1) brightness(1.15) drop-shadow(0 2px 3px rgb(0 0 0 / 60%));transition:filter .3s,transform .3s}.showroom-card-section .showroom-card-wrapper .showroom-card-list .showroom-card:hover .showroom-card-icon img{filter:grayscale(1) brightness(1.5) drop-shadow(0 0 6px rgb(192 166 97 / 55%));transform:scale(1.06)}.showroom-card-section .showroom-card-wrapper .showroom-card-list .showroom-card .showroom-card-icon:before{content:'';position:absolute;z-index:-1;background:radial-gradient(circle,rgb(192 166 97 / 28%) 0,rgb(192 166 97 / 0%) 70%);width:78px;height:78px;border-radius:50%;transform:scale(.4);transition:transform .3s ease-in-out,opacity .3s ease-in-out;opacity:0}.showroom-card-section .showroom-card-wrapper .showroom-card-list .showroom-card:hover .showroom-card-icon:before{transform:scale(1);opacity:1}.main-blog{padding-bottom:2rem}.blog-swiper{position:relative;margin:1rem}.blog-post-card{background-color:#2c323e;border-radius:8px}.blog-post-card:hover{background:linear-gradient(0deg,#303746,transparent);border-color:#41495e}.blog-post-card .blog-img-container.responsive-image{border-top-left-radius:8px;border-top-right-radius:8px;aspect-ratio:16/9}.blog-post-card a .blog-card-img{border-top-left-radius:8px;border-top-right-radius:8px;object-fit:cover;width:100%;height:100%}.blog-post-card .blog-img-container{overflow:hidden;position:relative}.blog-post-card .blog-img-container:before{border-bottom:8vw solid #212630;border-left:100vw solid transparent;border-right:50vw solid transparent;bottom:0;content:"";left:0;position:absolute;z-index:3}.blog-post-card a .blog-card-img{animation:fadein .5s;width:100%}.blog-post-card.short-card .blog-post-card-container{min-height:80px}.blog-card-intro-text,.blog-card-title{line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.blog-card-title{font-weight:500;line-height:1.5rem;height:50px;font-size:17px;transition:all .1s ease-in-out}.blog-short{font-weight:500;height:60px;font-size:14px;transition:all .1s ease-in-out;margin:0;overflow:hidden;text-overflow:ellipsis;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box}.blog-card-date{align-items:center;color:#9e9e9e;display:flex;font-size:.8125rem;font-weight:400;min-height:36px;padding:1rem;gap:.5rem}svg:not(:host).svg-inline--fa,svg:not(:root).svg-inline--fa{overflow:visible;box-sizing:content-box}.svg-inline--fa{display:inline-block;font-size:inherit;height:1em;overflow:visible;vertical-align:-.125em}.new-items .new-item-row{width:calc((100% - 3rem)/ 4)}.honor_hall{display:flex;gap:1rem;width:100%;padding:0 1rem;margin:1rem 0}.honor_hall .hero_cont{display:flex;align-items:center;justify-content:center;font-size:16px;color:#e7e1d9;width:calc((100% - 2rem)/ 3);aspect-ratio:405/182;gap:2rem;background:url(../images/honor_bg.jpg) no-repeat;background-size:contain;background-position:center}.honor_hall .hero_cont>div:last-child{line-height:30px;font-weight:300;font-size:13px}.honor_hall .hero_cont img{width:60px;height:60px;object-fit:contain}.lw-code{position:relative;margin-bottom:.5rem}.lw-code .lw-header{display:flex;align-items:center;justify-content:space-between}.lw-code .lw-header .button-icon{padding:.3rem;margin-right:1rem}.event-track-list{position:relative;padding:1rem}.game-event{background:#4f6a7329;height:100%;display:flex;flex-direction:column;gap:.3rem;border:2px solid #334152;border-radius:8px;padding:.5rem;box-shadow:0 2px 10px #00000054;margin-bottom:.5rem}.game-event h3{margin:0;font-size:16px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.5rem;text-align:center;border-bottom:2px solid #535d68;padding:.5rem 0;background:#1b2026}.game-event .event-property{display:flex;gap:1rem;justify-content:space-between;font-size:12px;background:linear-gradient(45deg,#191e24,#13131400);border-radius:6px}.game-event .event-property span{padding:.2rem .4rem}.game-event .event-property span:last-of-type{background:#35404c;font-weight:500;width:50%}.game-event .prizes{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;padding:.8rem;background:linear-gradient(129deg,#1e1e1e,#1e242b);border:2px solid #2d3745;border-radius:8px;justify-content:center;margin-top:.5rem}.welcome-message{text-align:center}.account-buttons{display:flex;flex-direction:column;gap:.5rem}.account-coins{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(45deg,#474e5b,#2c4869);border-radius:999px;padding:.6rem 1.6rem;border-bottom-left-radius:0;border-top-right-radius:0}.account-buttons button{width:100%}@media only screen and (max-width:1200px){.showroom-card-section .showroom-card-wrapper .showroom-card-list .showroom-card{width:calc((100% - 2 * 2rem)/ 3)}}@media only screen and (max-width:992px){.showroom-card-section .showroom-card-wrapper .showroom-card-list .showroom-card{width:calc((100% - 2rem)/ 2)}.showroom-card-section .showroom-card-wrapper .showroom-card-list .showroom-card .showroom-card-icon img{height:52px;width:52px}}