/*!
 *  build: vue-admin-beautiful 
 *  copyright: chuzhixin 1204505056@qq.com 
 *  time: 2025-11-3 17:17:08
 */.add-template-btn[data-v-4d4f94cc]{font-size:14px;height:32px;padding:0 16px}.add-template-btn[data-v-4d4f94cc]:focus,.add-template-btn[data-v-4d4f94cc]:hover{transform:translateY(-1px)}.page-layout[data-v-4d4f94cc]{display:flex;gap:21px;padding:14px;min-height:calc(100vh - 120px);background-color:#f7f8fa}.left-panel[data-v-4d4f94cc]{width:224px;flex-shrink:0;display:flex;flex-direction:column;gap:17px}.preview-pane[data-v-4d4f94cc]{width:100%;border:1px solid #e4e7ed;border-radius:6px;background-color:#fff;overflow:hidden;box-shadow:0 2px 8px 0 rgba(0,0,0,.05);display:flex;flex-direction:column;transition:all .3s}.preview-pane[data-v-4d4f94cc]:hover{transform:translateY(-5px);box-shadow:0 8px 20px 0 rgba(0,0,0,.1)}.preview-title[data-v-4d4f94cc]{font-size:13px;font-weight:600;text-align:center;padding:11px 0;color:#333}.phone-preview[data-v-4d4f94cc]{padding:11px;display:flex;justify-content:center;flex:1;background-color:#fff}.preview-image[data-v-4d4f94cc]{width:100%;height:auto;display:block;border-radius:6px;max-width:196px}.add-template-btn[data-v-4d4f94cc]{background-color:#fb5904;border-color:#fb5904;font-size:13px;height:31px;border-radius:4px;transition:all .3s;width:auto;padding:0 14px}.add-template-btn[data-v-4d4f94cc]:focus,.add-template-btn[data-v-4d4f94cc]:hover{background-color:rgba(251,89,4,.8);border-color:rgba(251,89,4,.8);transform:translateY(-2px);box-shadow:0 4px 12px rgba(251,89,4,.2)}.preview-footer[data-v-4d4f94cc]{padding:11px;display:flex;justify-content:center;align-items:center;border-top:1px solid #f0f0f0;background-color:#f5f7fa}.preview-pane .card-header[data-v-4d4f94cc]{padding:11px 0;background-color:#f5f7fa;border-bottom:1px solid #e4e7ed}.templates-container[data-v-4d4f94cc]{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(224px,1fr));gap:17px;align-content:start}.template-card[data-v-4d4f94cc]{border:1px solid #e4e7ed;border-radius:6px;overflow:hidden;background-color:#fff;transition:all .3s;box-shadow:0 2px 8px 0 rgba(0,0,0,.05);display:flex;flex-direction:column}.template-card[data-v-4d4f94cc]:hover{transform:translateY(-5px);box-shadow:0 8px 20px 0 rgba(0,0,0,.1)}.card-header[data-v-4d4f94cc]{padding:11px;display:flex;flex-direction:column;gap:7px;border-bottom:1px solid #f0f0f0;background-color:#f5f7fa}.header-row[data-v-4d4f94cc]{display:flex;align-items:center}.template-name-row[data-v-4d4f94cc]{align-items:flex-start}.label-text[data-v-4d4f94cc]{font-size:12px;color:#606266;margin-right:7px;min-width:49px;font-weight:500}.page-type-tag[data-v-4d4f94cc]{padding:1px 7px;border-radius:8px;font-weight:700;font-size:11px;color:#fff;display:inline-block}.home-tag[data-v-4d4f94cc]{background-color:#fb5904}.topic-tag[data-v-4d4f94cc]{background-color:#409eff}.page-name[data-v-4d4f94cc]{font-size:13px;color:#333;font-weight:500;word-break:break-word;line-height:1.5;flex:1}.card-image[data-v-4d4f94cc]{padding:11px;display:flex;justify-content:center;background-color:#fff;flex:1}.phone-frame[data-v-4d4f94cc]{width:100%;max-width:196px;border-radius:6px;overflow:hidden;box-shadow:0 3px 8px rgba(0,0,0,.1)}.phone-frame img[data-v-4d4f94cc]{width:100%;height:auto;display:block}.card-footer[data-v-4d4f94cc]{padding:11px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f0f0f0;background-color:#f5f7fa}.status-switch[data-v-4d4f94cc]{font-size:14px;display:flex;align-items:center}.status-switch .label-text[data-v-4d4f94cc]{margin-right:5px;min-width:40px}.switchStyle[data-v-4d4f94cc]{margin-right:10px}.success-status[data-v-4d4f94cc]{color:#36b365;display:flex;align-items:center;gap:4px;font-weight:500}.danger-status[data-v-4d4f94cc]{color:#f56c6c;display:flex;align-items:center;gap:4px;font-weight:500}.operation-buttons[data-v-4d4f94cc]{display:flex;gap:11px}.operation-buttons .el-button--text[data-v-4d4f94cc]{padding:0;font-size:12px;display:flex;align-items:center;gap:3px;transition:all .3s}.operation-buttons .el-button--text[data-v-4d4f94cc]:hover{transform:translateY(-2px)}.edit-btn[data-v-4d4f94cc]{color:#fb5904}.delete-btn[data-v-4d4f94cc]{color:#f56c6c}.view-btn[data-v-4d4f94cc]{color:#409eff}.pagination-container[data-v-4d4f94cc]{margin-top:24px;display:flex;justify-content:flex-end;padding:0 20px 20px}