.client-case-wrapper[data-v-4f9e8bf1]{margin:0;padding:0;width:100%}.case-header[data-v-4f9e8bf1]{margin-bottom:36px;text-align:center}.case-title[data-v-4f9e8bf1]{color:var(--el-text-color-primary);font-size:28px;font-weight:700;margin:0 0 12px}.case-desc[data-v-4f9e8bf1]{color:var(--el-text-color-secondary);font-size:15px;line-height:1.6;margin:0 auto;max-width:600px}.case-content[data-v-4f9e8bf1]{width:100%}.case-tabs[data-v-4f9e8bf1]{display:flex;justify-content:center;margin-bottom:24px}.tabs-list[data-v-4f9e8bf1]{display:flex;gap:0;list-style:none;margin:0;padding:0}.tabs-list li[data-v-4f9e8bf1]{position:relative}.tabs-list li a[data-v-4f9e8bf1]{border-bottom:2px solid transparent;color:var(--el-text-color-regular);display:block;font-size:14px;font-weight:500;padding:10px 28px;text-decoration:none;transition:all .3s ease}.tabs-list li.active a[data-v-4f9e8bf1],.tabs-list li:hover a[data-v-4f9e8bf1]{color:var(--el-color-primary)}.tabs-list li.active a[data-v-4f9e8bf1]{border-bottom-color:var(--el-color-primary)}.case-showcase[data-v-4f9e8bf1]{align-items:flex-start;display:flex;justify-content:center;margin:0 auto;max-width:1200px;min-height:400px;position:relative}.showcase-left[data-v-4f9e8bf1]{margin-right:-80px;position:relative;top:80px;width:320px;z-index:2}.left-content[data-v-4f9e8bf1]{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:rgba(var(--el-color-primary-rgb),.1);border:1px solid rgba(var(--el-color-primary-rgb),.2);border-radius:16px;box-shadow:0 12px 40px #0000001a;box-sizing:border-box;color:#fff;height:280px;padding:28px;transition:all .4s ease}.showcase-title[data-v-4f9e8bf1]{color:#fff;font-size:16px;font-weight:700;line-height:1.4;margin:0 0 12px;transition:all .3s ease}.showcase-divider[data-v-4f9e8bf1]{background:linear-gradient(90deg,#fff,#fffc);border-radius:2px;height:2px;margin-bottom:12px;width:35px}.showcase-excerpt[data-v-4f9e8bf1]{color:#ffffffe6;display:-webkit-box;font-size:12px;-webkit-line-clamp:4;line-height:1.6;margin:0 0 16px;-webkit-box-orient:vertical;overflow:hidden}.showcase-more[data-v-4f9e8bf1]{align-items:center;color:#fff;display:inline-flex;font-size:12px;font-weight:500;gap:4px;text-decoration:none;transition:all .3s ease}.showcase-more[data-v-4f9e8bf1]:hover{gap:6px}.showcase-more i[data-v-4f9e8bf1]{font-size:12px;transition:transform .3s ease}.showcase-more:hover i[data-v-4f9e8bf1]{transform:translate(3px)}.showcase-right[data-v-4f9e8bf1]{align-items:flex-start;display:flex;flex-direction:column;position:relative;width:-moz-fit-content;width:fit-content;z-index:1}.showcase-main-image-wrapper[data-v-4f9e8bf1]{align-items:center;display:flex;gap:0;position:relative}.showcase-main-image[data-v-4f9e8bf1]{border-radius:12px;height:280px;margin-bottom:16px;overflow:hidden;width:560px}.showcase-main-image img[data-v-4f9e8bf1]{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .6s ease;width:100%}.showcase-main-image:hover img[data-v-4f9e8bf1]{transform:scale(1.03)}.showcase-decoration[data-v-4f9e8bf1]{flex-shrink:0;height:auto;margin-left:20px;opacity:.8;pointer-events:none;position:relative;width:80px}.showcase-decoration img[data-v-4f9e8bf1]{height:auto;mix-blend-mode:multiply;-o-object-fit:contain;object-fit:contain;width:100%}.showcase-thumbnails[data-v-4f9e8bf1]{align-items:center;display:flex;gap:10px;margin-left:auto}.thumb-btn[data-v-4f9e8bf1]{align-items:center;background:var(--el-fill-color-light);border-radius:6px;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:all .3s ease;width:28px}.thumb-btn i[data-v-4f9e8bf1]{color:var(--el-text-color-secondary);font-size:14px;transition:color .3s ease}.thumb-btn[data-v-4f9e8bf1]:hover{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:rgba(var(--el-color-primary-rgb),.1)}.thumb-btn:hover i[data-v-4f9e8bf1]{color:var(--el-color-primary)}.thumb-list[data-v-4f9e8bf1]{display:flex;flex:1;gap:12px;overflow:hidden}.thumb-item[data-v-4f9e8bf1]{border:1px solid transparent;border-radius:6px;cursor:pointer;height:100px;opacity:.6;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);width:160px}.thumb-item img[data-v-4f9e8bf1]{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s cubic-bezier(.4,0,.2,1);width:100%}.thumb-item[data-v-4f9e8bf1]:hover{opacity:.8}.thumb-item:hover img[data-v-4f9e8bf1]{transform:scale(1.05)}.thumb-item.active[data-v-4f9e8bf1]{border-color:rgba(var(--el-color-primary-rgb),.3);opacity:1}.thumb-item.active img[data-v-4f9e8bf1]{transform:scale(1)}.case-empty[data-v-4f9e8bf1]{background:var(--el-fill-color-light);border-radius:16px;padding:60px;text-align:center}.dark .left-content[data-v-4f9e8bf1]{background:#1e1e1eb3;border-color:#ffffff1a}.dark .thumb-btn[data-v-4f9e8bf1]{background:#ffffff1a}.dark .thumb-btn i[data-v-4f9e8bf1]{color:var(--el-text-color-primary)}.dark .case-empty[data-v-4f9e8bf1]{background:#ffffff0d}@media(max-width:1024px){.case-showcase[data-v-4f9e8bf1]{flex-direction:column}.showcase-left[data-v-4f9e8bf1]{margin-bottom:24px;position:static;width:100%}.showcase-right[data-v-4f9e8bf1]{margin-left:0}.left-content[data-v-4f9e8bf1]{height:auto;padding:24px}.showcase-title[data-v-4f9e8bf1]{font-size:18px}.showcase-excerpt[data-v-4f9e8bf1]{-webkit-line-clamp:3}.showcase-main-image-wrapper[data-v-4f9e8bf1]{flex-direction:column;gap:0}.showcase-main-image[data-v-4f9e8bf1]{aspect-ratio:16/10;height:auto;width:100%}.showcase-decoration[data-v-4f9e8bf1]{display:none}.showcase-thumbnails[data-v-4f9e8bf1]{margin-left:0}.thumb-item[data-v-4f9e8bf1]{aspect-ratio:4/3;height:auto;width:100%}}@media(max-width:768px){.client-case-wrapper[data-v-4f9e8bf1]{padding:24px 0}.case-title[data-v-4f9e8bf1]{font-size:22px}.case-desc[data-v-4f9e8bf1]{font-size:14px;padding:0 16px}.case-header[data-v-4f9e8bf1]{margin-bottom:24px}.tabs-list li a[data-v-4f9e8bf1]{font-size:13px;padding:8px 16px}.showcase-left[data-v-4f9e8bf1]{width:100%}.left-content[data-v-4f9e8bf1]{height:auto;padding:20px}.showcase-main-image-wrapper[data-v-4f9e8bf1]{flex-direction:column;gap:0}.showcase-main-image[data-v-4f9e8bf1]{aspect-ratio:16/10;height:auto;width:100%}.showcase-decoration[data-v-4f9e8bf1]{display:none}.showcase-thumbnails[data-v-4f9e8bf1]{gap:8px;margin-left:0}.thumb-item[data-v-4f9e8bf1]{aspect-ratio:4/3;height:auto;width:100%}.thumb-btn[data-v-4f9e8bf1]{height:28px;width:28px}.thumb-btn i[data-v-4f9e8bf1]{font-size:14px}}