.page-resume-templates[data-v-b21fafea]{min-height:100vh;background:linear-gradient(135deg,#f0f4ff,#fff5f0);padding:var(--tkx-space-3xl, 40px) var(--tkx-space-lg, 20px);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.tpl-load-more[data-v-b21fafea]{grid-column:1 / -1;text-align:center;padding:var(--tkx-space-md, 12px);color:var(--tkx-primary, #FF6600);font-weight:600;cursor:pointer}.tpl-filter-empty[data-v-b21fafea]{grid-column:1 / -1;text-align:center;font-size:var(--tkx-font-size-sm, 14px);color:var(--tkx-gray-400, #9CA0AB);padding:var(--tkx-space-lg, 20px) 0}.tpl-more-err[data-v-b21fafea]{grid-column:1 / -1;text-align:center;font-size:var(--tkx-font-size-12, 12px);color:var(--tkx-danger, #cf1322)}.tpl-more-retry[data-v-b21fafea]{color:var(--tkx-primary, #FF6600);cursor:pointer;text-decoration:underline}.container[data-v-b21fafea]{max-width:1100px;margin:0 auto}.page-header[data-v-b21fafea]{text-align:center;margin-bottom:var(--tkx-space-3xl, 40px)}.page-header h1[data-v-b21fafea]{font-size:2.2rem;background:linear-gradient(135deg,var(--tkx-primary),var(--tkx-primary-light, #E05500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:var(--tkx-space-sm, 8px)}.page-header .subtitle[data-v-b21fafea]{font-size:1.05rem;color:var(--tkx-gray-500, #6B707E);margin-bottom:var(--tkx-space-xl, 24px)}.filter-bar[data-v-b21fafea]{display:flex;justify-content:center;gap:var(--tkx-space-sm, 8px);flex-wrap:wrap}.filter-btn[data-v-b21fafea]{padding:var(--tkx-space-sm, 8px) var(--tkx-space-lg, 20px);border:1.5px solid #e0e0e0;border-radius:var(--tkx-radius-20, 20px);background:#fff;color:var(--tkx-gray-500, #6B707E);cursor:pointer;font-size:var(--tkx-font-size-sm, 14px);transition:all .2s}.filter-btn.active[data-v-b21fafea]{background:var(--tkx-primary);color:#fff;border-color:var(--tkx-primary)}.filter-btn[data-v-b21fafea]:hover:not(.active){border-color:var(--tkx-primary);color:var(--tkx-primary)}.template-grid[data-v-b21fafea]{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--tkx-space-xl, 24px)}.tpl-empty[data-v-b21fafea]{text-align:center;padding:var(--tkx-space-3xl, 40px) 0;color:var(--tkx-gray-400, #9CA0AB)}.tpl-empty-icon[data-v-b21fafea]{font-size:var(--tkx-font-size-38, 38px);margin-bottom:var(--tkx-space-sm, 8px)}.tpl-empty-text[data-v-b21fafea]{font-size:var(--tkx-font-size-sm, 14px)}.template-card[data-v-b21fafea]{background:#fff;border-radius:var(--tkx-radius-16, 16px);overflow:hidden;box-shadow:0 2px 12px #0000000f;cursor:pointer;transition:all .3s}.template-card[data-v-b21fafea]:hover{transform:translateY(-6px);box-shadow:0 8px 30px #0000001f}.template-preview[data-v-b21fafea]{height:200px;position:relative;display:flex;align-items:center;justify-content:center;padding:var(--tkx-space-lg, 20px)}.preview-overlay[data-v-b21fafea]{position:absolute;inset:0;background:#0006;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .3s;font-size:var(--tkx-font-size-sm, 14px);gap:var(--tkx-space-xs, 4px)}.template-card:hover .preview-overlay[data-v-b21fafea]{opacity:1}.preview-icon[data-v-b21fafea]{font-size:var(--tkx-font-size-3xl, 24px)}.preview-content[data-v-b21fafea]{width:100%}.preview-name[data-v-b21fafea]{font-size:var(--tkx-font-size-18, 18px);color:#fff;font-weight:600;margin-bottom:var(--tkx-space-base, 16px)}.preview-lines[data-v-b21fafea]{display:flex;flex-direction:column;gap:var(--tkx-space-sm, 8px)}.line[data-v-b21fafea]{height:8px;background:#ffffff4d;border-radius:var(--tkx-radius-4, 4px)}.w-70[data-v-b21fafea]{width:70%}.w-50[data-v-b21fafea]{width:50%}.w-80[data-v-b21fafea]{width:80%}.w-90[data-v-b21fafea]{width:90%}.w-60[data-v-b21fafea]{width:60%}.template-info[data-v-b21fafea]{padding:var(--tkx-space-base, 16px) var(--tkx-space-lg, 20px) var(--tkx-space-lg, 20px)}.template-info h3[data-v-b21fafea]{font-size:var(--tkx-font-size-base, 16px);margin:0 0 var(--tkx-space-sm, 8px);color:var(--tkx-gray-700, #363B4A)}.template-tags[data-v-b21fafea]{display:flex;gap:var(--tkx-space-6, 6px);margin-bottom:var(--tkx-space-sm, 8px);flex-wrap:wrap}.tag[data-v-b21fafea]{padding:var(--tkx-space-2xs, 2px) 10px;background:#fff5f0;color:var(--tkx-primary);border-radius:var(--tkx-radius-12, 12px);font-size:var(--tkx-font-size-2xs, 11px)}.template-meta[data-v-b21fafea]{display:flex;justify-content:space-between;font-size:var(--tkx-font-size-12, 12px);color:var(--tkx-gray-400, #6F7585)}.modal-overlay[data-v-b21fafea]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--tkx-space-lg, 20px)}.modal-content[data-v-b21fafea]{background:#fff;border-radius:var(--tkx-radius-20, 20px);max-width:600px;width:100%;overflow:hidden}.modal-close[data-v-b21fafea]{position:absolute;top:16px;right:16px;width:36px;height:36px;min-width:var(--tkx-space-4xl, 48px);min-height:var(--tkx-space-4xl, 48px);border-radius:50%;border:none;background:#fff3;color:#fff;font-size:var(--tkx-font-size-18, 18px);cursor:pointer;z-index:1}.modal-preview[data-v-b21fafea]{height:300px;display:flex;align-items:center;justify-content:center;padding:var(--tkx-space-2xl, 32px);position:relative}.modal-preview-content[data-v-b21fafea]{width:100%}.modal-name[data-v-b21fafea]{font-size:var(--tkx-font-size-4xl, 28px);color:#fff;font-weight:700;margin-bottom:var(--tkx-space-xl, 24px)}.modal-lines[data-v-b21fafea]{display:flex;flex-direction:column;gap:var(--tkx-space-md, 12px)}.modal-actions[data-v-b21fafea]{display:flex;gap:var(--tkx-space-md, 12px);padding:var(--tkx-space-lg, 20px) var(--tkx-space-xl, 24px)}.btn[data-v-b21fafea]{flex:1;padding:var(--tkx-space-md, 12px);border:none;border-radius:var(--tkx-radius-12, 12px);font-size:var(--tkx-font-size-md, 15px);cursor:pointer;font-weight:600;transition:all .2s;text-align:center}.btn-primary[data-v-b21fafea]{background:linear-gradient(135deg,var(--tkx-primary),var(--tkx-primary-light, #E05500));color:#fff}.btn-primary[data-v-b21fafea]:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(var(--tkx-primary-rgb),.3)}.btn-outline[data-v-b21fafea]{background:#fff;color:var(--tkx-primary);border:1.5px solid var(--tkx-primary)}.btn-outline[data-v-b21fafea]:hover{background:#fff5f0}@media (max-width: 768px){.page-resume-templates[data-v-b21fafea]{padding:var(--tkx-space-lg, 20px) var(--tkx-space-md, 12px)}.page-header h1[data-v-b21fafea]{font-size:1.5rem}.template-grid[data-v-b21fafea]{grid-template-columns:1fr 1fr;gap:var(--tkx-space-md, 12px)}.template-preview[data-v-b21fafea]{height:150px}.modal-actions[data-v-b21fafea]{flex-direction:column}}