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 0%,#3166ff 50%,#2e9fff 100%);-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;padding-left: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 0%,#fff 100%);opacity:0;transition:opacity 0.3s ease;}.resources-aside ul li::after{top:50%;left:0;width:2.4px;height:0;background:#543ffc;transform:translateY(-50%);transition:height 0.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 0.3s;cursor:pointer;}.resources-cont .hot-swiper .swiper-slide:hover{box-shadow:0 4.232px 13.754px 0 rgba(233,233,248,0.52);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:rgba(148,153,242,0.16);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:rgba(242,148,148,0.16);color:#bd3838;content:'NEW';text-align:center;font-size:12px;font-weight:500;line-height:205%;transform:translateY(-50%);transition:all 0.3s;}.resources-cont .new-list .new-time{margin-top:4px;color:#767676;font-size:14px;font-weight:500;line-height:205%;transition:all 0.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 0.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 0.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:translateX(0);}85%,100%{transform:translateX(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:0;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 0.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 0.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 rgba(49,49,93,0.12);transition:max-height 0.35s ease,padding 0.35s ease,opacity 0.25s ease,border-color 0.35s ease,visibility 0s linear 0.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 0 rgba(233,233,248,0.52);}.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;}}