.pageLayout_homepage-layout__uNgg1{position:relative}.pageLayout_homepage-nav-fixed__eDGkB{position:fixed;width:100%;top:0;z-index:10;transition:all .3s ease;background-color:hsla(0,0%,100%,.8);backdrop-filter:blur(16px);box-shadow:0 2px 10px rgba(0,0,0,.1)}.pageLayout_bi-page-container__yDm1s,.pageLayout_page-container__6WU7W{width:100%;height:100%;min-height:calc(100vh - 58px)}.pageLayout_bi-page-container__yDm1s{justify-content:flex-start}.pageLayout_bi-template-container__C494I{display:flex;width:100%}.pageLayout_bi-template-container__C494I .pageLayout_bi-template-left-nav__Z_MRh{min-width:192px;width:192px;height:100vh;display:flex;flex-direction:column}.pageLayout_bi-template-container__C494I .pageLayout_bi-template-left-nav__Z_MRh .pageLayout_bi-template-left-nav-container__BgRBj{width:192px;height:100%;display:flex;flex-direction:column;position:fixed;border-right:1px solid #e6e9ef;padding-top:8px;overflow:hidden}.pageLayout_bi-template-container__C494I .pageLayout_bi-template-right-content__fmeSW{flex:1;overflow-x:auto}.recommend-templates{background:url(/image/recommend_template_bg.png);background-size:cover;.template-category-tabs{.tab-header .tab-header-wrapper{.tab-header-active:before{left:0;right:0}}}}@keyframes progress{0%{height:0}to{height:100%}}.recommend-template-item{padding:20px 24px;transition:height .2s;&.recommend-template-item-active{position:relative;height:227px;background:#fff;box-shadow:0 0 2px 0 rgba(9,30,64,.02),0 4px 8px 0 rgba(9,30,64,.06),0 4px 24px 6px rgba(9,30,64,.04);overflow:hidden;.recommend-template-item-progress{position:absolute;left:0;top:0;width:2px;background:linear-gradient(180deg,#9966fe .08%,#2954ff 99.94%);animation:progress 5s linear}&:hover{.recommend-template-item-progress{animation-play-state:paused}}}&.recommend-template-item-inactive{height:88px}}.fam-template-carousel-container{height:495px;display:flex;margin-top:24px;border-radius:12px;overflow:hidden;box-shadow:0 6px 12px 0 rgba(9,30,64,.04);.template-carousel-content{position:absolute;inset:0;transition:opacity 1s cubic-bezier(.34,.69,.1,1);opacity:0;&.active{opacity:1;z-index:1}.template-carousel-img{position:absolute;inset:0;margin:auto;object-fit:contain;cursor:pointer;max-width:100%;max-height:100%;border:1px solid var(--fd-color-grey-4);border-radius:8px;box-shadow:0 12px 32px -4px rgba(9,30,64,.16)}}.template-carousel-shadow{position:absolute;top:0;bottom:0;left:0;width:40px;background:linear-gradient(270deg,rgba(173,199,217,0),rgba(173,199,217,.15))}}.guide-circle-container{position:absolute;width:160px;height:160px;.guide-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background-color:rgba(86,189,240,.4);animation:guide-circle-scale 1.4s infinite}.guide-circle1,.guide-circle2{width:64px;height:64px;opacity:100%}.guide-circle2{animation:guide-circle-scale 1.4s infinite;animation-delay:1s}}@keyframes guide-circle-scale{to{width:160px;height:160px;opacity:0}}.guide-tip-text{width:240px;background-color:#4673fa;color:#fff;font-size:14px;font-weight:600;.popover-arrow:before{background-color:#4673fa}}.search_custom-search-input-container__ZlghJ{display:flex;justify-content:center}.search_custom-search-input-container__ZlghJ .x-input.allow-clear .x-inner-wrapper{border-color:transparent;box-shadow:0 0 12px 0 rgba(37,38,44,.078)}.search_custom-search-input-container__ZlghJ .x-input.allow-clear .x-inner-wrapper:hover,.search_custom-search-input-container__ZlghJ .x-input.input-focus .x-inner-wrapper{border-color:#3d64ff!important}.search_custom-search-input-container__ZlghJ .search_custom-search-input__m9nkS{box-shadow:0 2px 6px 0 rgba(41,35,35,.05)}.search_custom-search-input-container__ZlghJ .search_custom-search-input__m9nkS .x-inner-wrapper .x-suffix{right:4px}.search_custom-search-input-container__ZlghJ .search_custom-search-input__m9nkS .search_custom-search-input-element__JQc0c{font-size:14px;margin-left:6px}.search_custom-search-input-container__ZlghJ .search_custom-search-input__m9nkS .x-after-addon .x-input-search-button{background:linear-gradient(270deg,#7066fe .08%,#2954ff 99.94%)}.search_custom-search-input-container__ZlghJ .search_search-icon__gIyGR{color:#fff}.searchTagDisplay_search-key-display__g32EL{display:flex;align-self:flex-start;font-size:14px}.searchTagDisplay_search-key-display__g32EL .searchTagDisplay_clear-icon__hv_h_{margin-top:-1px;margin-left:8px}.searchTagDisplay_search-key-display__g32EL .searchTagDisplay_highlight-text__j2MK1{color:var(--fd-color-brand-6,#2954ff)}.searchTagDisplay_search-key-display__g32EL .searchTagDisplay_search-content__TZnlW{margin-left:2px}.templateAppBanner_theme-app-recommend-view-more__EScBp{background-image:url(/image/theme_view_more.png);background-size:100% 100%;background-repeat:no-repeat;background-position:50%;align-self:normal;box-shadow:0 8px 24px 0 rgba(57,100,191,.1)}.templateAppBanner_theme-app-recommend-item__4rAzl:hover{background-image:url(/image/theme_banner_card_bg.png);background-size:100% 100%;background-repeat:no-repeat;background-position:50%;align-self:normal}