.template-detail-container{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(27,35,55,.2);z-index:30}.template-detail-container .template-detail-content{width:100%;height:calc(100% - 50px);background-color:#fff;padding:16px;display:flex;flex-direction:column;overflow:auto;position:relative}.template-detail-container .template-detail-content-main{width:100%;height:100%;padding-bottom:90px}.template-detail-container .template-detail-content-main-templates-title{padding:16px 0;font-size:16px;line-height:22px;color:#1b2337}.template-detail-container .template-detail-content-main-templates{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.template-detail-container .template-detail-content-main-templates .template-detail-content-main-templates-item{width:100%;height:100%;border-radius:10px;overflow:hidden;background-color:#f3f4f9;position:relative}.template-detail-container .template-detail-content-main-templates img{width:100%;height:100%;object-fit:contain}.template-detail-container .template-detail-content-main-img{width:100%;height:446px;border-radius:6px;background-color:#f5f7fd;overflow:hidden;position:relative}.template-detail-container .template-detail-content-main-img img{width:100%;height:100%;object-fit:contain}.template-detail-container .template-detail-content-main-title{font-size:13px;line-height:50px;color:#8693ab;border-bottom:1px solid #f3f4f9}.template-detail-container .template-detail-content-operation{width:100%;height:78px;background-color:#fff;border-radius:6px;padding:24px 16px 24px 8px;display:flex;align-items:center;justify-content:space-between;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -4px 10px 0 rgba(0,0,0,.05)}.template-detail-container .template-detail-content-operation .template-detail-content-operation-left{display:flex;align-items:center;justify-content:space-between;margin-right:16px}.template-detail-container .template-detail-content-operation .template-detail-content-operation-btn{width:56px;display:flex;flex-direction:column;align-items:center;justify-content:center}.template-detail-container .template-detail-content-operation .template-detail-content-operation-btn .template-detail-content-operation-share-icon{width:24px;height:24px;background:url(/_next/static/media/share-icon.fff82aa8.svg) no-repeat 50%;background-size:100% 100%;margin-bottom:4px}.template-detail-container .template-detail-content-operation .template-detail-content-operation-btn .template-detail-content-operation-collect-icon{width:24px;height:24px;background:url(/_next/static/media/collect-icon.4e4397f9.svg) no-repeat 50%;background-size:100% 100%;margin-bottom:4px}.template-detail-container .template-detail-content-operation .template-detail-content-operation-btn .template-detail-content-operation-collect-icon.collected{background:url(/_next/static/media/collected-icon.26b3cf8d.svg) no-repeat 50%}.template-detail-container .template-detail-content-operation .template-detail-content-operation-btn .template-detail-content-operation-btn-text{font-size:13px;line-height:18px;color:#505a71}.template-detail-container .template-detail-content-operation .template-detail-content-operation-btn-use{flex:1 1;height:46px;background-color:#0773fc;border-radius:10px;font-size:16px;line-height:46px;text-align:center;color:#fff}