main{background:#f8fafd}.banner{padding:108px 0;background:url(/uploads/page/resources/banner-pc.webp) no-repeat center / cover}.banner .container{max-width:1138px}.banner h1{color:#1c1c1c;font-size:48px;font-weight:700;line-height:120%}.banner h1 span{background:linear-gradient(90deg,#483bfa,#3166ff,#2e9fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.banner .banner-desc{max-width:730px;margin:22px 0 0;color:#3f3f3f;font-size:20px;font-weight:400;line-height:190%}.resources{--resources-content-width: min(1138px, 68%);--resources-content-left: max(16%, calc(50% - 569px) );--resources-aside-gap: 48px;--resources-aside-width: min(260px, calc(var(--resources-content-left) - var(--resources-aside-gap) - 20px));display:grid;grid-template-columns:minmax(0,1fr);margin-top:64px}.resources-aside{grid-area:1 / 1;align-self:start;justify-self:start;position:sticky;top:80px;left:max(20px,calc(var(--resources-content-left) - var(--resources-aside-gap) - var(--resources-aside-width)));width:var(--resources-aside-width)}.resources-aside-current{display:none}.resources-aside ul{display:flex;flex-direction:column;gap:4px;padding:16px 0;border-radius:12px;background:#fff}.resources-aside ul li{position:relative;overflow:hidden;padding:8px 0 8px 12px;list-style:none}.resources-aside ul li:before,.resources-aside ul li:after{content:"";position:absolute;pointer-events:none}.resources-aside ul li:before{inset:0;background:linear-gradient(90deg,#e2dffc,#fff);opacity:0;transition:opacity .3s ease}.resources-aside ul li:after{top:50%;left:0;width:2.4px;height:0;background:#543ffc;transform:translateY(-50%);transition:height .3s ease}.resources-aside ul li:hover:before,.resources-aside ul li.active:before{opacity:1}.resources-aside ul li:hover:after,.resources-aside ul li.active:after{height:100%}.resources-aside ul li:hover .aside-after,.resources-aside ul li.active .aside-after{display:block}.resources-aside ul li:hover .aside-before,.resources-aside ul li.active .aside-before{display:none}.resources-aside ul li:hover span,.resources-aside ul li.active span{color:#543ffc}.resources-aside ul a{position:relative;z-index:1;display:flex;align-items:center;gap:8px}.resources-aside ul span{color:#262626;font-size:16px;font-weight:400;line-height:190%}.resources-aside ul .aside-after{display:none}.resources-cont{grid-area:1 / 1;justify-self:center;width:var(--resources-content-width);min-width:0;padding-bottom:10px}.resources-cont .container{max-width:1138px}.resources-cont .wrap-tit{color:#1c1c1c;font-size:30px;font-weight:600;line-height:190%}.resources-cont .hot-swiper{padding:16px 0 86px;position:relative;overflow:hidden}.resources-cont .hot-swiper .swiper-wrapper{gap:36px}.resources-cont .hot-swiper .swiper-slide{width:calc((100% - 36px * 2) / 3);height:auto;padding:12px;border-radius:12px;border:1px solid #eaebf3;background:#fff;transition:all .3s;cursor:pointer}.resources-cont .hot-swiper .swiper-slide:hover{box-shadow:0 4.232px 13.754px #e9e9f885;transform:translateY(-12px)}.resources-cont .hot-swiper .slide-img{border-radius:6px;overflow:hidden}.resources-cont .hot-swiper .slide-img img{width:100%;height:auto;border-radius:6px;vertical-align:middle}.resources-cont .hot-swiper .slide-info{display:flex;align-items:center;gap:10px;margin-top:10px}.resources-cont .hot-swiper .slide-tit{color:#1c1c1c;font-size:18px;font-weight:400;line-height:205%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resources-cont .hot-swiper .slide-tax{width:max-content;min-width:54px;padding:0 15px;text-align:center;border-radius:30px;background:#9499f229;color:#383bbd;font-size:12px;font-weight:400;line-height:205%}.resources-cont .new-list{margin:14px 0 100px;padding:0 34px;display:flex;flex-wrap:wrap;justify-content:space-between;border-radius:12px;border:1px solid #eaebf3;background:#fff}.resources-cont .new-list .new-item{display:block;width:calc((100% - 36px)/2);padding:20px 0;cursor:pointer}.resources-cont .new-list .new-item:not(:nth-last-child(-n+2)){border-bottom:1px solid #e4e4e4}.resources-cont .new-list .new-item:hover .new-tit,.resources-cont .new-list .new-item:hover .new-time{color:#543ffc}.resources-cont .new-list .new-tit{position:relative;box-sizing:border-box;width:100%;padding-right:72px;color:#3c3c3c;font-size:18px;font-weight:500;line-height:205%}.resources-cont .new-list .new-tit:after{position:absolute;top:50%;right:0;width:54px;border-radius:30px;background:#f2949429;color:#bd3838;content:"NEW";text-align:center;font-size:12px;font-weight:500;line-height:205%;transform:translateY(-50%);transition:all .3s}.resources-cont .new-list .new-time{margin-top:4px;color:#767676;font-size:14px;font-weight:500;line-height:205%;transition:all .3s}.resources-cont .artist-list{margin:14px 0 100px;padding:12px 38px;counter-reset:artist;border-radius:12px;border:1px solid #eaebf3;background:#fff}.resources-cont .artist-list .artist-item{display:flex;align-items:center;gap:12px;padding:24px 0;cursor:pointer;counter-increment:artist}.resources-cont .artist-list .artist-item:before{content:counter(artist,decimal-leading-zero);color:#3c3c3c;font-size:18px;font-weight:500;line-height:205%;transition:color .3s}.resources-cont .artist-list .artist-item:after{content:"";flex:0 0 6px;width:6px;height:6px;margin-left:auto;border-right:2px solid currentColor;border-bottom:2px solid currentColor;color:#3c3c3c;transform:rotate(-45deg);transition:color .3s}.resources-cont .artist-list .artist-item:not(:last-child){border-bottom:1px solid #e4e4e4}.resources-cont .artist-list .artist-item:hover:before,.resources-cont .artist-list .artist-item:hover:after,.resources-cont .artist-list .artist-item:hover .artist-tit{color:#543ffc}.resources-cont .artist-list .artist-tit{flex:1;min-width:0;color:#3c3c3c;font-size:18px;font-weight:500;line-height:205%}.resources-cont .title-ellipsis,.resources-cont .title-marquee{display:block;overflow:hidden;white-space:nowrap}.resources-cont .title-ellipsis{text-overflow:ellipsis}.resources-cont .title-marquee{display:none}.resources-cont .title-marquee .title-scroll{display:inline-block;min-width:100%}@keyframes post-title-marquee{0%,15%{transform:translate(0)}85%,to{transform:translate(calc(-1 * var(--title-scroll-distance)))}}@media(hover:hover)and (pointer:fine){.resources-cont .new-list .new-item:hover .new-tit.is-overflowing .title-ellipsis,.resources-cont .artist-list .artist-item:hover .artist-tit.is-overflowing .title-ellipsis{display:none}.resources-cont .new-list .new-item:hover .new-tit.is-overflowing .title-marquee,.resources-cont .artist-list .artist-item:hover .artist-tit.is-overflowing .title-marquee{display:block}.resources-cont .new-list .new-item:hover .new-tit.is-overflowing .title-marquee .title-scroll,.resources-cont .artist-list .artist-item:hover .artist-tit.is-overflowing .title-marquee .title-scroll{animation:post-title-marquee var(--title-scroll-duration) linear infinite}}@media(prefers-reduced-motion:reduce){.resources-cont .title-marquee .title-scroll{animation:none!important;transform:none!important}}@media(max-width:1500px){.resources-aside ul li{padding-left:6px}.resources-aside ul a{gap:4px}.resources-aside ul span{font-size:14px}}@media(max-width:1200px){.resources-cont .hot-swiper .swiper-wrapper{gap:16px}.resources-cont .hot-swiper .swiper-slide{width:calc((100% - 16px * 2) / 3)}.resources-cont .new-list{justify-content:center}.resources-cont .new-list .new-item{width:400px}}@media(max-width:995px){.resources{display:block;max-width:none;margin-top:0;padding:0}.resources-aside{position:sticky;top:60px;left:auto;z-index:90;width:calc(100% - 32px);margin:-32px 16px 0}.resources-aside-current{position:relative;display:flex;align-items:center;width:100%;gap:12px;padding:15px 16px;border:1px solid #e5e6f4;border-radius:6px;background:#fff;color:#543ffc;font-size:16px;line-height:1.4;text-align:left}.resources-aside-current:after{position:absolute;bottom:-1px;left:0;width:var(--resources-progress, 0%);height:2px;border-radius:0 0 6px 6px;background:#543ffc;content:"";transition:width .15s linear}.resources-aside-current-icon{flex:0 0 20px;width:20px;height:20px}.resources-aside-current-label{flex:1}.resources-aside-current-arrow{width:9px;height:9px;margin-right:4px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .2s}.resources-aside ul{position:absolute;top:calc(100% + 4px);right:0;left:0;max-height:0;overflow-y:auto;gap:4px;padding:0 14px;border:1px solid transparent;border-radius:6px;opacity:0;visibility:hidden;pointer-events:none;box-shadow:0 12px 28px #31315d1f;transition:max-height .35s ease,padding .35s ease,opacity .25s ease,border-color .35s ease,visibility 0s linear .35s}.resources-aside.is-open .resources-aside-current-arrow{transform:rotate(225deg)}.resources-aside.is-open ul{max-height:calc(100vh - 80px);padding:8px 14px;border-color:#e5e6f4;opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.resources-cont{width:100%;min-width:auto;margin:48px auto 0}.resources-cont .new-list{justify-content:center}}@media(max-width:768px){.banner{padding:80px 0 104px;background:url(/uploads/page/resources/banner-mb.webp) no-repeat center / cover}.banner h1{font-size:34px;text-align:center}.banner .banner-desc{margin:26px auto 0;font-size:16px;text-align:center}.resources-cont .wrap-tit{font-size:26px;text-align:center}.resources-cont .hot-swiper{max-width:345px;padding:12px 0 40px;margin:0 auto 90px}.resources-cont .hot-swiper .swiper-wrapper{gap:0}.resources-cont .hot-swiper .swiper-slide{width:auto;box-shadow:0 4.095px 13.31px #e9e9f885}.resources-cont .hot-swiper .swiper-pagination-bullet{background:#dbe1fc;opacity:1;margin:0 8px}.resources-cont .hot-swiper .swiper-pagination-bullet-active{background:#94a6fa}.resources-cont .new-list{padding:0 12px}.resources-cont .new-list .new-item{width:100%}.resources-cont .new-list .new-item:not(:last-child){border-bottom:1px solid #e4e4e4}.resources-cont .new-list .new-tit{font-size:12px}.resources-cont .new-list .new-tit{padding-right:64px}.resources-cont .new-list .new-tit:after{width:46px;font-size:10px}.resources-cont .new-list .new-time{display:none}.resources-cont .artist-list{padding:0 12px}.resources-cont .artist-list .artist-item{gap:6px;padding:20px 0}.resources-cont .artist-list .artist-item:before{font-size:14px}.resources-cont .artist-list .artist-tit{margin-right:18px;font-size:14px}}