.learning-center-page{min-height:100vh;background:#07090d;color:#fff}.learning-center-page .learning-hero{width:100%;height:30.5rem;padding-top:6rem;background:url(https://hitem3dstatic.zaohaowu.net/FE/static/sparc3d-website/ssr-learning/learningBg.webp) top/cover no-repeat;display:flex;align-items:center;justify-content:center}.learning-center-page .learning-hero .hero-overlay{text-align:center;margin-bottom:2.2rem}.learning-center-page .learning-hero .hero-overlay .hero-tag{display:inline-flex;height:2.8rem;padding:0 1.6rem;font-weight:510;align-items:center;border-radius:2.4rem;border:.1rem solid hsla(0,0%,94%,.15);background:linear-gradient(90deg,#fff,#31ffcc);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:1.4rem;box-shadow:inset 0 1.138px 1.18px #ffffff26,inset 0 4.637px 4.72px #ffffff1a,inset 0 -1.932px 6.977px #ffffff26,inset 0 -1.159px 3.864px #ffffff26;-webkit-backdrop-filter:blur(1.35px);backdrop-filter:blur(1.35px)}.learning-center-page .learning-hero .hero-overlay .hero-title{margin:1.4rem 0 .8rem;font-size:4.8rem;line-height:1.1;font-weight:700;letter-spacing:.04rem;background:linear-gradient(90deg,#fff 52%,#35ffcf);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.learning-center-page .learning-hero .hero-overlay .hero-desc{margin:0;font-size:1.8rem;line-height:1.2;color:#ffffffad}.learning-center-page .learning-content{width:calc(100% - 11.2rem);margin:4.2rem auto 0;background:#030303}.learning-center-page .learning-content .filter-row{display:flex;gap:.8rem;flex-wrap:wrap}.learning-center-page .learning-content .filter-row .filter-chip{height:2.8rem;padding:0 1.6rem;border-radius:3rem;border:.1rem solid hsla(0,0%,94%,.15);background:#141414cc;color:#ffffffb8;font-size:1.4rem;transition:all .3s ease}.learning-center-page .learning-content .filter-row .filter-chip.active{border-color:transparent;color:var(--color-primary);background:#252525}.learning-center-page .learning-content .cards-grid{margin-top:2.4rem;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.6rem}.learning-center-page .learning-content .cards-grid .tutorial-card{border-radius:1.6rem;background:#141414;overflow:hidden;cursor:pointer;border:1px solid hsla(0,0%,94%,.1);transition:transform .22s ease}.learning-center-page .learning-content .cards-grid .tutorial-card:hover{transform:translateY(-.4rem)}.learning-center-page .learning-content .cards-grid .tutorial-card .cover-wrap{position:relative;aspect-ratio:16/9;background-size:cover;background-position:50%;background-repeat:no-repeat}.learning-center-page .learning-content .cards-grid .tutorial-card .cover-wrap .cover-content{position:absolute;top:45%;left:2.4rem;width:calc(50% - 2.4rem);transform:translateY(-50%);display:flex;flex-direction:column-reverse;justify-content:center;gap:1rem}.learning-center-page .learning-content .cards-grid .tutorial-card .cover-wrap .cover-card-title{width:100%;font-weight:700;color:#fff;line-height:1.2;font-size:2rem;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.learning-center-page .learning-content .cards-grid .tutorial-card .cover-wrap .cover-duration{position:absolute;top:.8rem;right:.8rem;height:2.2rem;padding:0 .8rem;font-size:1.2rem;line-height:2.2rem;opacity:0;transform:translateY(-.4rem);border-radius:88px;border:.5px solid hsla(0,0%,94%,.1);background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:opacity .22s ease,transform .22s ease}.learning-center-page .learning-content .cards-grid .tutorial-card:focus-visible .cover-duration,.learning-center-page .learning-content .cards-grid .tutorial-card:hover .cover-duration{opacity:1;transform:translateY(0)}.learning-center-page .learning-content .cards-grid .tutorial-card .card-body{padding:1.6rem 1.6rem 1.2rem}.learning-center-page .learning-content .cards-grid .tutorial-card .card-body .card-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.8rem}.learning-center-page .learning-content .cards-grid .tutorial-card .card-body .card-tags .tag-pill{height:2.4rem;padding:0 1rem;border-radius:1.4rem;border:.1rem solid rgba(108,238,213,.25);background:#00000061;color:#ffffffbd;font-size:1.2rem;line-height:2.2rem}.learning-center-page .learning-content .cards-grid .tutorial-card .card-body .card-title{margin:0;min-height:5rem;font-size:1.8rem;line-height:1.22;font-weight:600;letter-spacing:.02rem;background:linear-gradient(95deg,#fff,#bcb8ff 58%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.learning-center-page .learning-content .cards-grid .tutorial-card .card-body .card-meta{margin-top:1.6rem;padding-top:1.2rem;border-top:.1rem solid hsla(0,0%,94%,.12);display:flex;align-items:center;justify-content:space-between;gap:1.2rem}.learning-center-page .learning-content .cards-grid .tutorial-card .card-body .card-meta .author{display:inline-flex;align-items:center;font-size:1.4rem;font-weight:500}.learning-center-page .learning-content .cards-grid .tutorial-card .card-body .card-meta .author .author-icon{margin-right:.4rem;font-size:1.4rem}.learning-center-page .learning-content .cards-grid .tutorial-card .card-body .card-meta .author .sparc-guanfang{color:#2dffce}.learning-center-page .learning-content .cards-grid .tutorial-card .card-body .card-meta .author .sparc-geren1{background:linear-gradient(101deg,#ffbce6 25.13%,#afff99 96.52%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.learning-center-page .learning-content .cards-grid .tutorial-card .card-body .card-meta .author.official{color:#72ffd3}.learning-center-page .learning-content .cards-grid .tutorial-card .card-body .card-meta .author.creator{background:linear-gradient(101deg,#ffbce6 25.13%,#afff99 96.52%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.learning-center-page .learning-content .cards-grid .tutorial-card .card-body .card-meta .date{font-size:1.2rem;color:#fffc}.learning-center-page .recommend-section{width:100%;margin:12rem auto 0;padding:8rem 5.6rem 7.2rem;background:#101010}.learning-center-page .recommend-section .recommend-title{margin:0 auto;text-align:center;font-size:4rem;width:-moz-fit-content;width:fit-content;line-height:1.2;background:linear-gradient(90deg,#fffb82 -22.02%,#2dffce);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.learning-center-page .recommend-section .recommend-subtitle{margin:.4rem 0 0;text-align:center;color:#ffffffa6;font-size:1.8rem}.learning-center-page .recommend-section .recommend-grid{margin-top:4rem;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.6rem}.learning-center-page .recommend-section .recommend-grid .recommend-card{border:.1rem solid hsla(0,0%,94%,.1);border-radius:1.6rem;overflow:hidden;background:#141414;transition:transform .22s ease}.learning-center-page .recommend-section .recommend-grid .recommend-card:hover{transform:translateY(-.4rem)}.learning-center-page .recommend-section .recommend-grid .recommend-card .recommend-image{width:100%;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;display:block}.learning-center-page .recommend-section .recommend-grid .recommend-card .recommend-body{padding:1.6rem 1.6rem 1.2rem}.learning-center-page .recommend-section .recommend-grid .recommend-card .recommend-body h3{margin:0;font-size:1.8rem;font-weight:590;line-height:1.2;background:linear-gradient(90deg,#fff,#bcb8ff 37.15%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.learning-center-page .recommend-section .recommend-grid .recommend-card .recommend-body p{margin:.8rem 0 1.4rem;color:#ffffffad;font-size:1.3rem;line-height:1.3;min-height:4rem}.learning-center-page .recommend-section .recommend-grid .recommend-card .recommend-body .recommend-cta{display:inline-flex;height:3.2rem;align-items:center;padding:0 .8rem 0 1.2rem;border-radius:1.6rem;border:1px solid #2dffce;background:linear-gradient(90deg,#fffb82 -22.02%,#2dffce);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;cursor:pointer;font-size:1.4rem;font-weight:590}.learning-center-page .recommend-section .recommend-grid .recommend-card .recommend-body .recommend-cta .arrow{margin-left:1.6rem;display:flex;width:2.4rem;height:2.4rem;font-size:1.8rem;align-items:center;justify-content:center;border-radius:2.4rem;border:.6px solid rgba(185,255,214,.55);color:#000;-webkit-text-fill-color:#000;background:radial-gradient(63.28% 85.63% at 65% 43.75%,#bfff8be3 0,#2dffce00),radial-gradient(707.2% 60.93% at 26.91% 50%,#42d3ff 0,#2dffce),#c7ffbc;box-shadow:inset 0 -1.8px 2.7px #bcf9ff91;animation:recommend-arrow-float-right 1.2s ease-in-out infinite}.learning-center-page .video-modal{position:fixed;inset:0;z-index:1300;background:#020408d1;display:flex;align-items:center;justify-content:center;padding:2rem}.learning-center-page .video-modal .video-panel{position:relative;border-radius:1.6rem;background:#0d1017;border:1px solid hsla(0,0%,94%,.15);overflow:hidden}.learning-center-page .video-modal .video-panel .close-btn{position:absolute;top:1.2rem;right:1.2rem;width:3.2rem;height:3.2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;border:.1rem solid hsla(0,0%,100%,.2);background:#323232;color:#fff;z-index:2}.learning-center-page .video-modal .video-panel .video-player{width:92.4rem;height:52rem;display:block;border-radius:1.2rem 1.2rem 0 0;background:#000}.learning-center-page .video-modal .video-panel .video-detail{padding:2.4rem;border-radius:1.6rem;background:#141414;display:flex;align-items:center;justify-content:space-between;gap:2.4rem}.learning-center-page .video-modal .video-panel .video-detail .video-detail-main{min-width:0;display:flex;flex-direction:column;gap:.8rem}.learning-center-page .video-modal .video-panel .video-detail .video-detail-tags{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem}.learning-center-page .video-modal .video-panel .video-detail .video-detail-tag{height:2.4rem;padding:0 1.2rem;border-radius:3rem;border:.1rem solid rgba(108,238,213,.25);background:#0000005c;color:#ffffffa6;font-size:1.2rem;line-height:2.2rem}.learning-center-page .video-modal .video-panel .video-detail .video-detail-title{margin:0;font-size:2.4rem;line-height:1.2;font-weight:600;background:linear-gradient(95deg,#fff,#bcb8ff 60%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.learning-center-page .video-modal .video-panel .video-detail .video-detail-meta{margin-top:.8rem;display:flex;align-items:center;gap:1.2rem}.learning-center-page .video-modal .video-panel .video-detail .video-detail-author{display:inline-flex;align-items:center;font-size:1.6rem;font-weight:500}.learning-center-page .video-modal .video-panel .video-detail .video-detail-author .author-icon{margin-right:.4rem;font-size:1.6rem}.learning-center-page .video-modal .video-panel .video-detail .video-detail-author .sparc-guanfang{color:#2dffce}.learning-center-page .video-modal .video-panel .video-detail .video-detail-author .sparc-geren1{background:linear-gradient(101deg,#ffbce6 25.13%,#afff99 96.52%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.learning-center-page .video-modal .video-panel .video-detail .video-detail-author.official{color:#72ffd3}.learning-center-page .video-modal .video-panel .video-detail .video-detail-author.creator{background:linear-gradient(101deg,#ffbce6 25.13%,#afff99 96.52%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.learning-center-page .video-modal .video-panel .video-detail .video-detail-date{font-size:1.2rem;color:#fffc}.learning-center-page .video-modal .video-panel .video-detail .video-feature-btn{flex:none;width:16rem;height:4rem;border-radius:8.8rem;border:.1rem solid #2dffce;background:#0003;box-shadow:inset 0 1.138px 1.18px #ffffff26,inset 0 4.637px 4.72px #ffffff1a,inset 0 -1.932px 6.977px #ffffff26,inset 0 -1.159px 3.864px #ffffff26;color:#d9ffe4;font-size:2rem;font-weight:700}@keyframes recommend-arrow-float-right{0%,to{transform:translate(0)}50%{transform:translate(.4rem)}}@media(max-width:1024px){.learning-center-page .learning-main{padding-bottom:4rem}.learning-center-page .learning-hero{height:23.9rem;padding-top:4.8rem;background:url(https://hitem3dstatic.zaohaowu.net/FE/static/sparc3d-website/ssr-learning/learningBg-mobile.webp) top/cover no-repeat}.learning-center-page .learning-hero .hero-overlay{margin-bottom:0;width:calc(100% - 2.2rem)}.learning-center-page .learning-hero .hero-overlay .hero-tag{height:2rem;padding:0 1.2rem;font-size:1.2rem;border-radius:1.4rem}.learning-center-page .learning-hero .hero-overlay .hero-title{margin:.6rem 0 0;font-size:2.1rem;line-height:1.2;letter-spacing:0}.learning-center-page .learning-hero .hero-overlay .hero-desc{margin:0 auto;max-width:90%;font-size:1.2rem;line-height:1.45}.learning-center-page .learning-content{width:100%;margin-top:0}.learning-center-page .learning-content .filter-row{gap:.8rem;position:sticky;top:var(--header-height);z-index:20;background:#030303;overflow-x:auto;flex-wrap:nowrap;padding:2.4rem 1.6rem}.learning-center-page .learning-content .filter-row .filter-chip{flex:none;font-size:1.2rem;white-space:nowrap}.learning-center-page .learning-content .cards-grid{grid-template-columns:1fr;gap:1.6rem;width:calc(100% - 3.2rem);margin:0 auto}.learning-center-page .learning-content .cards-grid .tutorial-card .cover-wrap .cover-duration{opacity:1;transform:translateY(0)}.learning-center-page .recommend-section{margin-top:8rem;padding:4rem 1.6rem 0}.learning-center-page .recommend-section .recommend-title{font-size:2.4rem}.learning-center-page .recommend-section .recommend-subtitle{font-size:1.4rem}.learning-center-page .recommend-section .recommend-grid{margin-top:2.4rem;grid-template-columns:1fr}.learning-center-page .video-modal{padding:1.2rem}.learning-center-page .video-modal .video-panel{width:calc(100% - .8rem)}.learning-center-page .video-modal .video-panel .video-player{width:100%;height:auto;aspect-ratio:16/9}.learning-center-page .video-modal .video-panel .video-detail{padding:1.6rem;flex-direction:column;align-items:flex-start}.learning-center-page .video-modal .video-panel .video-detail .video-detail-title{font-size:1.8rem}.learning-center-page .video-modal .video-panel .video-detail .video-feature-btn{width:100%;height:3.2rem;font-size:1.4rem}}