.top-banner{position:relative;height:200px;background:linear-gradient(270deg,#A138FE 0%,#9373FF 100%);display:flex;align-items:center;justify-content:center;text-align:center}.top-banner::before{content:'';position:absolute;width:182px;height:152px;top:0;left:0;transform-origin:top left;background-image:url(https://images.litvid.org/litmediaen/assets/images/about-us/banner-left.png)}.top-banner::after{content:'';position:absolute;width:203px;height:159px;bottom:0;right:0;transform-origin:bottom right;background-image:url(https://images.litvid.org/litmediaen/assets/images/about-us/banner-right.png)}.top-banner .base-maxwidth{position:relative;z-index:1}.top-banner h1{font-weight:600;font-size:48px;color:#fff;position:relative;z-index:1}.top-banner .desc{color:#fff;margin-top:10px;max-width:690px}.category-container{padding:30px 0 100px}.category-container .base-maxwidth{max-width:1112px}.category-container .bread-crumbs{font-size:14px;line-height:17px;color:rgba(0,0,0,.6)}.category-container .bread-crumbs a{color:rgba(0,0,0,.6);transition:0.2s cubic-bezier(.4,0,.2,1)}.category-container .bread-crumbs a:hover{color:#956AFF;text-decoration:underline}.category-container .bread-crumbs .gt{margin:0 2px}.category-nav{--text-color-a:rgba(0,0,0,.6);--text-color-b:rgba(0,0,0,.6);padding-top:30px;border-bottom:1px solid #EBEBEB;display:flex;position:relative}.category-nav .category-list{display:flex}.category-nav .category-list li{font-size:16px;line-height:24px;font-weight:600;margin-right:60px;position:relative;padding-bottom:15px;white-space:nowrap}.category-nav .category-list li a{-webkit-background-clip:text;background-clip:text;color:transparent;background-image:linear-gradient(270deg,var(--text-color-a) 0%,var(--text-color-b) 100%);transition:all 0.2s cubic-bezier(.4,0,.2,1)}.category-nav .category-list li.curr,.category-nav .category-list li:not(.curr) a:hover{--text-color-a:#A138FE;--text-color-b:#9373FF}.category-nav .category-list li.curr::after{position:absolute;content:'';width:calc(100% - 30px);height:3px;min-width:33px;background:linear-gradient(270deg,#A138FE 0%,#9373FF 100%);bottom:0;left:50%;transform:translateX(-50%);border-radius:3px}.more-category{position:relative;color:rgba(0,0,0,.6);font-size:16px;line-height:24px;font-weight:600}.more-category .more{cursor:pointer;margin-bottom:15px;display:none}.more-category .more.show{display:flex;align-items:center}.more-category .more span{-webkit-background-clip:text;background-clip:text;color:transparent;background-image:linear-gradient(270deg,var(--text-color-a) 0%,var(--text-color-b) 100%);transition:all 0.2s cubic-bezier(.4,0,.2,1)}.more-category .more .arrow-icon{margin-left:6px;color:var(--text-color-a);transition:all 0.2s cubic-bezier(.4,0,.2,1)}.more-category-list{position:absolute;right:0;top:37px;width:187px;height:0;max-height:360px;background:#fff;box-shadow:0 2px 10px 0 #00000040;border-radius:10px;z-index:2;overflow-y:auto;overscroll-behavior-y:contain}.more-category-list.curr{height:auto;padding:10px 0}.more-category-list li{padding:12px 20px;white-space:nowrap}.more-category-list a{-webkit-background-clip:text;background-clip:text;color:transparent;background-image:linear-gradient(270deg,var(--text-color-a) 0%,var(--text-color-b) 100%);transition:all 0.2s cubic-bezier(.4,0,.2,1)}.more-category .more:hover,.more-category-list a:hover{--text-color-a:#A138FE;--text-color-b:#9373FF}.category-box{padding-top:60px;display:flex}.category-box .category-left{flex-grow:1;min-height:500px}.category-box .article-item{padding:16px 18px;background-color:#fff;border-radius:10px;display:flex;position:relative;transition:0.2s cubic-bezier(.4,0,.2,1)}.category-box .article-item+.article-item{margin-top:8px}.category-box .article-item:hover{box-shadow:0 0 10px 0 #00000026;z-index:1}.article-item .article-left{width:180px;height:120px;overflow:hidden;flex-shrink:0;margin-right:35px;border-radius:4px}.article-item .article-left a{display:block;height:100%}.article-item .article-left img{object-fit:contain;object-fit:cover;height:100%}.article-list .article-info{display:flex;flex-direction:column;color:#000;flex-grow:1;font-size:14px;line-height:16px}.article-info .title{font-size:18px;line-height:21px;width:fit-content}.article-info .title:hover{color:#956AFF;text-decoration:underline}.article-info .desc{margin:10px 0;opacity:.6;font-size:14px;line-height:16px;min-height:48px;flex-grow:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.article-info .others{font-size:14px;line-height:16px}.article-more{margin:30px auto 0;width:180px;height:44px;position:relative}.article-more .linear-btn{--btn-color-a:#A138FE;--btn-color-b:#9373FF;--btn-bg-color:#fff;--btn-linear-rotate:270deg}.article-more .loading{width:74px;height:100%;position:relative;z-index:1;margin:0 auto}.article-more .loading .circle{width:14px;height:14px;position:absolute;border-radius:50%;background-color:#D9D9D9;left:0;bottom:calc(50% - 7px);transform-origin:50%;display:none}.article-more .loading.show .circle{display:block;animation:circleMove .5s alternate infinite ease}@keyframes circleMove{0%{transform:translateY(-12px)}100%{transform:translateY(12px)}}.article-more .loading .circle:nth-child(2){left:20px;animation-delay:.2s}.article-more .loading .circle:nth-child(3){left:40px;animation-delay:.3s}.article-more .loading .circle:nth-child(4){left:60px;animation-delay:.4s}.hot-article{margin-left:40px;width:260px;flex-shrink:0}.hot-article .menu-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:absolute;top:0;left:260px;border-radius:10px 0 0 10px;color:#fff;overflow:hidden;box-shadow:0 2px 10px 0 #00000040;background:#956AFF url(https://images.litvid.org/litmediaen/assets/images/article-detail/menu-arrow-icon.svg) no-repeat center / cover;transform:rotate(180deg)}.hot-article .menu-icon svg{display:none}.hot-article .menu-icon.close{transform:rotate(0deg);border-radius:0 10px 10px 0}.hot-article .menu-icon.hide{display:none}.hot-article .hot-box{width:260px;background-color:#fff;border-radius:10px;box-shadow:0 2px 10px 0 #00000040;overflow:hidden;transition:0.2s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}.hot-article .hot-box.fixed{position:fixed;top:120px}.hot-article .hot-box.hide{display:none}.hot-article .hot-box .menu-title{display:flex;align-items:center;height:48px;padding:12px 20px;font-size:18px;line-height:21px;font-weight:700}.hot-article .hot-box .hot-icon{width:18px;height:18px;display:inline-block;vertical-align:middle;margin-left:10px;background:url(https://images.litvid.org/litmediaen/assets/images/article-detail/hot-icon.svg)}.hot-article .hot-list{max-height:calc(100vh - 300px);overflow-y:auto;overscroll-behavior-y:contain;background:#fff}.hot-article .hot-list .item-title{height:32px;display:flex;align-items:center;padding:0 10px 0 20px;background:#F4F4F4;font-size:14px}.hot-article .hot-list .item-title::before{display:inline-block;content:'';width:8px;height:8px;border-radius:50%;background-color:#000;margin-right:5px}.hot-article .hot-list .hot-item>ul{padding:10px 20px}.hot-article .hot-article-item a{font-size:12px;line-height:14px;padding:5px 0;transition:0.2s cubic-bezier(.4,0,.2,1);white-space:nowrap;overflow-wrap:break-word;text-overflow:ellipsis;display:block;overflow:hidden}.hot-article .hot-article-item a:hover{color:#956AFF;text-decoration:underline}.article-popups{padding:5px 10px;border-radius:5px;color:#fff;background:rgba(0,0,0,.6);position:fixed;left:50%;top:30%;transform:translateX(-50%) translateY(-50%);z-index:100}@media (max-width:1024px){.top-banner{height:180px}.top-banner::before,.top-banner::after{transform:scale(.5)}.top-banner h1{font-size:32px;line-height:38px}.category-container{padding-bottom:60px}.category-nav .category-list li{margin-right:40px}.hot-article{margin-left:0;position:fixed;left:-260px;top:225px;z-index:10;width:260px;transition:left 0.2s cubic-bezier(.4,0,.2,1)}.hot-article.show{left:0}.hot-article .hot-box{border-radius:0 0 10px 0;box-shadow:none}.hot-article.show .hot-box{box-shadow:0 2px 10px 0 #00000040}.hot-article .hot-box .menu-title{padding:8px 16px;height:40px}.hot-article .hot-list .hot-item>ul{padding:10px 16px}.category-box{padding-top:30px}.article-item .article-left{margin-right:20px}.category-box .article-item{padding:10px 0}.category-box .article-item:hover{box-shadow:none}}@media (max-width:500px){.category-box .article-item{flex-direction:column}.article-item .article-left{margin:0 0 12px 0}.article-info .desc{min-height:unset;-webkit-line-clamp:unset}}