*{box-sizing:border-box}body,html{background-color:#f5f7fa;font-family:Microsoft YaHei UI-Regular,Microsoft YaHei UI}@media (max-width: 600px){body,html{background-color:#fff}}body,html,img,li,p,span,ul{margin:0;padding:0}input{outline:none}a{text-decoration:none}h1,h2,h3{margin:0}.preiview-icon{background-image:url(/templates/image/icon.png)}.templates-icon{background-image:url(/templates/image/icon.png);display:inline-block}.templates{background-color:#f5f7fa;flex-direction:column;align-items:center;padding:0 20px;display:flex}@media (max-width: 600px){.templates{background-color:#fff}}.custom-color-picker-popper,.el-color-dropdown{z-index:3000!important}.templates-header{background-image:url(/templates/image/navBgImg.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;align-items:center;row-gap:16px;width:100%;max-width:1600px;height:176px;display:flex;position:relative}@media (max-width: 600px){.templates-header{display:none}}.templates-header .templates-title{text-align:center;color:#333940;padding-top:46px;font-family:Microsoft YaHei UI;font-size:32px;font-weight:700;line-height:100%;display:block}.templates-header .templates-input{background-color:#fff;border:2px solid #0076fe;border-radius:20px;align-items:center;width:528px;padding:7px 10px 7px 20px;display:flex;box-shadow:0 3.67px 3.67px #0000000a}@media (max-width: 900px){.templates-header .templates-input{width:405px}}.templates-header .templates-input input{color:#999;border:none;width:100%;height:100%;padding:0;font-family:Microsoft YaHei UI;font-size:14px;font-weight:400;line-height:22px;display:block;-webkit-text-fill-color:#999!important;box-shadow:inset 0 0 0 100px #fff!important}.templates-header .templates-input input::placeholder{color:#999;opacity:1}.templates-header .templates-input input::-webkit-input-placeholder{color:#999}.templates-header .templates-input input::-moz-placeholder{color:#999;opacity:1}.templates-header .templates-input .eliminate-icon{cursor:pointer;justify-content:center;align-items:center;margin-right:16px;display:none}.templates-header .templates-input .eliminate-icon.show-icon{display:flex}.templates-header .templates-input .search-icon{cursor:pointer;background-color:#eee;border-radius:20px;justify-content:center;align-items:center;width:37px;height:29px;display:flex}.templates-header .templates-input .search-icon:hover svg{color:#0076fe}.templates-header .templates-input .search-icon svg{color:#999}.templates-header .header-icon-box{flex-direction:column;row-gap:12px;display:flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}@media (max-width: 800px){.templates-header .header-icon-box{display:none}}.templates-header .header-icon-box .make-on-behalf-icon{cursor:pointer;color:#fff;background-image:linear-gradient(#0076fe,#0076fe),linear-gradient(97.62deg,#087bff 5.52%,#5ea8ff 100%);border-radius:30px 0 0 30px;justify-content:center;align-items:center;width:124px;height:45px;padding-left:27px;font-family:Microsoft YaHei UI;font-size:14px;font-style:normal;font-weight:700;line-height:normal;display:flex}.templates-header .header-icon-box .make-on-behalf-icon:hover{background-image:linear-gradient(97.62deg,#5ea8ff 5.52%,#087bff 100%)}.templates-header .header-icon-box .recruit-icon{cursor:pointer;background-color:#fff;border-radius:30px 0 0 30px;justify-content:center;align-items:center;width:124px;height:45px;display:flex}.templates-header .header-icon-box .recruit-icon:hover{background-image:linear-gradient(97.62deg,#5ea8ff 5.52%,#087bff 100%)}.templates-header .header-icon-box .recruit-icon:hover .hover-icon{display:block}.templates-header .header-icon-box .recruit-icon:hover .default-icon{display:none}.templates-header .header-icon-box .recruit-icon:hover span{background-image:unset;-webkit-text-fill-color:unset}.templates-header .header-icon-box .recruit-icon .default-icon,.templates-header .header-icon-box .recruit-icon .hover-icon{width:41px;height:38px;margin-top:6px}.templates-header .header-icon-box .recruit-icon .hover-icon{display:none}.templates-header .header-icon-box .recruit-icon span{-webkit-text-fill-color:transparent;color:#fff;background-image:linear-gradient(#0047ff96 0% 100%);-webkit-background-clip:text;background-clip:text;font-family:Microsoft YaHei UI;font-size:14px;font-style:normal;font-weight:700;line-height:normal}.mobile-templates-header{align-items:center;column-gap:12px;width:100%;margin-top:16px;display:none}@media (max-width: 600px){.mobile-templates-header{display:flex}}.mobile-templates-header .mobile-template-input{background-color:#f5f7fa;border-radius:6px;align-items:center;width:100%;height:40px;padding:0 12px;display:flex}.mobile-templates-header .mobile-template-input input{background-color:#f5f7fa;border:none;outline:none;width:100%;height:100%;padding:0;display:block}.mobile-templates-header .mobile-template-input .eliminate-icon{cursor:pointer;flex:1;margin-right:12px;display:none}.mobile-templates-header .mobile-template-input .eliminate-icon.show-icon{display:flex}.mobile-templates-header .mobile-template-input .search-icon{cursor:pointer;background-color:#eee;border-radius:16.5px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:24px;display:flex}.mobile-templates-header .tag-box-button{cursor:pointer;border:1px solid #e5e7eb;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.tag-box{background-color:#fffc;flex-direction:column;row-gap:16px;width:100%;max-width:1600px;padding:16px 20px;display:flex}@media (max-width: 600px){.tag-box{display:none}}.tag-box .tag-box-item{align-items:center;column-gap:32px;max-height:32px;display:flex;position:relative;overflow:hidden}.tag-box .tag-box-item.show-list{max-height:unset;overflow:visible}.tag-box .tag-box-item.show-list .expand-button svg{transform:rotate(180deg)}.tag-box .tag-box-item .tag-box-item-title{font-family:Microsoft YaHei;font-weight:700;font-style:Bold;leading-trim:NONE;letter-spacing:0%;vertical-align:middle;color:#333;white-space:nowrap;font-size:14px;line-height:24px}.tag-box .tag-box-item .tag-box-item-list{flex-wrap:wrap;align-self:start;align-items:center;gap:8px;display:flex}.tag-box .tag-box-item .tag-box-item-list .tag-item{font-family:Microsoft YaHei;font-weight:400;font-style:Regular;leading-trim:NONE;letter-spacing:0%;color:#333;cursor:pointer;border-radius:4px;padding:4px 14px;font-size:14px;line-height:24px;display:block}.tag-box .tag-box-item .tag-box-item-list .tag-item.active,.tag-box .tag-box-item .tag-box-item-list .tag-item:hover{color:#fff;background-color:#0076fe}@media (max-width: 1300px){.tag-box .tag-box-item.catagory{align-items:flex-start;padding-right:80px}}.tag-box .tag-box-item.catagory .expand-button{cursor:pointer;align-items:center;column-gap:4px;display:none;position:absolute;top:50%;right:0;transform:translateY(-50%)}@media (max-width: 1300px){.tag-box .tag-box-item.catagory .expand-button{display:flex}}.tag-box .tag-box-item.catagory .expand-button svg{transition:transform .3s}@media (max-width: 1500px){.tag-box .tag-box-item.industry{align-items:flex-start;padding-right:80px}}.tag-box .tag-box-item.industry .expand-button{cursor:pointer;align-items:center;column-gap:4px;display:none;position:absolute;top:50%;right:0;transform:translateY(-50%)}@media (max-width: 1500px){.tag-box .tag-box-item.industry .expand-button{display:flex}}.tag-box .tag-box-item.industry .expand-button svg{transition:transform .3s}.tag-box .line{background-color:#f1f1f1;width:100%;height:1px}.tag-box .filter{align-items:center;column-gap:20px;display:flex;position:relative}@media (max-width: 650px){.tag-box .filter{align-items:flex-start;padding-right:100px}}.tag-box .filter .filter-title{font-family:Microsoft YaHei;font-weight:700;font-style:Bold;leading-trim:NONE;letter-spacing:0%;vertical-align:middle;color:#333;white-space:nowrap;font-size:14px;line-height:24px}.tag-box .filter .filter-list{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tag-box .filter .filter-list .filter-item{cursor:pointer;border-radius:4px;align-items:center;column-gap:4px;padding:8px 12px;display:flex;position:relative}.tag-box .filter .filter-list .filter-item.show-filter-list .filter-box{display:flex}.tag-box .filter .filter-list .filter-item:hover{background-color:#f2f2f2}.tag-box .filter .filter-list .filter-item:hover .delete-icon{display:block}.tag-box .filter .filter-list .filter-item.color .color-icon{background-image:var(--background-image,"");border:.5px solid #dcdcdc;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.tag-box .filter .filter-list .filter-item.color .color-icon.select-color{background-color:var(--color,"")}.tag-box .filter .filter-list .filter-item.color .filter-box{flex-flow:wrap;justify-content:center;gap:8px;width:184px}.tag-box .filter .filter-list .filter-item.style .filter-box{flex-flow:wrap;gap:8px;width:318px;padding:12px;left:50%;transform:translate(-50%)}@media (max-width: 650px){.tag-box .filter .filter-list .filter-item.style .filter-box{transform:unset;left:0}}.tag-box .filter .filter-list .filter-item.style .filter-box .filter-box-item{width:auto}.tag-box .filter .filter-list .filter-item.style .filter-box .filter-box-item.active{color:#333940;background-color:#f2f2f2}.tag-box .filter .filter-list .filter-item .delete-icon{width:16px;height:16px;display:none;position:absolute;top:0;right:0;transform:translate(50%,-50%)}.tag-box .filter .filter-list .filter-item .filter-box{z-index:20;background-color:#fff;border:1px solid #eee;border-radius:4px;flex-direction:column;min-width:148px;padding:4px;display:none;position:absolute;top:100%;left:0;box-shadow:0 4px 14px #0000001a}.tag-box .filter .filter-list .filter-item .filter-box .filter-box-item{leading-trim:NONE;letter-spacing:0%;vertical-align:middle;color:#333940;white-space:nowrap;border-radius:4px;justify-content:space-between;align-items:center;padding:10px 12px;font-family:Microsoft YaHei;font-size:14px;font-weight:400;line-height:20px;display:flex}.tag-box .filter .filter-list .filter-item .filter-box .filter-box-item:hover{background-color:#f2f2f2}.tag-box .filter .filter-list .filter-item .filter-box .filter-box-item.active{color:#0076fe}.tag-box .filter .filter-list .filter-item .filter-box .color-item{background-color:var(--color,"#ffffff");border:.5px solid #dcdcdc;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.tag-box .filter .filter-list .filter-item .filter-box .color-item .all-line{background-color:#ff0008;width:14px;height:2px;display:block;transform:rotate(45deg)}.tag-box .filter .filter-list .filter-item .filter-box .go-select-color{background-color:var(--color,"");border-radius:50%;width:20px;height:20px;display:inline-block;position:relative}.tag-box .filter .filter-list .filter-item .filter-box .go-select-color #custom-color-btn{background-color:var(--color,"");background-image:var(--background-image,"");cursor:pointer;border-radius:50%;width:20px;height:20px;display:block}.tag-box .filter .filter-list .filter-item .filter-box .go-select-color #color-picker .el-color-picker__trigger{border:none;width:20px;height:20px;padding:0}.tag-box .filter .filter-list .filter-item .filter-box .go-select-color .custom-color-active{z-index:10;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tag-box .filter .use-tips{cursor:pointer;align-items:center;column-gap:4px;display:flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}.tag-box .filter .use-tips .hover-icon,.tag-box .filter .use-tips:hover .default-icon{display:none}.tag-box .filter .use-tips:hover .hover-icon{display:block}.tag-box .filter .use-tips:hover>span{color:#0076fe}.tag-box .filter .use-tips span{font-family:Microsoft YaHei UI;font-weight:400;font-style:Regular;leading-trim:NONE;letter-spacing:0%;text-align:center;vertical-align:middle;color:#666;white-space:nowrap;font-size:12px;line-height:20px}.mobile-tag-box{z-index:2000;background-color:#00000080;align-items:end;width:100%;height:100%;transition:none;display:none;position:fixed;top:0;left:0}.mobile-tag-box.show-box{display:flex}.mobile-tag-box.show-box .box-inner{transform:translateY(49px)}.mobile-tag-box .box-inner{background-color:#fff;border-radius:4px 4px 0 0;flex-direction:column;width:100%;height:100%;padding:16px 16px 49px;transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;position:relative;transform:translateY(100%)}.mobile-tag-box .box-inner .box-header{justify-content:space-between;align-items:center;display:flex}.mobile-tag-box .box-inner .box-header span{font-family:Microsoft YaHei;font-weight:700;font-style:Bold;leading-trim:NONE;letter-spacing:0%;color:#333940;font-size:16px;line-height:24px}.mobile-tag-box .box-inner .box-header .box-close-button{cursor:pointer;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.mobile-tag-box .box-inner .box-body{flex-direction:column;row-gap:21px;height:100%;margin-top:16px;padding-bottom:92px;display:flex;overflow:auto}.mobile-tag-box .box-inner .box-body .body-item{flex-shrink:0;max-height:1000px;transition:max-height .3s ease-in-out}.mobile-tag-box .box-inner .box-body .body-item.hide-item{max-height:28px;overflow:hidden}.mobile-tag-box .box-inner .box-body .body-item.hide-item .body-item-header .fold-button>svg{transform:rotate(180deg)}.mobile-tag-box .box-inner .box-body .body-item .body-item-header{justify-content:space-between;align-items:center;display:flex}.mobile-tag-box .box-inner .box-body .body-item .body-item-header .header-left{align-items:center;column-gap:8px;display:flex}.mobile-tag-box .box-inner .box-body .body-item .body-item-header .header-left svg{width:20px;height:20px}.mobile-tag-box .box-inner .box-body .body-item .body-item-header .fold-button{cursor:pointer;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.mobile-tag-box .box-inner .box-body .body-item .body-item-header .fold-button svg{transition:transform .3s ease-in-out}.mobile-tag-box .box-inner .box-body .body-item .body-item-list{flex-wrap:wrap;align-items:stretch;gap:12px;margin-top:17px;display:flex}.mobile-tag-box .box-inner .box-body .body-item .body-item-list .list-item{font-family:Microsoft YaHei;font-weight:400;font-style:Regular;leading-trim:NONE;letter-spacing:0%;color:#333940;cursor:pointer;text-align:center;word-break:break-word;background-color:#f5f7fa;border-radius:6px;flex:0 0 calc(33.3333% - 8px);justify-content:center;align-items:center;padding:11px 2px;font-size:14px;line-height:100%;display:flex}.mobile-tag-box .box-inner .box-body .body-item .body-item-list .list-item.active{color:#0076fe;background-color:#eff6ff}.mobile-tag-box .box-inner .box-body .body-item .body-item-line{background-color:#f5f5f5;width:calc(100% - 20px);height:1px;margin:12px auto 0}.mobile-tag-box .box-inner .box-body .body-item.color .body-item-list{gap:24px}.mobile-tag-box .box-inner .box-body .body-item.color .body-item-list .list-item{flex:unset;background-color:var(--color,"");border:.5px solid #dcdcdc;border-radius:50%;width:24px;height:24px;padding:0}.mobile-tag-box .box-inner .box-body .body-item.color .body-item-list .list-item.default-item{background-color:#fff}.mobile-tag-box .box-inner .box-body .body-item.color .body-item-list .list-item.default-item .all-line{background-color:#ff0008;width:14px;height:2px;display:block;transform:rotate(45deg)}.mobile-tag-box .box-inner .box-body .body-item.color .body-item-list .list-item>svg{display:none}.mobile-tag-box .box-inner .box-body .body-item.color .body-item-list .list-item.active svg{display:block}.mobile-tag-box .box-inner .box-body .body-item.color .body-item-list .go-select-color-mobile{background-color:var(--color,"");border-radius:50%;width:24px;height:24px;display:inline-block;position:relative}.mobile-tag-box .box-inner .box-body .body-item.color .body-item-list .go-select-color-mobile.active .custom-color-active-mobile{display:block}.mobile-tag-box .box-inner .box-body .body-item.color .body-item-list .go-select-color-mobile #custom-color-btn-mobile{background-color:var(--color,"");background-image:var(--background-image,"");cursor:pointer;border-radius:50%;width:24px;height:24px;display:block}.mobile-tag-box .box-inner .box-body .body-item.color .body-item-list .go-select-color-mobile #color-picker-mobile .el-color-picker__trigger{border:none;width:24px;height:24px;padding:0}.mobile-tag-box .box-inner .box-body .body-item.color .body-item-list .go-select-color-mobile .custom-color-active-mobile{z-index:10;pointer-events:none;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mobile-tag-box .box-bottom{background-color:#fff;align-items:center;column-gap:12px;width:100%;padding:16px 16px 36px;display:flex;position:absolute;bottom:49px;left:0}.mobile-tag-box .box-bottom>span{width:calc(100% - 48px);font-family:PingFang SC;font-weight:400;font-style:Medium;leading-trim:NONE;letter-spacing:0;text-align:center;cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:12px 0;font-size:14px;line-height:16px;display:flex}.mobile-tag-box .box-bottom .clear-button{color:#020713;background-color:#f4f5f7}.mobile-tag-box .box-bottom .confirm-button{color:#fff;background-color:#0076fe}.templates-list{width:100%;max-width:1600px;margin-top:24px;display:none;position:relative}.templates-list.show-list{display:block}.templates-list .templates-item{background-color:#fff;border:1px solid #eee;border-radius:8px;flex-direction:column;width:211px;transition:transform .3s;display:flex;position:absolute;overflow:hidden}.templates-list .templates-item:hover{transform:translateY(-8px);box-shadow:0 3px 8px #0076fe1a}.templates-list .templates-item:hover .templates-tips{top:-100px}.templates-list .templates-item .templates-tips{color:#fff;text-align:center;z-index:10;cursor:pointer;border-radius:100%;width:100%;height:100px;font-size:14px;line-height:235px;transition:all .3s;position:absolute;top:-156px;left:0;box-shadow:0 0 0 45px #00000080}.templates-list .templates-item .templates-thumb{cursor:pointer;background-color:#fff;width:100%;height:280px;position:relative}.templates-list .templates-item .templates-thumb>img{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;height:100%}.templates-list .templates-item .templates-thumb .ai-tips-box{z-index:11;position:absolute;top:0;right:0}.templates-list .templates-item .templates-thumb .ai-tips-box:after{content:"";position:absolute;inset:0 0 -15px}.templates-list .templates-item .content-box{padding:10px}.templates-list .templates-item .content-box .templates-title{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-family:Microsoft YaHei;font-weight:700;font-style:Bold;leading-trim:NONE;letter-spacing:0%;color:#333940;cursor:pointer;font-size:16px;line-height:100%;display:block;overflow:hidden}.templates-list .templates-item .content-box .templates-title>svg{vertical-align:text-top}.templates-list .templates-item .content-box .templates-title .ai-beauty-title-icon{vertical-align:text-top;line-height:0;display:inline-block}.templates-list .templates-item .content-box .templates-title .ai-beauty-title-icon svg{vertical-align:top}.templates-list .templates-item .content-box .templates-icon-box{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.templates-list .templates-item .content-box .templates-icon-box .templates-grade{font-family:Microsoft YaHei UI;font-weight:400;font-style:Regular;leading-trim:NONE;letter-spacing:0%;text-align:center;vertical-align:middle;color:#fff;white-space:nowrap;border-radius:2px;padding:1px 8px;font-size:12px;line-height:20px;display:block}@media (max-width: 900px){.templates-list .templates-item .content-box .templates-icon-box .templates-grade{padding:1px 4px}}.templates-list .templates-item .content-box .templates-icon-box .views-uses{align-items:center;column-gap:12px;display:flex}@media (max-width: 900px){.templates-list .templates-item .content-box .templates-icon-box .views-uses{column-gap:4px}}.templates-list .templates-item .content-box .templates-icon-box .views-uses .views{align-items:center;column-gap:4px;display:flex}.templates-list .templates-item .content-box .templates-icon-box .views-uses .views span{font-family:Microsoft YaHei UI;font-weight:400;font-style:Regular;leading-trim:NONE;letter-spacing:0%;text-align:center;vertical-align:middle;color:#999;font-size:12px;line-height:20px}.templates-list .templates-item .content-box .templates-icon-box .views-uses .uses{align-items:center;column-gap:4px;display:flex}.templates-list .templates-item .content-box .templates-icon-box .views-uses .uses span{font-family:Microsoft YaHei UI;font-weight:400;font-style:Regular;leading-trim:NONE;letter-spacing:0%;text-align:center;vertical-align:middle;color:#999;font-size:12px;line-height:20px}.templates-list-loading{justify-content:center;align-items:center;width:100%;max-width:1600px;height:300px;display:flex}.templates-list-loading.hide-loading{display:none}.templates-list .templates-album-entry{width:211px;padding:calc(30px * var(--promo-scale,1)) calc(12px * var(--promo-scale,1));background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-radius:8px;flex-direction:column;transition:background-size .3s;display:flex;position:absolute;overflow:hidden}@media (max-width: 600px){.templates-list .templates-album-entry{display:none}}@media (hover:hover){.templates-list .templates-album-entry:hover{background-size:110% 110%}}.templates-list .templates-album-entry .album-entry-title{font-weight:700;font-size:calc(28px * var(--promo-scale,1));line-height:calc(36px * var(--promo-scale,1));color:#fff;white-space:nowrap;margin:0}.templates-list .templates-album-entry .album-entry-title-border{margin-top:calc(8px * var(--promo-scale,1));width:calc(125px * var(--promo-scale,1));height:auto;display:block}.templates-list .templates-album-entry .album-entry-subtitle{margin:calc(8px * var(--promo-scale,1)) 0 0;font-weight:400;font-size:calc(16px * var(--promo-scale,1));line-height:calc(20px * var(--promo-scale,1));color:#fff}.templates-list .templates-album-entry .album-entry-btn{width:100%;height:calc(46px * var(--promo-scale,1));justify-content:center;align-items:center;column-gap:calc(10px * var(--promo-scale,1));white-space:nowrap;background-image:linear-gradient(307.9deg,#4951ff -21.61%,#567fff 29.31%,#0084ff 103.28%);border-radius:100px;margin-top:auto;display:flex;box-shadow:0 2px 12px #4666e81f}.templates-list .templates-album-entry:focus{outline:none}.templates-list .templates-album-entry .album-entry-btn .album-entry-btn-text{font-weight:700;font-size:calc(18px * var(--promo-scale,1));line-height:calc(22px * var(--promo-scale,1));color:#fff}.templates-list .templates-album-entry .album-entry-btn .album-entry-btn-icon{width:calc(14px * var(--promo-scale,1));height:calc(10px * var(--promo-scale,1));color:#fff;vertical-align:middle;flex-shrink:0}.templates-pagination{flex-wrap:nowrap;justify-content:center;align-items:center;gap:8px;width:100%;max-width:1600px;margin-top:48px;display:flex}.templates-pagination .page-ellipsis,.templates-pagination .prev-button,.templates-pagination .next-button,.templates-pagination .page-button:not(.page-number-button):not(.prev-button):not(.next-button){display:flex!important}.templates-pagination .page-button{width:36px;min-width:36px;height:36px;font-family:Microsoft YaHei;font-weight:400;font-style:Regular;leading-trim:NONE;letter-spacing:0;text-align:center;color:#333;cursor:pointer;border:1px solid #e5e7eb;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;line-height:24px;display:flex}.templates-pagination .page-button:hover,.templates-pagination .page-button.selected{color:#fff;background-color:#0076fe}.templates-pagination .page-button.disabled,.templates-pagination .page-button:hover.disabled{background-color:unset;color:#333;cursor:not-allowed}.templates-pagination .page-button.prev-button:hover,.templates-pagination .page-button.next-button:hover{background-color:#fff}.templates-pagination .page-button.prev-button:hover svg,.templates-pagination .page-button.next-button:hover svg{color:#333}.templates-pagination .page-button.prev-button.disabled:hover,.templates-pagination .page-button.next-button.disabled:hover{background-color:unset}.templates-pagination .page-button svg{color:#666}.templates-pagination.pagination-compact{flex-wrap:wrap}.no-data{flex-direction:column;justify-content:center;align-items:center;row-gap:20px;width:100%;max-width:1600px;height:400px;display:flex}.no-data .empty{background-position:-10px -182px;width:100px;height:100px;display:inline-block}.no-data .no-data-text{color:#bababa;font-size:14px}.article-recommend-list{max-width:1600px;margin:28px auto}.article-recommend-list .recommend-list-title{font-family:Microsoft YaHei UI;font-weight:700;font-style:Bold;leading-trim:NONE;letter-spacing:0%;color:#333940;font-size:18px;line-height:26px}.article-recommend-list .article-list{grid-template-columns:repeat(6,1fr);gap:24px;margin:16px auto 0;display:grid}@media (max-width: 1200px){.article-recommend-list .article-list{gap:10px}}@media (max-width: 1000px){.article-recommend-list .article-list{grid-template-columns:repeat(3,1fr)}}@media (max-width: 500px){.article-recommend-list .article-list{grid-template-columns:repeat(2,1fr)}}.article-recommend-list .article-list .article-item{cursor:pointer;border:1px solid #e5e7eb;border-radius:6px;flex-direction:column;justify-content:space-between;width:100%;height:auto;transition:transform .3s ease-in-out;display:flex;overflow:hidden}@media (hover:hover){.article-recommend-list .article-list .article-item:hover{transform:translateY(-8px)}}.article-recommend-list .article-list .article-item img{object-fit:cover;width:100%;height:100%;max-height:139px}.article-recommend-list .article-list .article-item .article-item-text{padding:12px 16px 16px}.article-recommend-list .article-list .article-item .article-item-text .article-title{font-family:Microsoft YaHei;font-weight:700;font-style:Regular;leading-trim:NONE;letter-spacing:0%;-webkit-line-clamp:2;text-overflow:ellipsis;color:#333;-webkit-box-orient:vertical;max-height:3em;font-size:14px;line-height:1.5em;display:-webkit-box;overflow:hidden}.article-recommend-list .article-list .article-item .article-item-text .article-desc{font-family:Microsoft YaHei;font-weight:400;font-style:Regular;leading-trim:NONE;letter-spacing:0%;color:#999;-webkit-line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;max-height:4.5em;margin-top:4px;font-size:12px;line-height:1.5em;display:-webkit-box;overflow:hidden}.article-recommend-list .article-list .article-item .article-item-text .line{background-color:#eaecf0;width:100%;height:1px;margin-top:8px}.article-recommend-list .article-list .article-item .article-item-text .article-author{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.article-recommend-list .article-list .article-item .article-item-text .article-author .author{font-family:Microsoft YaHei;font-weight:400;font-style:Regular;leading-trim:NONE;letter-spacing:0%;color:#333940;white-space:nowrap;justify-content:space-between;align-items:center;font-size:12px;line-height:100%;display:flex}@media (max-width: 1700px){.article-recommend-list .article-list .article-item .article-item-text .article-author .author .author-name{text-overflow:ellipsis;max-width:60px;overflow:hidden}}@media (max-width: 1000px){.article-recommend-list .article-list .article-item .article-item-text .article-author .author .author-name{max-width:100%}}@media (max-width: 800px){.article-recommend-list .article-list .article-item .article-item-text .article-author .author .author-name{max-width:60px}}@media (max-width: 500px){.article-recommend-list .article-list .article-item .article-item-text .article-author .author .author-name{max-width:70px}}@media (max-width: 400px){.article-recommend-list .article-list .article-item .article-item-text .article-author .author .author-name{max-width:60px}}.article-recommend-list .article-list .article-item .article-item-text .date{font-family:Microsoft YaHei;font-weight:400;font-style:Regular;leading-trim:NONE;letter-spacing:0%;color:#999;font-size:12px;line-height:20px}@media (max-width: 1400px){.article-recommend-list .article-list .article-item .article-item-text .date{text-overflow:ellipsis;white-space:nowrap;max-width:40px;overflow:hidden}}@media (max-width: 1000px){.article-recommend-list .article-list .article-item .article-item-text .date{max-width:100%}}@media (max-width: 800px){.article-recommend-list .article-list .article-item .article-item-text .date{max-width:40px}}@media (max-width: 500px){.article-recommend-list .article-list .article-item .article-item-text .date{max-width:50px}}@media (max-width: 400px){.article-recommend-list .article-list .article-item .article-item-text .date{max-width:40px}}.article-recommend-list .recommend-button-container{justify-content:center;align-items:center;margin-top:14px;display:flex}.article-recommend-list .recommend-button-container a{width:86px;height:36px;font-family:Microsoft YaHei UI;font-weight:400;font-style:Regular;leading-trim:NONE;letter-spacing:0%;color:#fff;background-color:#0076fe;border-radius:6px;justify-content:center;align-items:center;font-size:14px;line-height:100%;display:flex}.ai-beauty-tips{z-index:50;background-color:#fff;border-radius:6px;flex-direction:column;row-gap:4px;width:188px;height:96px;padding:6px;display:none;position:fixed;left:0;transform:translate(-50%);box-shadow:0 2px 12px #0000001f}.ai-beauty-tips:after{content:"";border:6px solid #0000;border-bottom-color:#fff;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.ai-beauty-tips.show-tips{display:flex}.ai-beauty-tips .tips-text{color:#333940;font-family:Microsoft YaHei;font-size:12px;font-weight:400;line-height:18px}.ai-beauty-tips .tutorial{align-items:flex-start;display:flex}.ai-beauty-tips .tutorial a{color:#0076fe;font-family:Microsoft YaHei;font-size:12px;font-weight:400;line-height:22px;text-decoration:underline}.tips-toast{z-index:4000;background-color:#fffaf2;border:1px solid #ffe8bf;border-radius:6px;justify-content:center;align-items:center;column-gap:10px;padding:8px 16px;transition:top .3s;display:flex;position:fixed;top:-1000px;left:50%;transform:translate(-50%)}.tips-toast.show-toast{top:20px}.tips-toast span{color:#333940;font-family:Microsoft YaHei;font-size:14px;font-weight:400;line-height:22px}.templates-list .templates-album-entry{background-image:url(/templates/image/index/album-entry-background.png),linear-gradient(193.16deg,#1069e7 17.22%,#71a6f2 37.66%,#e9f2ff 65.69%)}
/*$vite$:1*/