.samples-content[data-v-5e4ddeb4]{background:#fff;margin:0;min-height:100vh;padding:0}.filter-container[data-v-5e4ddeb4]{display:flex;flex-direction:column;gap:12px;padding:20px 24px 0}@media(max-width:768px){.filter-container[data-v-5e4ddeb4]{padding:16px 16px 0}}.category-section[data-v-5e4ddeb4]{border-bottom:1px solid var(--el-border-color-lighter);overflow:hidden;padding-bottom:12px}.category-tabs-wrapper[data-v-5e4ddeb4]{overflow:hidden}.category-tabs[data-v-5e4ddeb4]{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding:0 0 8px;scrollbar-color:rgba(0,0,0,.1) transparent;scrollbar-width:thin}.category-tabs[data-v-5e4ddeb4]::-webkit-scrollbar{height:4px}.category-tabs[data-v-5e4ddeb4]::-webkit-scrollbar-track{background:transparent}.category-tabs[data-v-5e4ddeb4]::-webkit-scrollbar-thumb{background:#0000001a;border-radius:2px}.category-tabs[data-v-5e4ddeb4]::-webkit-scrollbar-thumb:hover{background:#0003}.category-tab[data-v-5e4ddeb4]{background:#fff;border:1px solid var(--el-border-color);border-radius:20px;color:var(--el-text-color-regular);cursor:pointer;display:inline-block;flex-shrink:0;font-size:14px;padding:6px 16px;text-decoration:none;transition:all .2s;white-space:nowrap}.category-tab[data-v-5e4ddeb4]:hover{border-color:var(--el-color-primary-light-3);color:var(--el-color-primary)}.category-tab.active[data-v-5e4ddeb4]{background:var(--el-color-primary);border-color:var(--el-color-primary);color:#fff}.search-section[data-v-5e4ddeb4]{display:flex;justify-content:flex-start;padding-bottom:12px}.search-wrap[data-v-5e4ddeb4]{max-width:300px;width:100%}@media(max-width:768px){.search-wrap[data-v-5e4ddeb4]{max-width:100%}}.samples-grid[data-v-5e4ddeb4]{display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:20px 24px 40px}@media(max-width:768px){.samples-grid[data-v-5e4ddeb4]{grid-template-columns:1fr;padding:16px 16px 32px}}.sample-card[data-v-5e4ddeb4]{animation:fadeInUp-5e4ddeb4 .5s ease forwards;background:#fff;border:1px solid var(--el-border-color-lighter);border-radius:16px;box-shadow:0 2px 12px #00000014;color:inherit;cursor:pointer;display:block;opacity:0;overflow:hidden;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.sample-card[data-v-5e4ddeb4]:hover{box-shadow:0 12px 40px #0000001f;transform:translateY(-8px)}.sample-card:hover .card-overlay[data-v-5e4ddeb4]{opacity:1}.sample-card:hover .sample-thumbnail img[data-v-5e4ddeb4]{transform:scale(1.05)}.sample-card .sample-thumbnail[data-v-5e4ddeb4]{aspect-ratio:7/4;background:#f5f7fa;overflow:hidden;position:relative}.sample-card .sample-thumbnail img[data-v-5e4ddeb4]{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s;width:100%}.sample-card .sample-thumbnail .thumbnail-placeholder[data-v-5e4ddeb4]{align-items:center;background:linear-gradient(135deg,#f5f7fa,#e4e7ed);color:#c0c4cc;display:flex;font-size:48px;height:100%;justify-content:center;width:100%}.sample-card .sample-thumbnail .card-overlay[data-v-5e4ddeb4]{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:all .3s}.sample-card .sample-thumbnail .card-cta[data-v-5e4ddeb4]{align-items:center;background:var(--el-color-primary);border-radius:999px;color:#fff;display:inline-flex;font-size:14px;font-weight:500;gap:6px;line-height:1;padding:12px 24px;pointer-events:none}.sample-card .sample-info[data-v-5e4ddeb4]{padding:16px}.sample-card .sample-info .sample-title[data-v-5e4ddeb4]{color:var(--el-text-color-primary);font-size:16px;font-weight:600;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sample-card .sample-info .sample-desc[data-v-5e4ddeb4]{color:var(--el-text-color-secondary);font-size:14px;margin-bottom:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sample-card .sample-info .sample-meta[data-v-5e4ddeb4]{align-items:center;display:flex;gap:8px}.sample-card .sample-info .sample-meta .el-tag[data-v-5e4ddeb4]{align-items:center;display:flex;gap:4px}.pagination-container[data-v-5e4ddeb4]{border-top:1px solid var(--el-border-color-lighter);display:flex;justify-content:center;padding:40px 24px}@media(max-width:768px){.pagination-container[data-v-5e4ddeb4]{padding:32px 16px}}@keyframes fadeInUp-5e4ddeb4{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}