.template-preview-overlay[data-v-f3a70813]{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a99;display:flex;inset:0;justify-content:center;padding:40px;position:fixed;z-index:1000}.preview-container[data-v-f3a70813]{background:#fff;border-radius:16px;box-shadow:0 50px 100px -20px #00000040;max-width:1200px;overflow:hidden;position:relative;width:100%}.preview-scroll-area[data-v-f3a70813]{border-radius:32px;max-height:90vh;overflow-y:auto}.preview-scroll-area[data-v-f3a70813]::-webkit-scrollbar{width:6px}.preview-scroll-area[data-v-f3a70813]::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.close-btn[data-v-f3a70813]{align-items:center;background:#f1f5f9;border:none;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:24px;top:10px;transition:all .2s ease;width:40px;z-index:10}.close-btn[data-v-f3a70813]:hover{background:#e2e8f0;transform:rotate(90deg)}.modal-body[data-v-f3a70813]{padding:40px}.content-main[data-v-f3a70813]{display:grid;gap:48px;grid-template-columns:1fr minmax(300px,400px);margin-bottom:64px}.image-section[data-v-f3a70813]{min-width:0;position:relative}.image-section .featured-badge[data-v-f3a70813]{background:#c1daff;border-radius:100px;color:#195aff;font-size:12px;font-weight:800;left:-10px;padding:10px 20px;pointer-events:none;position:absolute;top:-20px;transform:rotate(-5deg);z-index:5}.image-section .swiper-container[data-v-f3a70813]{background:#f8fafc;border-radius:12px;box-shadow:0 10px 30px -5px #0000001a;overflow:hidden;position:relative}.image-section .mySwiper2[data-v-f3a70813]{aspect-ratio:16/9;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;width:100%}.image-section .mySwiper2 .swiper-slide[data-v-f3a70813]{align-items:center;background-color:#f1f2f3;background-image:url(../logo/logo.webp);background-position:50%;background-repeat:no-repeat;background-size:120px auto;display:flex;justify-content:center}.image-section .mySwiper2 .swiper-slide img[data-v-f3a70813]{border:1px solid #ebebeb;border-radius:12px;-o-object-fit:cover;object-fit:cover;width:85%}.image-section .swiper-next[data-v-f3a70813],.image-section .swiper-prev[data-v-f3a70813]{align-items:center;background-color:#292729cc;border:none;border-radius:50%;cursor:pointer;display:flex;height:2.5rem;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;width:2.5rem;z-index:1}.image-section .swiper-next[data-v-f3a70813]:hover,.image-section .swiper-prev[data-v-f3a70813]:hover{background-color:#292729}.image-section .swiper-next[data-v-f3a70813]{right:0}.image-section .swiper-prev[data-v-f3a70813]{left:0}.image-section .swiper-thumbs-wrapper[data-v-f3a70813]{margin-top:15px;margin-inline:-4px;overflow:hidden;padding:4px}.image-section .mySwiper[data-v-f3a70813]{overflow:visible;width:100%}.image-section .mySwiper .swiper-thumbs[data-v-f3a70813]{aspect-ratio:16/9;background-color:#f1f5f9;background-image:url(../logo/logo.webp);background-position:50%;background-repeat:no-repeat;background-size:80px auto;border-radius:8px;cursor:pointer;overflow:hidden;padding:2px;transition:all .2s ease}.image-section .mySwiper .swiper-thumbs.swiper-slide-thumb-active[data-v-f3a70813]{box-shadow:0 0 0 2px #2563eb;opacity:1}.image-section .mySwiper .swiper-thumbs img[data-v-f3a70813]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.info-section[data-v-f3a70813]{display:flex;flex-direction:column;height:0;min-height:100%;min-width:0}.info-section .template-title[data-v-f3a70813]{color:#0c0d19;font-size:2rem;font-weight:600;line-height:1.4;margin-bottom:24px}.info-section .meta-item[data-v-f3a70813]{align-items:center;color:#000;display:flex;font-weight:600;gap:12px;margin-bottom:32px}.info-section .author-box[data-v-f3a70813]{flex-wrap:wrap;justify-content:space-between;margin-bottom:20px}.info-section .author-box[data-v-f3a70813],.info-section .author-box .author-left[data-v-f3a70813],.info-section .author-box .author-right[data-v-f3a70813]{align-items:center;display:flex;gap:12px}.info-section .author-box .avatar-circle[data-v-f3a70813]{background:#ffd1d1;border-radius:50%;flex-shrink:0;height:40px;width:40px}.info-section .author-box .author-name[data-v-f3a70813]{color:#000;font-weight:600}.info-section .author-box .author-name .highlight[data-v-f3a70813]{cursor:pointer;margin-inline-start:6px;text-decoration:underline}.info-section .author-box .follow-btn[data-v-f3a70813]{align-items:center;background:#fff;border:1.5px solid #d9d9d9;border-radius:8px;color:#000;cursor:pointer;display:inline-flex;font-weight:600;justify-content:center;padding:6px 16px;text-decoration:none;transition:all .2s ease}.info-section .author-box .follow-btn[data-v-f3a70813]:hover{background:#f8fafc;border-color:#cbd5e1}.info-section .author-box .favorite-icon-btn[data-v-f3a70813]{align-items:center;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;display:inline-flex;justify-content:center;padding:6px;transition:all .2s ease}.info-section .author-box .favorite-icon-btn[data-v-f3a70813]:hover{background:#f8fafc;border-color:#cbd5e1;color:#4b5563}.info-section .author-box .favorite-icon-btn .star-icon[data-v-f3a70813]{transition:fill .2s ease,color .2s ease}.info-section .author-box .favorite-icon-btn .star-icon.is-active[data-v-f3a70813]{fill:#fbbf24;color:#fbbf24}.info-section .template-details[data-v-f3a70813]{display:flex;flex:1;flex-direction:column;gap:16px;margin-bottom:40px;min-height:0}.info-section .template-details .template-description[data-v-f3a70813]{color:#595959;flex:1;font-size:14px;line-height:1.6;margin:0;overflow-y:auto;padding-right:4px}.info-section .template-details .template-description[data-v-f3a70813]::-webkit-scrollbar{width:4px}.info-section .template-details .template-description[data-v-f3a70813]::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:4px}.info-section .template-details .template-description[data-v-f3a70813]:hover::-webkit-scrollbar-thumb{background:#cbd5e1}.info-section .template-details .template-tags[data-v-f3a70813]{display:flex;flex-wrap:wrap;gap:10px}.info-section .template-details .template-tags .tag-pill[data-v-f3a70813]{align-items:center;background:#f1f2f3;border-radius:8px;color:#595959;display:inline-flex;font-size:13px;font-weight:500;justify-content:center;padding:6px 14px;white-space:nowrap}.info-section .action-buttons[data-v-f3a70813]{display:flex;flex-direction:column;gap:16px}.info-section .action-buttons .download-btn[data-v-f3a70813],.info-section .action-buttons .edit-btn[data-v-f3a70813],.info-section .action-buttons .generate-btn[data-v-f3a70813]{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:12px;height:56px;justify-content:center;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.info-section .action-buttons .download-btn[data-v-f3a70813]{background:#ebebeb;color:#0c0d19}.info-section .action-buttons .download-btn[data-v-f3a70813]:hover{background:#ebf5fe;box-shadow:0 8px 20px -4px #4885ed4d;color:#0081f2;transform:translateY(-2px)}.info-section .action-buttons .download-btn:hover svg path[data-v-f3a70813]{fill:#0081f2}.info-section .action-buttons .download-btn[data-v-f3a70813]:active{transform:scale(.98)}.info-section .action-buttons .edit-btn[data-v-f3a70813]{background:#000;color:#fff}.info-section .action-buttons .edit-btn[data-v-f3a70813]:hover{background:#000;box-shadow:0 8px 20px -4px #0000004d;transform:translateY(-2px)}.info-section .action-buttons .edit-btn[data-v-f3a70813]:active{transform:scale(.98)}.info-section .action-buttons .generate-btn[data-v-f3a70813]{background:#0c0d19;color:#fff}.info-section .action-buttons .generate-btn[data-v-f3a70813]:hover{background:#0081f2;box-shadow:0 8px 20px -4px #4885ed4d;transform:translateY(-2px)}.info-section .action-buttons .generate-btn[data-v-f3a70813]:active{transform:scale(.98)}.info-section .action-buttons .generate-btn[data-v-f3a70813]:disabled{cursor:not-allowed;opacity:.7}.info-section .action-buttons .generate-btn .spinner[data-v-f3a70813]{animation:rotate-f3a70813 2s linear infinite;height:16px;width:16px;z-index:2}.info-section .action-buttons .generate-btn .spinner .path[data-v-f3a70813]{stroke:#fff;stroke-linecap:round;animation:dash-f3a70813 1.5s ease-in-out infinite}.info-section .action-buttons .vip[data-v-f3a70813]{height:20px;position:absolute;right:5px;top:5px;width:20px}@keyframes rotate-f3a70813{to{transform:rotate(1turn)}}@keyframes dash-f3a70813{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.more-templates .more-title[data-v-f3a70813]{background:#1a1c1c;-webkit-background-clip:text;font-size:2rem;font-weight:600;margin-bottom:1.5rem;-webkit-text-fill-color:transparent;display:inline-block}.more-templates .more-grid[data-v-f3a70813]{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}@media (min-width:1280px){.more-templates .more-grid[data-v-f3a70813]{grid-template-columns:repeat(5,1fr)}}@media (min-width:1920px){.more-templates .more-grid[data-v-f3a70813]{grid-template-columns:repeat(6,1fr)}}.more-templates .more-grid .more-card[data-v-f3a70813]{aspect-ratio:16/9;background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;cursor:pointer;display:none;overflow:hidden;transition:all .3s ease}.more-templates .more-grid .more-card[data-v-f3a70813]:nth-child(-n+6){display:block}@media (min-width:1024px){.more-templates .more-grid .more-card[data-v-f3a70813]:nth-child(-n+9){display:block}}@media (min-width:1280px){.more-templates .more-grid .more-card[data-v-f3a70813]:nth-child(-n+15){display:block}}@media (min-width:1920px){.more-templates .more-grid .more-card[data-v-f3a70813]:nth-child(-n+18){display:block}}.more-templates .more-grid .more-card[data-v-f3a70813]:hover{border-color:#cbd5e1;box-shadow:0 10px 20px #0000000d;transform:translateY(-4px)}.more-templates .more-grid .more-card .card-img[data-v-f3a70813]{height:100%;overflow:hidden;width:100%}.more-templates .more-grid .more-card .card-img img[data-v-f3a70813]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.more-templates .more-grid .more-card .card-info[data-v-f3a70813]{align-items:center;background:#fff;display:flex;height:20%;padding:8px 12px}.more-templates .more-grid .more-card .card-info .card-name[data-v-f3a70813]{color:#1e293b;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-fade-enter-active[data-v-f3a70813],.modal-fade-leave-active[data-v-f3a70813]{transition:all .3s ease}.modal-fade-enter-from[data-v-f3a70813],.modal-fade-leave-to[data-v-f3a70813]{opacity:0}.modal-fade-enter-from .preview-container[data-v-f3a70813],.modal-fade-leave-to .preview-container[data-v-f3a70813]{transform:scale(.9) translateY(20px)}@media (max-width:1024px){.template-preview-overlay[data-v-f3a70813]{align-items:flex-start;padding:24px}.modal-body[data-v-f3a70813]{padding:24px}.content-main[data-v-f3a70813]{gap:32px;grid-template-columns:1fr}}@media (max-width:768px){.template-preview-overlay[data-v-f3a70813]{padding:0}.preview-container[data-v-f3a70813]{border-radius:0}.preview-scroll-area[data-v-f3a70813]{border-radius:0;max-height:100vh}}@keyframes text-shine-sweep-f3a70813{0%{-webkit-mask-position:100% 0;mask-position:100% 0}to{-webkit-mask-position:0 0;mask-position:0 0}}.ai-shine-btn[data-v-f3a70813]{position:relative}.ai-shine-btn .shine-layer[data-v-f3a70813]{align-items:center;animation:text-shine-sweep-f3a70813 2.5s linear infinite;color:#2878ff;display:flex;gap:8px;inset:0;justify-content:center;-webkit-mask-image:linear-gradient(90deg,transparent 46%,#000 46.1%,#000 53.9%,transparent 54%);mask-image:linear-gradient(90deg,transparent 46%,#000 46.1%,#000 53.9%,transparent 54%);-webkit-mask-size:200% 100%;mask-size:200% 100%;pointer-events:none;position:absolute}