.template-management[data-v-d0425506]{padding:20px;background-color:#f5f7fa;min-height:100vh}.page-header[data-v-d0425506]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.page-header .page-title[data-v-d0425506]{margin:0;font-size:20px;font-weight:600;color:#303133}.page-header .header-actions[data-v-d0425506]{display:flex;gap:12px}.filter-section[data-v-d0425506]{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);margin-bottom:20px}.filter-section .filter-controls[data-v-d0425506]{display:flex;align-items:center}.template-grid[data-v-d0425506]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;margin-bottom:20px;grid-auto-rows:max-content}.template-card[data-v-d0425506]{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:all .3s ease;cursor:pointer;position:relative;border:2px solid transparent;display:flex;flex-direction:column;min-height:350px}.template-card[data-v-d0425506]:hover{box-shadow:0 4px 16px rgba(0,0,0,.15);transform:translateY(-2px)}.template-card.selected[data-v-d0425506]{border-color:#409eff;box-shadow:0 4px 16px rgba(64,158,255,.2)}.template-card .card-header[data-v-d0425506]{position:relative;margin-bottom:12px}.template-card .template-type-tag[data-v-d0425506]{position:absolute;top:0;right:0;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;color:#fff}.template-card .template-type-tag.type-text[data-v-d0425506]{background-color:#67c23a}.template-card .template-type-tag.type-graphic[data-v-d0425506]{background-color:#e6a23c}.template-card .template-type-tag.type-link[data-v-d0425506]{background-color:#409eff}.template-card .template-title[data-v-d0425506]{margin:0 0 8px 0;font-size:16px;font-weight:600;color:#303133;line-height:1.4;padding-right:60px}.template-card .template-description[data-v-d0425506]{margin:0 0 16px 0;font-size:14px;color:#606266;line-height:1.5}.template-card .template-actions[data-v-d0425506]{display:flex;justify-content:flex-end;gap:16px;margin-bottom:16px;padding:8px 0}.template-card .template-actions .el-button[data-v-d0425506]{padding:4px 8px;font-size:13px}.template-card .template-actions .el-button.el-button--text[data-v-d0425506]{color:#409eff}.template-card .template-actions .el-button.el-button--text[data-v-d0425506]:hover{color:#66b1ff}.template-card .template-actions .el-button[data-v-d0425506]:last-child{color:#f56c6c}.template-card .template-actions .el-button[data-v-d0425506]:last-child:hover{color:#f78989}.template-card .template-actions .el-button:last-child .el-icon-delete[data-v-d0425506]{color:#f56c6c}.template-card .template-preview[data-v-d0425506]{flex:1;margin-bottom:16px;padding:12px;background-color:#f8f9fa;border-radius:6px;border:1px solid #e4e7ed}.template-card .template-preview .preview-content[data-v-d0425506]{font-size:13px;color:#606266;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.template-card .push-channels[data-v-d0425506]{margin-bottom:16px}.template-card .push-channels .channel-tag[data-v-d0425506]{margin-right:6px;margin-bottom:4px}.template-card .template-footer[data-v-d0425506]{margin-top:auto}.template-card .template-footer .template-meta[data-v-d0425506]{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#909399}.template-card .template-footer .template-meta .create-time[data-v-d0425506],.template-card .template-footer .template-meta .usage-count[data-v-d0425506]{display:flex;align-items:center;gap:4px}.template-card .template-footer .template-meta .create-time i[data-v-d0425506],.template-card .template-footer .template-meta .usage-count i[data-v-d0425506]{font-size:12px}.template-card .template-footer .template-meta .create-time[data-v-d0425506]{flex:1}.template-card .template-footer .template-meta .usage-count[data-v-d0425506]{font-weight:500;color:#409eff}.pagination-section[data-v-d0425506]{display:flex;justify-content:center;background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.placeholder-tip[data-v-d0425506]{margin-top:8px;padding:8px 12px;background-color:#f0f9ff;border:1px solid #b3d8ff;border-radius:4px;font-size:12px;color:#409eff;display:flex;align-items:center;gap:4px}.placeholder-tip i[data-v-d0425506]{font-size:14px}.placeholder-tags[data-v-d0425506]{display:flex;flex-wrap:wrap;gap:8px;max-width:100%;margin-top:8px}.placeholder-tags .placeholder-tag[data-v-d0425506]{display:inline-block;height:24px;padding:0 8px;color:#165dff;background-color:#e8f3ff;border:1px solid transparent;border-radius:4px;font-size:12px;line-height:22px;cursor:pointer;transition:all .3s ease;margin-bottom:8px}.placeholder-tags .placeholder-tag[data-v-d0425506]:hover{background-color:#165dff;color:#fff}.dialog-footer[data-v-d0425506]{text-align:right;padding-top:20px;border-top:1px solid #e4e7ed}@media(max-width:768px){.template-grid[data-v-d0425506]{grid-template-columns:1fr;gap:16px}.page-header[data-v-d0425506]{flex-direction:column;gap:16px;align-items:stretch}.page-header .header-actions[data-v-d0425506]{justify-content:center}.filter-section .filter-controls[data-v-d0425506]{flex-direction:column;gap:12px}.filter-section .filter-controls .el-input[data-v-d0425506],.filter-section .filter-controls .el-select[data-v-d0425506]{width:100%!important;margin-right:0!important}}