body{--main-color:#040304;--mark-color:#7D3EFE;background:var(--main-color);color:#fff;overflow:visible}h1{font-size:55px;line-height:normal;text-align:center}h2{font-size:42px;text-align:center;color:#fff}.banner-bg{position:absolute;z-index:0;width:100%;height:100%;top:0}.banner-bg picture,.banner-bg img{margin:0 auto}.banner-top{margin-top:120px}.banner-top .nav{border-bottom:1px solid #23232A;font-size:18px;padding:0 20px 20px}.banner-top .nav span{display:inline-block;height:22px;position:relative}.banner-top .nav span a:hover{color:var(--mark-color)}.banner-top .nav span:nth-child(2){font-weight:600;color:var(--mark-color);padding-left:28px}.banner-top .nav span:nth-child(2)::before{width:1px;height:18px;background-color:rgba(255,255,255,.24);content:"";display:inline-block;position:absolute;top:2px;left:14px}.banner-top h1{margin-top:60px}.banner-top h1 span{display:block;text-align:center;color:var(--mark-color)}.ai-video-effects{max-width:1488px;margin:120px auto 0;position:relative;z-index:1}.ai-video-effects .effects-container{margin-top:60px}.ai-video-effects .swiper-wrapper{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.ai-video-effects .swiper-slide{border-radius:18px;background-color:#19191C;min-height:345px;border:2px solid transparent;cursor:pointer}.ai-video-effects .swiper-slide a{padding:20px 20px 18px;display:inline-block;height:100%}.ai-video-effects .swiper-slide a:hover img{border-radius:12px}.ai-video-effects .swiper-slide:hover{border-color:#9C46FF;box-shadow:0 2px 14px 0 #D5B0FF4D;background:linear-gradient(180deg,#2E2834 0%,#19191C 100%)}.ai-video-effects .swiper-slide a:hover .title{color:#fff}.ai-video-effects .swiper-slide video{width:100%;border-radius:12px}.ai-video-effects .swiper-slide .title{font-size:16px;font-weight:700;margin-top:18px;-webkit-line-clamp:1}@media (max-width:1500px){.ai-video-effects{padding:0 20px}.ai-video-effects .swiper-slide{min-height:auto}}@media (max-width:1025px){.banner-top{margin-top:100px}.banner-top .nav{display:none}.banner-top h1{font-size:26px;margin-top:30px}h2{font-size:16px!important}.ai-video-effects{margin-top:40px}.ai-video-effects .effects-container{margin-top:20px}#pagination{display:flex;justify-content:center;margin-top:20px;gap:12px}#pagination .ellipsis,#pagination .page-btn{width:36px;height:36px;border-radius:20px;border:1px solid #262629;display:inline-flex;align-items:center;justify-content:center;color:#7A7A7A;font-size:12px;cursor:pointer}#pagination .ellipsis{padding-bottom:6px;cursor:auto}#pagination .page-btn.active{color:#fff}.page-btn .prev{transform:rotate(-180deg)}.page-btn:has(.next),.page-btn:has(.prev){border:none;background-color:rgba(156,70,255,.4)}.page-btn:has(.next):active,.page-btn:has(.prev):active{background-color:rgba(156,70,255,1)}.page-btn:has(.next) svg,.page-btn:has(.prev) svg{color:#9945FA}.page-btn:has(.next):active svg,.page-btn:has(.prev):active svg{color:#fff}}@media (max-width:820px){.ai-video-effects .swiper-slide{border-radius:12px;padding:12px 12px 15px}.ai-video-effects .swiper-slide .title{font-size:14px;margin-top:12px}}@media (max-width:750px){.ai-video-effects .swiper-wrapper{grid-template-columns:repeat(1,minmax(0,1fr));grid-template-rows:repeat(3,1fr);gap:16px}}