.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);touch-action:none;background:var(--swiper-scrollbar-bg-color,#0000001a);position:relative}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2*var(--swiper-scrollbar-sides-offset,1%));position:absolute}.swiper-vertical>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-vertical{left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2*var(--swiper-scrollbar-sides-offset,1%));position:absolute}.swiper-scrollbar-drag{background:var(--swiper-scrollbar-drag-bg-color,#00000080);border-radius:var(--swiper-scrollbar-border-radius,10px);width:100%;height:100%;position:relative;top:0;left:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}
.atlas-section{margin-top:80px}@media (max-width:640px){.atlas-section{margin-top:40px}}.atlas-section>.skeleton{min-height:400px}.atlas-section>a{display:flex}.atlas-section>a>img{border-radius:8px;width:100%;height:fit-content}@media (max-width:640px){.atlas-section>a>img{border-radius:0}}
.multimedia-section{margin-top:80px}@media (max-width:640px){.multimedia-section{margin-top:40px}}.multimedia-section .title-container>div>.title-value>.icon{background:linear-gradient(#71c27a33 33.13%,#e8effb00 100%)}.multimedia-section .title-container>div>.title-value>.icon>img{width:24px;height:24px}.multimedia-section .multimedia-grid{grid-template-columns:1fr repeat(4,260px);gap:16px;margin-top:24px;transition:all .3s;display:grid}@media (max-width:1224px){.multimedia-section .multimedia-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:1280px){.multimedia-section .multimedia-grid{grid-template-columns:repeat(4,1fr)}}.multimedia-section .multimedia-grid.multimedia-grid-loading{grid-template-columns:1fr repeat(4,260px)}@media (max-width:768px){.multimedia-section .multimedia-grid.multimedia-grid-loading{grid-template-columns:1fr!important}.multimedia-section .multimedia-grid.multimedia-grid-loading .large{height:310px!important;max-height:310px!important}}.multimedia-section .multimedia-grid.multimedia-grid-loading>div{border:1px solid var(--color-neutral-300)}.multimedia-section .multimedia-grid.multimedia-grid-loading .skeleton-icon{border-radius:8px;width:32px;height:32px}.multimedia-section .multimedia-grid.multimedia-grid-loading .skeleton-video-time{border-radius:6px;width:64px;height:20px}.multimedia-section .multimedia-grid.multimedia-grid-loading .skeleton-title{width:80%;height:24px;margin-bottom:20px}.multimedia-section .multimedia-grid.multimedia-grid-loading .skeleton-meta{width:96px;height:16px;display:inline-block}.multimedia-section .multimedia-grid.multimedia-grid-loading .skeleton-category{width:72px;height:16px;margin-inline-start:12px;display:inline-block}.multimedia-section .multimedia-card{cursor:pointer;background:#fff 50%/cover;border-radius:8px;flex-direction:column;grid-area:span 1/span 1;justify-content:flex-end;height:310px;max-height:310px;transition:all .3s;display:flex;position:relative;overflow:hidden}.multimedia-section .multimedia-card:hover:after{height:60%}.multimedia-section .multimedia-card:after{content:"";-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff0;width:100%;height:50%;transition:all .3s;position:absolute;bottom:0;left:0;-webkit-mask-image:linear-gradient(#fff0 0%,#000 40% 100%);mask-image:linear-gradient(#fff0 0%,#000 40% 100%)}.multimedia-section .multimedia-card .card-content{z-index:5;flex-direction:column;justify-content:flex-end;min-height:309px;padding:16px 18px;display:flex;position:relative}@media (max-width:768px){.multimedia-section .multimedia-card .card-content{padding:16px}}.multimedia-section .multimedia-card .card-content .title{color:#fff;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 8px;font-size:14px;font-style:normal;font-weight:400;line-height:24px;display:-webkit-box;overflow:hidden}.multimedia-section .multimedia-card .card-content>div{gap:8px;display:flex}.multimedia-section .multimedia-card .card-content>div>.date{color:#fff;flex-direction:row-reverse;justify-content:center;align-items:center;gap:8px;padding:4px 8px;font-size:12px;font-weight:500;display:flex}.multimedia-section .multimedia-card .card-content>div>.date>i{color:#ce9859;font-size:18px}.multimedia-section .multimedia-card .card-content>div>.category{color:#fff;background:#185adb;border-radius:300px;justify-content:center;align-items:center;padding:4px 8px;font-size:12px;font-weight:400;display:flex}.multimedia-section .multimedia-card .type-content{justify-content:space-between;display:flex;position:absolute;top:16px;left:16px;right:16px}.multimedia-section .multimedia-card .type-content .icon-content{background:#16161880;border:10px solid #ffffff1a;border-radius:100%}.multimedia-section .multimedia-card .type-content .icon-content>i{color:#fff;font-size:28px}.multimedia-section .multimedia-card .type-content .video-time{-webkit-backdrop-filter:blur(5.5px);backdrop-filter:blur(5.5px);color:#fff;background:#ffffff4d;border-radius:40px;justify-content:center;align-items:center;gap:8px;height:28px;padding:0 8px;font-size:12px;font-weight:400;display:flex}.multimedia-section .multimedia-card .type-content .video-time>i{font-size:18px}@media (min-width:1280px){.multimedia-section .multimedia-card.large{grid-area:span 2/span 2;height:auto;transition:all .3s}.multimedia-section .multimedia-card.large .card-content{padding:16px 18px}.multimedia-section .multimedia-card.large .image-wrap{height:260px}.multimedia-section .multimedia-card.large .title{line-clamp:35px;font-size:16px}.multimedia-section .multimedia-card.large .description{display:block}}.multimedia-section .multimedia-swiper{margin-top:24px}
