.sample-grid[data-v-4d18ce6f]{display:grid;gap:24px}.sample-grid--cols-auto[data-v-4d18ce6f]{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.sample-grid--cols-2[data-v-4d18ce6f]{grid-template-columns:repeat(2,1fr)}.sample-grid--cols-3[data-v-4d18ce6f]{grid-template-columns:repeat(3,1fr)}.sample-grid--cols-4[data-v-4d18ce6f]{grid-template-columns:repeat(4,1fr)}@media(max-width:992px){.sample-grid--cols-3[data-v-4d18ce6f],.sample-grid--cols-4[data-v-4d18ce6f]{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.sample-grid[data-v-4d18ce6f]{gap:12px;grid-template-columns:1fr 1fr!important}}@media(max-width:480px){.sample-grid[data-v-4d18ce6f]{grid-template-columns:1fr!important}}.sample-card[data-v-4d18ce6f]{animation:fadeInUp-4d18ce6f .5s ease forwards;background:#fff;border:1px solid var(--el-border-color-lighter);border-radius:16px;box-shadow:0 2px 12px #0000000f;color:inherit;display:block;opacity:0;overflow:hidden;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.sample-card[data-v-4d18ce6f]:hover{box-shadow:0 14px 40px #0000001f;transform:translateY(-6px)}.sample-card:hover .card-overlay[data-v-4d18ce6f]{opacity:1}.sample-card:hover .sample-thumbnail img[data-v-4d18ce6f]{transform:scale(1.05)}.sample-card .sample-thumbnail[data-v-4d18ce6f]{aspect-ratio:7/4;background:#f5f7fa;overflow:hidden;position:relative}.sample-card .sample-thumbnail img[data-v-4d18ce6f]{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s;width:100%}.sample-card .sample-thumbnail .thumbnail-placeholder[data-v-4d18ce6f]{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-4d18ce6f]{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;opacity:0;position:absolute;transition:all .3s}.sample-card .sample-thumbnail .card-cta[data-v-4d18ce6f]{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:999px;color:#fff;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:10px 20px;pointer-events:none}.sample-card .sample-thumbnail .card-tags-top[data-v-4d18ce6f]{display:flex;flex-wrap:wrap;gap:6px;left:10px;max-width:calc(100% - 20px);position:absolute;top:10px}.sample-card .sample-thumbnail .card-tag-chip[data-v-4d18ce6f]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6;border-radius:999px;color:var(--el-text-color-regular);font-size:11px;font-weight:600;padding:2px 8px}.sample-card .sample-info[data-v-4d18ce6f]{padding:14px 16px 16px}.sample-card .sample-title[data-v-4d18ce6f]{color:var(--el-text-color-primary);font-size:15px;font-weight:600;margin:0 0 6px}.sample-card .sample-desc[data-v-4d18ce6f],.sample-card .sample-title[data-v-4d18ce6f]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sample-card .sample-desc[data-v-4d18ce6f]{color:var(--el-text-color-secondary);font-size:13px;margin:0 0 10px}.sample-card .sample-meta[data-v-4d18ce6f]{align-items:center;color:var(--el-text-color-secondary);display:flex;font-size:12px;gap:8px}.sample-card .sample-meta .meta-item[data-v-4d18ce6f]{align-items:center;display:inline-flex;gap:4px}.sample-card .sample-meta .meta-more[data-v-4d18ce6f]{color:var(--el-color-primary);font-weight:600;margin-left:auto}@keyframes fadeInUp-4d18ce6f{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}