.index-case-section[data-v-9d1efcef]{background:linear-gradient(180deg,var(--el-fill-color-light) 0,var(--el-bg-color) 100%);padding:60px 20px}.case-container[data-v-9d1efcef]{margin:0 auto;max-width:1200px}.section-header[data-v-9d1efcef]{margin-bottom:32px;text-align:center}.section-badge[data-v-9d1efcef]{align-items:center;background:linear-gradient(135deg,#ff244214,#ff24420a);border:1px solid rgba(255,36,66,.15);border-radius:100px;color:var(--el-color-primary);display:inline-flex;font-size:12px;font-weight:600;gap:6px;margin-bottom:16px;padding:6px 16px}.section-title[data-v-9d1efcef]{color:var(--el-text-color-primary);font-size:32px;font-weight:700;margin-bottom:10px}.section-subtitle[data-v-9d1efcef]{color:var(--el-text-color-secondary);font-size:15px}.case-tabs-wrapper[data-v-9d1efcef]{display:flex;justify-content:center;margin-bottom:30px}.case-tabs[data-v-9d1efcef]{background:var(--el-fill-color-light);border:1px solid var(--el-border-color-lighter);border-radius:16px;display:inline-flex;gap:8px;padding:6px}.case-tab[data-v-9d1efcef]{align-items:center;background:transparent;border:none;border-radius:12px;color:var(--el-text-color-secondary);cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding:10px 24px;transition:all .3s ease}.case-tab[data-v-9d1efcef]:hover{color:var(--el-color-primary)}.case-tab.active[data-v-9d1efcef]{background:var(--el-color-primary);box-shadow:0 4px 16px #ff24424d;color:#fff}.case-waterfall[data-v-9d1efcef]{display:grid;gap:16px;grid-template-columns:repeat(5,1fr)}.case-item[data-v-9d1efcef]{background:var(--el-bg-color);border-radius:16px;box-shadow:0 4px 12px #00000014;cursor:pointer;overflow:hidden;transition:all .3s ease}.case-item[data-v-9d1efcef]:hover{box-shadow:0 16px 32px #0000001f;transform:translateY(-6px)}.case-item:hover .case-overlay[data-v-9d1efcef]{opacity:1}.case-item-video[data-v-9d1efcef]{aspect-ratio:9/16;max-height:400px}.case-item-image[data-v-9d1efcef]{aspect-ratio:3/4}.case-image-wrapper[data-v-9d1efcef],.case-video-wrapper[data-v-9d1efcef]{align-items:center;background:#000;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.case-image-wrapper .case-image[data-v-9d1efcef],.case-video-wrapper .case-media[data-v-9d1efcef]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.case-placeholder[data-v-9d1efcef]{font-size:2rem;opacity:.5}.case-overlay[data-v-9d1efcef]{background:linear-gradient(transparent,#000c);bottom:0;left:0;opacity:0;padding:12px 14px;position:absolute;right:0;transition:opacity .3s;z-index:3}.case-overlay .case-overlay-title[data-v-9d1efcef]{color:#fff;display:-webkit-box;font-size:13px;font-weight:600;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-play-btn[data-v-9d1efcef]{align-items:center;background:#0009;border-radius:50%;cursor:pointer;display:flex;height:48px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s;width:48px;z-index:2}.video-play-btn[data-v-9d1efcef]:hover{background:#000c;transform:translate(-50%,-50%) scale(1.1)}.video-play-btn .play-icon[data-v-9d1efcef]{color:#fff;font-size:20px;margin-left:2px}.video-pause-btn .play-icon[data-v-9d1efcef]{margin-left:0}.image-count-badge[data-v-9d1efcef]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border-radius:12px;color:#fff;font-size:11px;font-weight:600;padding:4px 10px;position:absolute;right:10px;top:10px}.empty-tip[data-v-9d1efcef]{color:var(--el-text-color-secondary);padding:60px 0;text-align:center}.empty-tip p[data-v-9d1efcef]{font-size:15px;margin-top:16px}.dark .index-case-section[data-v-9d1efcef]{background:linear-gradient(180deg,rgba(35,35,40,.8) 0,var(--el-bg-color) 100%)}.dark .case-tabs[data-v-9d1efcef]{background:#ffffff0d;border-color:#ffffff1a}.dark .case-tab[data-v-9d1efcef]:hover{color:var(--el-color-primary-light-5)}.dark .case-item[data-v-9d1efcef]{background:#282830e6;box-shadow:0 4px 12px #0000004d}@media (max-width:1024px){.case-waterfall[data-v-9d1efcef]{grid-template-columns:repeat(4,1fr)}}@media (max-width:768px){.case-waterfall[data-v-9d1efcef]{grid-template-columns:repeat(3,1fr)}.case-item-video[data-v-9d1efcef]{aspect-ratio:1/1;max-height:none}}@media (max-width:480px){.case-waterfall[data-v-9d1efcef]{gap:12px;grid-template-columns:repeat(2,1fr)}.case-tabs[data-v-9d1efcef]{flex-direction:column}.case-tab[data-v-9d1efcef]{justify-content:center}}