.el-empty{--el-empty-padding:40px 0;--el-empty-image-width:160px;--el-empty-description-margin-top:20px;--el-empty-bottom-margin-top:20px;--el-empty-fill-color-0:var(--el-color-white);--el-empty-fill-color-1:#fcfcfd;--el-empty-fill-color-2:#f8f9fb;--el-empty-fill-color-3:#f7f8fc;--el-empty-fill-color-4:#eeeff3;--el-empty-fill-color-5:#edeef2;--el-empty-fill-color-6:#e9ebef;--el-empty-fill-color-7:#e5e7e9;--el-empty-fill-color-8:#e0e3e9;--el-empty-fill-color-9:#d5d7de;align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;padding:var(--el-empty-padding);text-align:center}.el-empty__image{width:var(--el-empty-image-width)}.el-empty__image img{height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;vertical-align:top;width:100%}.el-empty__image svg{color:var(--el-svg-monochrome-grey);fill:currentColor;height:100%;vertical-align:top;width:100%}.el-empty__description{margin-top:var(--el-empty-description-margin-top)}.el-empty__description p{color:var(--el-text-color-secondary);font-size:var(--el-font-size-base);margin:0}.el-empty__bottom{margin-top:var(--el-empty-bottom-margin-top)}.ad-creative-cases-page[data-v-5297dc09]{background-color:#f8fafc;width:100%}.ad-creative-cases-page.is-mobile[data-v-5297dc09]{padding-top:56px}.ad-creative-cases-page[data-v-5297dc09]:not(.is-mobile){padding-top:100px}.header-section[data-v-5297dc09]{background-color:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 2px #0000000d;padding:16px 16px 12px}@media (min-width:768px){.header-section[data-v-5297dc09]{padding:20px 40px 16px}}@media (min-width:1200px){.header-section[data-v-5297dc09]{padding:20px 160px 16px}}.header-section .header-top[data-v-5297dc09]{margin-bottom:12px}@media (min-width:768px){.header-section .header-top[data-v-5297dc09]{margin-bottom:16px}}.header-section .page-title[data-v-5297dc09]{align-items:center;color:#111827;display:flex;font-size:18px;font-weight:700;gap:8px;margin:0}@media (min-width:1024px){.header-section .page-title[data-v-5297dc09]{font-size:22px}}.header-section .page-title .icon-title[data-v-5297dc09]{color:#4f46e5;flex-shrink:0}.header-section .page-subtitle[data-v-5297dc09]{color:#6b7280;font-size:13px;line-height:1.5;margin:6px 0 0}@media (min-width:1024px){.header-section .page-subtitle[data-v-5297dc09]{font-size:14px}}.categories-scroll[data-v-5297dc09]{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.category-btn[data-v-5297dc09]{background-color:#fff;border:1px solid #e5e7eb;border-radius:9999px;color:#4b5563;cursor:pointer;font-size:12px;font-weight:700;padding:6px 14px;transition:all .2s;white-space:nowrap}@media (min-width:1024px){.category-btn[data-v-5297dc09]{font-size:14px;padding:8px 16px}}.category-btn[data-v-5297dc09]:hover{border-color:#a5b4fc;color:#4f46e5}.category-btn.active[data-v-5297dc09]{background-color:#4f46e5;border-color:#4f46e5;box-shadow:0 4px 6px -1px #0000001a;color:#fff}.grid-container[data-v-5297dc09]{padding:16px}@media (min-width:768px){.grid-container[data-v-5297dc09]{padding:24px 40px 48px}}@media (min-width:1200px){.grid-container[data-v-5297dc09]{padding:24px 160px 48px}}.empty-state-wrapper[data-v-5297dc09]{align-items:center;display:flex;justify-content:center;min-height:320px}.masonry-flex-container[data-v-5297dc09]{align-items:flex-start;display:flex;gap:12px;width:100%}@media (min-width:640px){.masonry-flex-container[data-v-5297dc09]{gap:14px}}@media (min-width:1024px){.masonry-flex-container[data-v-5297dc09]{gap:16px}}.masonry-column[data-v-5297dc09]{display:flex;flex:1;flex-direction:column;gap:12px;min-width:0}@media (min-width:640px){.masonry-column[data-v-5297dc09]{gap:14px}}@media (min-width:1024px){.masonry-column[data-v-5297dc09]{gap:16px}}.skeleton-card[data-v-5297dc09]{background-color:#fff;border:1px solid #f3f4f6;border-radius:12px;margin-bottom:0;overflow:hidden}.skeleton-image[data-v-5297dc09]{background-color:#f3f4f6;display:block;width:100%}.grid-item[data-v-5297dc09]{margin-bottom:0}.grid-item-card[data-v-5297dc09]{position:relative}.grid-item-link[data-v-5297dc09]{color:inherit;display:block;text-decoration:none}.item-inner[data-v-5297dc09]{background-color:#f3f4f6;border:1px solid #f3f4f6;border-radius:12px;box-shadow:0 1px 2px #0000000d;overflow:hidden;position:relative;transition:transform .3s,box-shadow .3s}.grid-item-card:hover .item-inner[data-v-5297dc09]{box-shadow:0 10px 15px -3px #0000001a;transform:translateY(-2px)}.grid-item-card:hover .item-overlay[data-v-5297dc09]{opacity:1}.grid-item-card:hover .use-template-btn[data-v-5297dc09]{transform:translateY(0)}.image-placeholder[data-v-5297dc09]{align-items:center;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;position:absolute;z-index:0}.image-placeholder .placeholder-spinner[data-v-5297dc09]{animation:spin-5297dc09 1s linear infinite;color:#a5b4fc}.item-image[data-v-5297dc09]{display:block;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;position:relative;transition:opacity .3s;width:100%;z-index:1}.item-overlay[data-v-5297dc09]{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0006;border-radius:12px;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s;z-index:2}.use-template-btn[data-v-5297dc09]{align-items:center;background-color:#4f46e5;border:1px solid hsla(0,0%,100%,.2);border-radius:9999px;box-shadow:0 10px 15px -3px #0003;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:700;gap:6px;padding:8px 16px;pointer-events:auto;transform:translateY(16px);transition:all .3s}.use-template-btn[data-v-5297dc09]:hover{background-color:#4338ca}.loading-area[data-v-5297dc09]{justify-content:center;padding:24px 0;width:100%}.loading-area[data-v-5297dc09],.loading-spinner[data-v-5297dc09]{align-items:center;display:flex}.loading-spinner[data-v-5297dc09]{background-color:#fff;border:1px solid #e0e7ff;border-radius:9999px;box-shadow:0 1px 2px #0000000d;color:#4f46e5;gap:8px;padding:8px 14px}.loading-spinner .icon-spin[data-v-5297dc09]{animation:spin-5297dc09 1s linear infinite}.loading-spinner .loading-text[data-v-5297dc09]{font-size:14px;font-weight:700}.end-text[data-v-5297dc09]{color:#9ca3af;font-size:14px;font-weight:500;margin:0}@keyframes spin-5297dc09{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.custom-scrollbar[data-v-5297dc09]::-webkit-scrollbar{height:6px;width:6px}.custom-scrollbar[data-v-5297dc09]::-webkit-scrollbar-track{background:transparent}.custom-scrollbar[data-v-5297dc09]::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:20px}.custom-scrollbar[data-v-5297dc09]::-webkit-scrollbar-thumb:hover{background-color:#9ca3af}