.templateCard{background:#fff;border:1px solid #eee;border-radius:10px;text-align:left;display:flex;flex-direction:column;align-items:center;overflow:hidden;position:relative}.templateCard:hover .templateImg img{transform:scale(1.1)}.templateCard:hover .templateImg .btnContainer{opacity:1;background:linear-gradient(180deg,transparent,rgba(0,0,0,.6))}@keyframes tipScale{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.templateCard .templateTip{position:absolute;top:12px;left:12px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;z-index:9;color:#000;background:var(--primary-color);animation:tipScale 1.5s linear infinite}.templateCard .templateTip.vip{background-color:#a855f7}.templateCard .templateImg{width:100%;min-width:100%;height:415px;overflow:hidden;position:relative}.templateCard .templateImg .btnContainer{width:100%;height:100%;padding:20px;position:absolute;left:0;top:0;display:flex;opacity:0;transition:all .4s ease;align-items:flex-end;gap:12px}.templateCard .templateImg .btnContainer .MuiButton-root{height:36px;font-size:14px}.templateCard .templateImg .btnContainer .overlayBtn{flex:1 1;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;text-align:center;text-decoration:none;transition:all .2s ease;cursor:pointer}.templateCard .templateImg .btnContainer .overlayBtn.preview{background-color:hsla(0,0%,100%,.9);color:#374151}.templateCard .templateImg .btnContainer .overlayBtn.use{background-color:var(--primary-color);color:#fff}.templateCard .templateImg:before{content:"";display:block;width:100%;background-color:rgba(0,0,0,0);transform:scale(1);background-repeat:no-repeat;background-size:cover;background-position:top;transition:all .4s ease;padding-top:46%}.templateCard .templateImg img{width:100%;height:100%;object-fit:cover;object-position:center top;border-radius:0;top:0;left:0;position:absolute;transition:all .4s ease;opacity:1}.templateCard .templateText{display:flex;flex-direction:column;box-sizing:border-box;padding:20px 20px 0;height:108px;gap:10px}.templateCard .templateText .templateCategory{display:flex;align-items:center;margin:.5rem 0;gap:5px;color:#999}.templateCard h3{height:26px;color:#16161a;font-size:20px;line-height:28px;font-weight:600;text-decoration:none}.templateCard h3,.templateCard p{margin:0;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;white-space:pre-line;-webkit-line-clamp:2;text-overflow:ellipsis}.templateCard p{height:46px;color:#757580;font-size:15px;line-height:24px}.templateCard .tagsContainer{width:100%;height:48px;display:flex;align-items:center;gap:10px;font-size:12px;line-height:24px;color:#46464d!important;margin-top:16px;padding:0 20px 20px}.templateCard .tagsContainer .tagItem{padding:2px 8px;background-color:#f3f4f6;color:#374151;border-radius:12px;font-size:12px;line-height:1.5}.templateCard .authorPoint{width:4px;height:4px;background:#46464d!important;border-radius:2px}.fullImgContainer{width:500px;height:712px;overflow:hidden;background:#fff}.fullImgContainer img{width:100%;height:auto}.detailBtnContainer{width:300px;display:flex;align-items:center;gap:12px;margin-top:20px}.detailBtnContainer .MuiButton-root{width:130px;height:40px;border-radius:8px;font-weight:600;line-height:38px;font-size:14px}