#template-categories-hub-container .container-content .page-content{display:grid;grid-template-columns:216px minmax(0,1fr) 288px;gap:24px}@media screen and (max-width:639px){#template-categories-hub-container .container-content .page-content{display:block;grid-template-columns:unset}}@media (max-width:1023px){#template-categories-hub-container .container-content .page-content{display:block;grid-template-columns:unset}}#template-categories-hub-container .main-content h1,#template-categories-hub-container .main-content h2,#template-categories-hub-container .main-content h3,#template-categories-hub-container .main-content h4,#template-categories-hub-container .main-content h5,#template-categories-hub-container .main-content h6,#template-categories-hub-container .main-content p,#template-categories-hub-container .main-content ul{margin-block-end:unset!important;line-height:1.2!important}#template-categories-hub-container .main-content ul{padding-inline-start:unset!important}#template-categories-hub-container .main-content{width:100%}#template-categories-hub-container .main-content .page-title{color:#525455}#template-categories-hub-container .main-content .page-title .icon-wrapper .icon{color:#F08347;fill:#F08347;opacity:.5}#template-categories-hub-container .main-content .page-title h1{line-height:1;font-size:2rem}#template-categories-hub-container .main-content .top-section .audience-count{height:1.4rem;background-color:rgba(0,0,0,.5);padding:0 .4rem;border-radius:10px;font-size:.75rem;display:flex;align-items:center;justify-content:center;gap:.25rem;top:.75rem;left:.75rem;color:#fff}#template-categories-hub-container .main-content .top-section .left-section{border-radius:12px;overflow:hidden}#template-categories-hub-container .main-content .top-section .left-section .swiper{width:100%;height:100%}#template-categories-hub-container .main-content .top-section .left-section .swiper .swiper-scrollbar{position:absolute;bottom:0;right:0;top:unset;--swiper-scrollbar-drag-bg-color:rgba(255, 255, 255, 0.5)}#template-categories-hub-container .main-content .top-section .left-section .left-section-item{width:100%;height:100%;border-radius:12px;overflow:hidden;cursor:pointer}#template-categories-hub-container .main-content .top-section .left-section .left-section-item:hover .info{height:100%}#template-categories-hub-container .main-content .top-section .left-section .left-section-item .cover{width:100%;height:100%;object-fit:cover}#template-categories-hub-container .main-content .top-section .left-section .left-section-item .info{height:100px;position:absolute;padding:0 .75rem;bottom:0;left:0;right:0;background:linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 100%);display:flex;align-items:flex-start;justify-content:flex-end;flex-direction:column;transition:all .3s;padding-bottom:.75rem}#template-categories-hub-container .main-content .top-section .left-section .left-section-item .info h2{font-size:1.3rem;font-weight:600;color:#fff;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#template-categories-hub-container .main-content .top-section .right-section .right-section-item{height:156px;border-radius:12px;overflow:hidden;cursor:pointer}#template-categories-hub-container .main-content .top-section .right-section .right-section-item:hover .info{height:100%}#template-categories-hub-container .main-content .top-section .right-section .right-section-item .cover{width:100%;height:100%;object-fit:cover}#template-categories-hub-container .main-content .top-section .right-section .right-section-item .info{height:100px;position:absolute;padding:0 .75rem;bottom:0;left:0;right:0;background:linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 100%);display:flex;align-items:flex-start;justify-content:flex-end;flex-direction:column;transition:all .3s;padding-bottom:.75rem}#template-categories-hub-container .main-content .top-section .right-section .right-section-item .info h2{font-size:1.2rem;font-weight:600;color:#fff;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#template-categories-hub-container .main-content .nav-section{box-shadow:0 0 16px 7px rgba(0,0,0,.1);position:sticky;top:calc(var(--sidebar-offset,50px) + var(--admin-bar,0px) + var(--theme-frame-size,0px) + var(--header-sticky-height,0px) * var(--sticky-shrink,100)/ 100);z-index:10}#template-categories-hub-container .main-content .nav-section .nav-section-item{height:50px;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:0 20px;box-sizing:border-box;cursor:pointer;transition:all .3s;position:relative}#template-categories-hub-container .main-content .nav-section .nav-section-item:after{content:'';display:block;width:100%;height:.25rem;background-color:#F08347;position:absolute;top:0;left:0;opacity:0;transition:all .3s}#template-categories-hub-container .main-content .nav-section .nav-section-item.active:after,#template-categories-hub-container .main-content .nav-section .nav-section-item:hover:after{opacity:1}#template-categories-hub-container .main-content .nav-section .nav-section-item h2{font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:unset}#template-categories-hub-container .main-content .content-list .content-list-item{box-shadow:0 0 10px 0 rgba(0,0,0,.1);overflow:hidden;display:grid;grid-template-columns:236px 1fr;gap:18px;transition:all .3s}#template-categories-hub-container .main-content .content-list .content-list-item:hover{transform:translateY(-10px);box-shadow:0 0 10px 0 rgba(78,78,78,.8)}#template-categories-hub-container .main-content .content-list .content-list-item .cover{width:236px;height:133px;position:relative}#template-categories-hub-container .main-content .content-list .content-list-item .cover .audience-count{height:1.4rem;background-color:rgba(0,0,0,.5);padding:0 .4rem;border-radius:10px;font-size:.75rem;display:flex;align-items:center;justify-content:center;gap:.25rem;top:.75rem;left:.75rem;color:#fff}#template-categories-hub-container .main-content .content-list .content-list-item .cover img{width:100%;height:100%;object-fit:cover}#template-categories-hub-container .main-content .content-list .content-list-item .content{padding-top:10px;padding-bottom:2rem}#template-categories-hub-container .main-content .content-list .content-list-item .content h2{font-size:1.3rem;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:.75rem!important;font-weight:unset!important}#template-categories-hub-container .main-content .content-list .content-list-item .content p{text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:.5rem!important}#template-categories-hub-container .main-content .content-list .content-list-item .content .info .left .icon{font-size:16px}#template-categories-hub-container .main-content .content-list .content-list-item .content .info .right .tags{flex-wrap:wrap}#template-categories-hub-container .main-content .content-list .content-list-item .content .info .right .tags a{height:26px;line-height:26px;display:inline-block;font-size:12px;padding:0 10px;background-color:#F0F2F4;border-radius:5px;color:#78797A}#template-categories-hub-container .main-content .page-pagination{width:100%;height:48px;background-color:#fff;border-radius:24px;overflow:hidden}#template-categories-hub-container .main-content .page-pagination .item{height:48px;line-height:48px;padding:1rem 2rem;background-color:#fff;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;color:inherit}#template-categories-hub-container .main-content .page-pagination .item.active,#template-categories-hub-container .main-content .page-pagination .item:hover{background-color:#eaeaea;color:#000}@media screen and (max-width:639px){#template-categories-hub-container .main-content .page-title{padding-top:1.2rem}#template-categories-hub-container .main-content .top-section .left-section{margin-bottom:1rem}#template-categories-hub-container .main-content .top-section .left-section .left-section-item{border-radius:4px!important}#template-categories-hub-container .main-content .top-section .right-section{flex-direction:row;gap:.5rem!important;justify-content:space-between}#template-categories-hub-container .main-content .top-section .right-section .right-section-item{height:92px!important}#template-categories-hub-container .main-content .nav-section .nav-section-item{height:36px;line-height:36px;padding:.5rem 1rem}#template-categories-hub-container .main-content .content-list{gap:.5rem!important}#template-categories-hub-container .main-content .content-list .content-list-item{margin-bottom:.5rem!important;border-radius:4px!important}#template-categories-hub-container .main-content .content-list .content-list-item .cover{margin-bottom:.5rem!important;width:90px!important;height:50px!important;border-radius:4px!important}#template-categories-hub-container .main-content .content-list .content-list-item .content{padding-bottom:0!important}#template-categories-hub-container .main-content .content-list .content-list-item .content>a{min-height:unset!important}#template-categories-hub-container .main-content .content-list .content-list-item .content .title{font-size:1.1rem!important;text-overflow:unset;display:block;-webkit-line-clamp:unset;-webkit-box-orient:unset;overflow:unset;padding-right:100px!important;font-weight:unset!important}#template-categories-hub-container .main-content .content-list .content-list-item .info{display:flex;flex-direction:column;justify-content:unset;align-items:unset}#template-categories-hub-container .main-content .content-list .content-list-item .info .left{order:2}#template-categories-hub-container .main-content .content-list .content-list-item .info .left .icon{font-size:12px!important}#template-categories-hub-container .main-content .content-list .content-list-item .info .right{order:1}#template-categories-hub-container .main-content .content-list .content-list-item .info .right .tags a{height:20px!important;line-height:20px!important;padding:0 8px!important}#template-categories-hub-container .main-content .page-pagination{height:36px}#template-categories-hub-container .main-content .page-pagination .item{height:36px;line-height:36px;padding:.5rem 1rem}}@media (max-width:1023px){#template-categories-hub-container .main-content .page-title h1{font-size:1.2rem!important}#template-categories-hub-container .main-content .top-section{height:unset;display:block;grid-template-columns:unset}#template-categories-hub-container .main-content .top-section .right-section{display:none}#template-categories-hub-container .main-content .top-section .right-section .right-section-item{height:108px}#template-categories-hub-container .main-content .content-list .content-list-item{display:block;grid-template-columns:unset;overflow:hidden;height:auto;break-inside:avoid;position:relative}#template-categories-hub-container .main-content .content-list .content-list-item .cover{width:120px;height:68px;position:absolute;top:12px;right:12px;border-radius:12px;overflow:hidden;margin-bottom:1rem}#template-categories-hub-container .main-content .content-list .content-list-item .cover .audience-count{height:1.2rem;font-size:.65rem}#template-categories-hub-container .main-content .content-list .content-list-item .content{padding-top:unset;padding-bottom:unset}#template-categories-hub-container .main-content .content-list .content-list-item .content>a{min-height:76px;display:block}#template-categories-hub-container .main-content .content-list .content-list-item .content .title{text-overflow:unset;display:block;-webkit-line-clamp:unset;-webkit-box-orient:unset;overflow:unset;padding-right:130px}#template-categories-hub-container .main-content .content-list .content-list-item .content .description{display:none}#template-categories-hub-container .main-content .content-list .content-list-item .content .info .left{margin-bottom:unset;font-size:.75rem}#template-categories-hub-container .main-content .content-list .content-list-item .content .info .right .tags{display:flex;align-items:flex-start;justify-content:flex-start;gap:10px}}@media (min-width:1024px) and (max-width:1279px){#template-categories-hub-container .main-content .page-title h1{font-size:1.5rem!important}#template-categories-hub-container .main-content .top-section{height:208px}#template-categories-hub-container .main-content .top-section .top-section-swiper{height:208px!important}#template-categories-hub-container .main-content .top-section .right-section .right-section-item{height:100px}#template-categories-hub-container .main-content .content-list .content-list-item{grid-template-columns:150px 1fr;position:relative;padding-bottom:2.5rem}#template-categories-hub-container .main-content .content-list .content-list-item .cover{width:150px;height:84px}#template-categories-hub-container .main-content .content-list .content-list-item .cover .audience-count{height:1.2rem;font-size:.65rem}#template-categories-hub-container .main-content .content-list .content-list-item .content{padding-top:unset;padding-bottom:unset}#template-categories-hub-container .main-content .content-list .content-list-item .content .title{font-size:1.2rem}#template-categories-hub-container .main-content .content-list .content-list-item .content .description{font-size:.85rem}#template-categories-hub-container .main-content .content-list .content-list-item .content .info{position:absolute;bottom:0;left:0;width:100%;padding:.75rem 1rem}#template-categories-hub-container .main-content .content-list .content-list-item .content .info .left,#template-categories-hub-container .main-content .content-list .content-list-item .content .info .left .icon,#template-categories-hub-container .main-content .content-list .content-list-item .content .info .right,#template-categories-hub-container .main-content .content-list .content-list-item .content .info .right .icon,#template-categories-hub-container .main-content .content-list .content-list-item .content .info .right .tags a{font-size:.75rem}}@media (min-width:1280px) and (max-width:1535px){#template-categories-hub-container .main-content .page-title h1{font-size:1.8rem!important}#template-categories-hub-container .main-content .top-section{height:260px}#template-categories-hub-container .main-content .top-section .top-section-swiper{height:260px!important}#template-categories-hub-container .main-content .top-section .right-section .right-section-item{height:126px}#template-categories-hub-container .main-content .content-list .content-list-item{grid-template-columns:220px 1fr}#template-categories-hub-container .main-content .content-list .content-list-item .cover{width:220px;height:127px}#template-categories-hub-container .main-content .content-list .content-list-item .content{padding-bottom:unset}#template-categories-hub-container .main-content .content-list .content-list-item .content .title{font-size:1.2rem}#template-categories-hub-container .main-content .content-list .content-list-item .content .description{font-size:.85rem}#template-categories-hub-container .main-content .content-list .content-list-item .content .info .left,#template-categories-hub-container .main-content .content-list .content-list-item .content .info .left .icon,#template-categories-hub-container .main-content .content-list .content-list-item .content .info .right,#template-categories-hub-container .main-content .content-list .content-list-item .content .info .right .icon,#template-categories-hub-container .main-content .content-list .content-list-item .content .info .right .tags a{font-size:.75rem}}@media (min-width:1536px){#template-categories-hub-container .main-content .top-section{height:320px}#template-categories-hub-container .main-content .top-section .top-section-swiper{height:320px!important}#template-categories-hub-container .main-content .content-list .content-list-item .content{position:relative}#template-categories-hub-container .main-content .content-list .content-list-item .content .info{width:100%;position:absolute;bottom:0;left:0}}