.solution-page{height:100vh;overflow:hidden;display:flex;flex-direction:column}.solution-page .solution-page-card-box{padding:16px 16px 0;margin-bottom:8px}.solution-page .solution-page-card-box .solution-page-card{padding:16px 0;border-radius:16px}.solution-page .solution-page-card-box .solution-page-card-profile{padding:0 16px;display:flex;align-items:center;justify-content:space-between}.solution-page .solution-page-card-box .solution-page-card-profile-info .solution-page-card-profile-info-title{font-size:20px;line-height:28px;font-weight:500;color:#fff;margin-bottom:8px}.solution-page .solution-page-card-box .solution-page-card-profile-info .solution-page-card-profile-info-desc{font-size:13px;line-height:18px;font-weight:400;color:#fff;opacity:.8}.solution-page .solution-page-card-box .solution-page-card-profile-avatar{width:96px;height:96px;border-radius:12px;overflow:hidden}.solution-page .solution-page-card-box .solution-page-card-profile-avatar img{width:100%;height:100%;object-fit:cover}.solution-page .solution-page-card-link{padding:8px 16px;display:flex;align-items:center;justify-content:start;margin:12px 16px 0;border-radius:18px;background:hsla(0,0%,100%,.15)}.solution-page .solution-page-card-link .icon{width:16px;height:16px;background:url(/_next/static/media/solution-link-icon.3eb86ed7.svg) no-repeat 50%;background-size:100% 100%;margin-right:8px}.solution-page .solution-page-card-link .text{flex:1 1;min-width:0;font-size:13px;line-height:18px;font-weight:400;color:hsla(0,0%,100%,.8)}.solution-page .solution-page-card-ads-container{width:100%;margin-top:16px}.solution-page .solution-page-card-ads-container .solution-page-card-ads-container-ads{width:max-content;padding:0 16px;display:flex;align-items:center;gap:10px}.solution-page .solution-page-card-ads-container .solution-page-card-ads-container-ads span{padding:0 16px;font-size:13px;line-height:30px;border-radius:10px;background:hsla(0,0%,100%,.15);color:#fff;font-weight:400;white-space:nowrap}.solution-page .template-filter-first-kind-container{height:49px;border-bottom:1px solid #ebeef5;background:#fff}.solution-page .template-filter-first-kind-container .template-filter-first-kind{width:100%;height:48px;display:flex;align-items:center;padding-left:16px}.solution-page .template-filter-first-kind-container .template-filter-first-kind-item{height:100%;margin-right:28px;position:relative}.solution-page .template-filter-first-kind-container .template-filter-first-kind-item .template-filter-first-kind-text{line-height:48px;width:max-content;font-size:16px;color:#505a71;font-weight:500}.solution-page .template-filter-first-kind-container .template-filter-first-kind-item.active .template-filter-first-kind-text{color:#1b2337}.solution-page .template-filter-first-kind-container .template-filter-first-kind-item.active:after{content:"";display:block;width:100%;height:2px;background:#0773fc;position:absolute;bottom:0;left:0}.solution-page .template-filter-second-kind-container{height:66px;display:flex;align-items:center;padding-left:16px;background:#fff}.solution-page .template-filter-second-kind-container .template-filter-second-kind-item{padding:8px 12px;border-radius:10px;background:#f3f4f9;margin-right:8px}.solution-page .template-filter-second-kind-container .template-filter-second-kind-item .template-filter-second-kind-item-text{width:max-content;font-size:13px;font-weight:400;color:#1b2337}.solution-page .template-filter-second-kind-container .template-filter-second-kind-item.active{background:#e6f1ff}.solution-page .template-filter-second-kind-container .template-filter-second-kind-item.active .template-filter-second-kind-item-text{font-weight:400;color:#0773fc}.solution-page .solution-result-filter{width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 16px 16px;background:#fff}.solution-page .solution-result-filter .solution-result-filter-left{display:flex;align-items:center;gap:16px}.solution-page .solution-result-filter .solution-result-filter-left .solution-result-filter-left-item{font-size:13px;font-weight:400;color:#1b2337}.solution-page .solution-result-filter .solution-result-filter-left .template-filter-category{display:flex;align-items:center;transition:all .2s ease}.solution-page .solution-result-filter .solution-result-filter-left .template-filter-category .template-filter-category-color{width:18px;height:18px;border-radius:50%;margin-right:4px;border:1px solid rgba(0,0,0,.08)}.solution-page .solution-result-filter .solution-result-filter-left .template-filter-category .template-filter-category-text{font-size:13px;color:#505a71;margin-right:4px;transition:color .2s ease}.solution-page .solution-result-filter .solution-result-filter-left .template-filter-category.active .template-filter-category-text{color:#1b2337}.solution-page .solution-result-filter .solution-result-filter-right{display:flex;align-items:center;gap:4px}.solution-page .solution-result-filter .solution-result-filter-right .solution-result-filter-right-text{font-size:13px;font-weight:400;color:#1b2337}.solution-page .solution-result-filter .solution-result-filter-right .solution-result-filter-right-num-box{width:12px;height:12px;margin-right:4px}.solution-page .solution-result-filter .solution-result-filter-right .solution-result-filter-right-num{width:24px;height:24px;background-color:#0773fc;color:#fff;font-weight:600;font-size:20px;border-radius:4px;display:flex;align-items:center;justify-content:center;scale:.5;transform-origin:0 0}.solution-page .solution-result-filter .template-filter-category-arrow{width:8px;height:8px;background-size:100% 100%;transition:all .2s ease}.solution-page .solution-result-filter .template-filter-category-arrow.up{background:url(/_next/static/media/arrow-up-black.437e45f8.svg) no-repeat 50%;background-size:100% 100%}.solution-page .solution-result-filter .template-filter-category-arrow.down{background:url(/_next/static/media/arrow-down-gray.e391c0e7.svg) no-repeat 50%;background-size:100% 100%}.solution-page .solution-result-masonry-layout{flex:1 1;min-height:0;padding:0 16px;position:relative}.solution-page .solution-result-masonry-layout .solution-result-masonry-layout-content{height:100%}.solution-page .solution-result-masonry-layout .solution-result-filter-select-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(27,35,55,.2);z-index:10}.solution-page .solution-result-masonry-layout .solution-result-filter-select-more-list{width:100%;max-height:90%;display:flex;flex-direction:column;background-color:#fff;border-radius:0 0 16px 16px}.solution-page .solution-result-masonry-layout .solution-result-filter-select-more-list .solution-result-filter-select-more-option-box{flex:1 1;min-height:0;overflow-y:auto}.solution-page .solution-result-masonry-layout .solution-result-filter-select-more-list .solution-result-filter-select-more-option-box::-webkit-scrollbar{display:none}.solution-page .solution-result-masonry-layout .solution-result-filter-select-more-list .solution-result-filter-select-more-item{padding:16px}.solution-page .solution-result-masonry-layout .solution-result-filter-select-more-list .solution-result-filter-select-more-item .solution-result-filter-select-more-option-title{font-size:14px;color:#1b2337;font-weight:600;line-height:22px}.solution-page .solution-result-masonry-layout .solution-result-filter-select-more-list .solution-result-filter-select-more-item .solution-result-filter-select-more-option{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px}.solution-page .solution-result-masonry-layout .solution-result-filter-select-more-list .solution-result-filter-select-more-item .solution-result-filter-select-more-option .solution-result-filter-select-more-option-item{height:34px;font-size:13px;color:#1b2337;font-weight:400;background:#f3f4f9;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.solution-page .solution-result-masonry-layout .solution-result-filter-select-more-list .solution-result-filter-select-more-item .solution-result-filter-select-more-option .solution-result-filter-select-more-option-item.active{font-weight:500;background:#e6f1ff;color:#0773fc}.solution-page .solution-result-masonry-layout .solution-result-filter-select-more-list .solution-result-filter-select-more-item .solution-result-filter-select-more-colors{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;margin-top:8px}.solution-page .solution-result-masonry-layout .solution-result-filter-select-more-list .solution-result-filter-select-more-item .solution-result-filter-select-more-colors .solution-result-filter-select-more-colors-all{width:32px;height:32px;border-radius:50%;background:url(/_next/static/media/color-all.5b00844b.svg) no-repeat 50%;background-size:100% 100%;position:relative}.solution-page .solution-result-masonry-layout .solution-result-filter-select-more-list .solution-result-filter-select-more-item .solution-result-filter-select-more-colors .solution-result-filter-select-more-colors-item{width:32px;height:32px;border-radius:50%;position:relative}.solution-page .solution-result-masonry-layout .solution-result-filter-select-more-list .solution-result-filter-select-more-item .solution-result-filter-select-more-colors .active:after{content:"";width:26px;height:26px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:url(/_next/static/media/color-active.a57006df.svg) no-repeat 50%}.solution-page .solution-result-masonry-layout .solution-result-filter-select-more-list .solution-result-filter-select-more-btn-box{border-top:1px solid #ebeef5;display:flex;align-items:center;justify-content:space-between;padding:16px;gap:10px}.solution-page .solution-result-masonry-layout .solution-result-filter-select-more-list .solution-result-filter-select-more-btn-box .solution-result-filter-select-more-btn{flex:1 1;height:46px;display:flex;align-items:center;justify-content:center;background:#0773fc;border-radius:10px;font-size:16px;color:#fff;font-weight:600}.solution-page .solution-result-masonry-layout .solution-result-filter-select-more-list .solution-result-filter-select-more-btn-box .solution-result-filter-select-more-btn.reset{background:#f3f4f9;color:#505a71}.solution-page .solution-result-masonry-layout .solution-result-filter-select-content{width:100%;position:absolute;top:-1px;left:0;right:0;padding:16px;background-color:#fff;border-radius:0 0 16px 16px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-height:320px;overflow-y:auto}.solution-page .solution-result-masonry-layout .solution-result-filter-select-content::-webkit-scrollbar{display:none}.solution-page .solution-result-masonry-layout .solution-result-filter-select-content .solution-result-filter-select-content-item{display:flex;align-items:center;justify-content:center;height:34px;background:#f3f4f9;border-radius:10px;transition:all .2s ease;font-weight:400;color:#1b2337}.solution-page .solution-result-masonry-layout .solution-result-filter-select-content .solution-result-filter-select-content-item.active{background:#e6f1ff}.solution-page .solution-result-masonry-layout .solution-result-filter-select-content .solution-result-filter-select-content-item.active .solution-result-filter-select-content-item-text{color:#0773fc;font-weight:500}.solution-page .solution-result-masonry-layout .solution-result-filter-select-content .solution-result-filter-select-content-item .solution-result-filter-select-content-item-text{font-size:13px;color:#1b2337;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease}.solution-page .solution-result-masonry-layout .template-filter-options-sort-list{display:flex;flex-direction:column;background-color:#fff;border-radius:0 0 16px 16px;padding:0 16px}.solution-page .solution-result-masonry-layout .template-filter-options-sort-list .template-filter-option-sort{width:100%;height:48px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #ebeef5}.solution-page .solution-result-masonry-layout .template-filter-options-sort-list .template-filter-option-sort:last-child{border-bottom:none}.solution-page .solution-result-masonry-layout .template-filter-options-sort-list .template-filter-option-sort .template-filter-option-sort-text{font-size:13px;color:#1b2337;font-weight:400}.solution-page .solution-result-masonry-layout .template-filter-options-sort-list .template-filter-option-sort.active .template-filter-option-sort-text{color:#0773fc;font-weight:500}