.TemplateDetail{width:1140px;position:relative}.TemplateDetail-main{border-radius:20px;overflow:hidden;background-color:var(--bg-1)}.TemplateDetail-close{position:absolute;top:0;right:-60px;width:40px;height:40px;border:1px solid var(--line-2);background:var(--bg-1);border-radius:50%;cursor:pointer}.TemplateDetail-gallery{height:391.5px}.TemplateDetail-gallery .CCarousel{width:696px;aspect-ratio:16/9}.TemplateDetail-gallery .CCarousel img{width:696px}.TemplateDetail-gallery .CCarousel .slick-arrow .CCarousel-arrow>svg{width:16px;height:16px}.TemplateDetail-gallery-list{display:grid;grid-template-columns:repeat(3,130px);grid-auto-rows:82px;grid-gap:10px;gap:10px;height:100%;overflow-y:auto;padding:17px}.TemplateDetail-gallery-list>div{border:1px solid rgba(0,0,0,0);border-radius:9px;padding:2px;cursor:pointer}.TemplateDetail-gallery-list>div>img{width:100%;height:100%;object-fit:cover;border:1px solid var(--line-2);border-radius:6px}.TemplateDetail-gallery-list>div.active{border-color:var(--text-1)}.TemplateDetail-gallery-list>div.active>img{border-color:rgba(0,0,0,0)}.TemplateDetail-info{padding:24px 20px}.TemplateDetail-info>p{margin-top:12px}.TemplateDetail-footer{border-top:1px solid var(--line-1);height:60px;display:flex;align-items:center;justify-content:flex-end;padding:0 20px}.TemplateDetail-footer>.CButton{width:102px;font-size:13px;padding-left:0;padding-right:0}.TemplateDetail-footer .TemplateDetail-download{position:relative}.TemplateDetail-footer .TemplateDetail-download:after{position:absolute;top:-13px;left:0;width:-moz-fit-content;width:fit-content;padding:0 4px;height:19px;line-height:19px;text-align:center;border-radius:4px;color:var(--brand);font-size:11px;font-weight:500;background-color:var(--text-1)}.TemplateDetail-footer .TemplateDetail-download.TemplateDetail-download-downloaded:after{content:"会员解锁海量模板"}.TemplateDetail-footer .TemplateDetail-download.TemplateDetail-download-notDownloaded:after{content:"限免1次"}.TemplateDetail-drawer.ant-drawer .ant-drawer-content-wrapper{overflow:visible}.TemplateDetail-drawer.ant-drawer .ant-drawer-content{overflow:visible;background:rgba(0,0,0,0)}.TemplateDetail-drawer.ant-drawer .ant-drawer-body{overflow:visible}@media screen and (max-width:500px){.TemplateDetail{width:100%}.TemplateDetail .TemplateDetail-close{width:24px;height:24px;right:8px;top:-28px;z-index:99;background:rgba(0,0,0,0);color:var(--bg-1)}.TemplateDetail .TemplateDetail-close>svg{width:24px;height:24px}.TemplateDetail .TemplateDetail-main{display:block;border-radius:20px 20px 0 0}.TemplateDetail .TemplateDetail-main .TemplateDetail-gallery{height:auto;display:block}.TemplateDetail .TemplateDetail-main .TemplateDetail-gallery .CCarousel,.TemplateDetail .TemplateDetail-main .TemplateDetail-gallery .CCarousel img{width:100%}.TemplateDetail .TemplateDetail-main .TemplateDetail-gallery .CCarousel .slick-arrow .CCarousel-arrow>svg{width:16px;height:16px}.TemplateDetail .TemplateDetail-main .TemplateDetail-gallery-list{display:flex;white-space:nowrap;height:unset;padding:16px 16px 1px;overflow-y:hidden;overflow-x:auto}.TemplateDetail .TemplateDetail-main .TemplateDetail-gallery-list>div{flex-shrink:0}.TemplateDetail .TemplateDetail-main .TemplateDetail-gallery-list>div .TemplateDetail-gallery-list-img-wrap{position:relative;border-radius:6px;overflow:hidden}.TemplateDetail .TemplateDetail-main .TemplateDetail-gallery-list>div .TemplateDetail-gallery-list-img-wrap>img{width:100px;min-height:56px}.TemplateDetail .TemplateDetail-main .TemplateDetail-gallery-list>div .TemplateDetail-gallery-list-img-wrap:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--line-2);pointer-events:none}.TemplateDetail .TemplateDetail-info{padding:20px 16px 16px}.TemplateDetail .TemplateDetail-info h2.text1-24{font-size:20px;font-weight:600}.TemplateDetail .TemplateDetail-info p.text2-12{font-size:13px}.TemplateDetail .TemplateDetail-footer{height:80px;justify-content:space-between;padding:16px}.TemplateDetail .TemplateDetail-footer>.CButton.CButton-size-small{font-size:15px;flex:1 1;height:48px;border-radius:24px}.TemplateDetail .TemplateDetail-footer>.CButton.CButton-white:hover{background:var(--bg-1)}.TemplateDetail .TemplateDetail-footer>.CButton.CButton-white:active{background:var(--bg-6)}}.HeaderMenuTemplate{padding:24px;gap:24px;font-size:12px;color:var(--text-2);border:1px solid var(---line-1)}.HeaderMenuTemplate>a{display:block;align-self:flex-start}.HeaderMenuTemplate>a>img{width:148px}.HeaderMenuTemplate>div{display:grid;grid-template-columns:repeat(3,100px);grid-gap:4px;gap:4px}.HeaderMenuTemplate>div>a{padding:0 12px;line-height:32px;border-radius:8px;cursor:pointer}.HeaderMenuTemplate>div>a:hover{background-color:var(--bg-5);font-weight:500;color:var(--text-1)}.TemplateSearch{width:640px;max-width:100%;height:52px;margin:0 auto;border:3px solid rgba(0,0,0,0);background:var(--bg-5);border-radius:30px;padding:0 8px 0 5px}.TemplateSearch:focus-within,.TemplateSearch:hover{border-color:rgba(255,214,33,.3);background:var(--bg-1)}.TemplateSearch>.CInput{flex:1 1;border:0;outline:0}.TemplateSearch>div{flex-shrink:0;padding:8px;border-radius:50%;background:var(--bg-9);cursor:pointer}.TemplateSearch>div>svg{width:20px;height:20px;color:var(--text-1)}.TemplateSearch-search-icon svg{color:var(--text-1)}.TemplatePage{padding:60px 32px 0;background:var(--bg-1)}.TemplatePage .TemplatePage-top{padding:60px 0 0;text-align:center}.TemplatePage .TemplatePage-top>h1{font-size:40px}.TemplatePage .TemplatePage-top>p{padding:8px 0 16px;font-size:16px}.TemplatePage .TemplatePage-filter{padding:16px 0;background-color:var(--bg-1);z-index:1}.TemplatePage .TemplatePage-filter.fixed{position:-webkit-sticky;position:sticky;top:60px;padding-top:0}.TemplatePage .TemplatePage-filter.fixed .TemplatePage-search{margin:0}.TemplatePage .TemplatePage-filter.fixed .TemplatePage-search .TemplateSearch{height:36px;padding:0 10px;max-width:50%;border:0;background:var(--bg-5)}.TemplatePage .TemplatePage-filter.fixed .TemplatePage-search .TemplateSearch .CInput{font-size:12px}.TemplatePage .TemplatePage-filter.fixed .TemplatePage-search .TemplateSearch>div{padding:0;background:rgba(0,0,0,0)}.TemplatePage .TemplatePage-filter.fixed .TemplatePage-search .TemplateSearch>div>svg{width:16px;height:16px;color:var(--text-2)}.TemplatePage .TemplatePage-filter.fixed .TemplatePage-filters{margin-top:12px;transition:all .3s;max-height:300px}.TemplatePage .TemplatePage-filter.fixed .TemplatePage-filters.hide{margin-top:0;max-height:0;overflow:hidden}.TemplatePage .TemplatePage-search{position:relative;margin-bottom:76px}.TemplatePage .TemplatePage-search .TemplatePage-search-tip{gap:4px;position:absolute;left:0;top:50%;transform:translateY(-50%)}.TemplatePage .TemplatePage-search .TemplatePage-search-tip>svg{color:var(--line-3)}.TemplatePage .TemplatePage-search .TemplatePage-search-tip>span>span{max-width:100px}.TemplatePage .TemplatePage-search .TemplatePage-search-tip>a:hover{color:var(--text-1)}.TemplatePage .TemplatePage-filters .TemplatePage-filters-list{margin-top:12px}.TemplatePage .TemplatePage-filters .TemplatePage-filters-list .TemplateSelectList{gap:16px}.TemplatePage .TemplatePage-list{min-height:400px}.TemplatePage .TemplatePage-list>.TemplatePageEmpty{padding:240px 0}.TemplatePageMB{padding:56px 16px 0;background:var(--bg-1)}.TemplatePageMB .TemplatePageMB-top{padding:48px 0 0;text-align:center}.TemplatePageMB .TemplatePageMB-top>h1{font-size:32px;font-weight:600}.TemplatePageMB .TemplatePageMB-top>p{padding:6px 0 8px;font-size:14px}.TemplatePageMB .TemplatePageMB-filter{padding:16px 0;background-color:var(--bg-1);z-index:1}.TemplatePageMB .TemplatePageMB-filter.fixed{position:-webkit-sticky;position:sticky;top:56px;padding-top:0}.TemplatePageMB .TemplatePageMB-filter.fixed .TemplatePageMB-search{margin:0;padding-top:16px}.TemplatePageMB .TemplatePageMB-filter.fixed .TemplatePageMB-search .TemplateSearch{height:40px;padding:0 10px;border:0;background:var(--bg-5)}.TemplatePageMB .TemplatePageMB-filter.fixed .TemplatePageMB-search .TemplateSearch>div{padding:0;background:rgba(0,0,0,0)}.TemplatePageMB .TemplatePageMB-filter.fixed .TemplatePageMB-search .TemplateSearch>div>svg{width:20px;height:20px;color:var(--text-2)}.TemplatePageMB .TemplatePageMB-filter.fixed .TemplatePageMB-filters{margin-top:12px;transition:all .3s;max-height:-moz-fit-content;max-height:fit-content}.TemplatePageMB .TemplatePageMB-filter.fixed .TemplatePageMB-filters.hide{margin-top:0;max-height:0;overflow:hidden}.TemplatePageMB .TemplatePageMB-filter .TemplatePageMB-filters-sort.CDropdownCheck-trigger>svg{width:12px;height:12px}.TemplatePageMB .TemplatePageMB-search{position:relative;margin-bottom:12px}.TemplatePageMB .TemplatePageMB-search .TemplatePageMB-search-tip{gap:4px;margin-bottom:16px}.TemplatePageMB .TemplatePageMB-search .TemplatePageMB-search-tip>svg{color:var(--line-3)}.TemplatePageMB .TemplatePageMB-search .TemplatePageMB-search-tip>span>span{max-width:100px}.TemplatePageMB .TemplatePageMB-search .TemplatePageMB-search-tip>a:hover{color:var(--text-1)}.TemplatePageMB .TemplatePageMB-filters .TemplatePageMB-filters-tags{width:100%;align-items:flex-start}.TemplatePageMB .TemplatePageMB-filters .CCheck{gap:4px}.TemplatePageMB .TemplatePageMB-filters .CCheck .CCheck-item{height:28px;padding:0 8px}.TemplatePageMB .TemplatePageMB-filters .TemplatePageMB-filters-list{margin-top:12px}.TemplatePageMB .TemplatePageMB-filters .TemplatePageMB-filters-list .TemplateSelectList{gap:8px}.TemplatePageMB .TemplatePageMB-filters .TemplatePageMB-filters-list .TemplateSelectList>div{flex:1 1;white-space:nowrap}.TemplatePageMB .TemplatePageMB-filters .TemplatePageMB-filters-list .TemplateSelectList>div .CSelectInput{justify-content:space-between;color:var(--text-1)}.TemplatePageMB .TemplatePageMB-list{min-height:400px}.TemplatePageMB .TemplatePageMB-list>.TemplatePageEmpty{padding:240px 0}.TemplatePageMB .TemplatePageEmpty>img{width:148px}