/* 首页与产品中心的产品卡片组件。请勿用于客户案例列表。 */
.qlbd-case-1 { width: 100%; padding-block: 0; }
.qlbd-case-1__main { max-width: var(--ql-container-width); margin: 0 auto; }
.qlbd-case-1__grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 24px; align-items: stretch; }
.qlbd-case-1__item { position: relative; display: flex; flex-direction: column; height: 100%; overflow: hidden; background-color: #fff; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,.08); transform: translateY(0) scale(1); transition: all .4s cubic-bezier(.25,.8,.25,1); will-change: transform, box-shadow; }
a.qlbd-case-1__item { display: block; color: inherit; text-decoration: none; }
.qlbd-case-1__item.qlbd-case-1__item--nolink { cursor: default; }
.qlbd-case-1__item.qlbd-case-1__item--nolink:hover { box-shadow: 0 2px 8px rgba(0,0,0,.08); transform: translateY(0); }
.qlbd-case-1__item.qlbd-case-1__item--nolink:hover .qlbd-case-1__name { color: var(--ql-color-text-title); }
.qlbd-case-1__item.qlbd-case-1__item--nolink:hover .qlbd-case-1__image img { transform: translateZ(0) scale(1); }
.qlbd-case-1__item:hover { box-shadow: 0 10px 20px rgba(0,0,0,.12); }
.qlbd-case-1__image { position: relative; aspect-ratio: 5 / 4; overflow: hidden; background-color: #f4f1eb; }
.qlbd-home-products .qlbd-case-1__image { aspect-ratio: 1 / 1; }
.qlbd-case-1__image img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; transform: translateZ(0) scale(1); transition: transform .6s cubic-bezier(.25,.8,.25,1); will-change: transform; }
.qlbd-case-1__item:hover .qlbd-case-1__image img { transform: translateZ(0) scale(1.15); }
.qlbd-case-1__image::after { position: absolute; bottom: 0; left: 0; width: 100%; height: 40%; pointer-events: none; content: ''; background: linear-gradient(to top, rgba(0,0,0,.2), transparent); }
.qlbd-case-1__content { position: relative; z-index: 1; display: flex; flex: 1 1 auto; flex-direction: column; min-height: 0; padding: 20px; }
.qlbd-case-1__name { display: -webkit-box; overflow: hidden; color: var(--ql-color-text-title); font-size: 14px; font-weight: 500; line-height: 1.5; -webkit-box-orient: vertical; -webkit-line-clamp: 2; transition: color .3s .15s ease; }
.qlbd-case-1__item:hover .qlbd-case-1__name { color: var(--ql-color-primary); }
.qlbd-case-1__desc { display: none; overflow: hidden; color: #777; font-size: 14px; line-height: 1.6; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.qlbd-case-1__footer { margin-top: 48px; text-align: center; }
.qlbd-case-1__more-btn { position: relative; display: inline-block; overflow: hidden; padding: 12px 32px; color: var(--ql-color-primary); background-color: transparent; border: 2px solid var(--ql-color-primary); border-radius: 64px; cursor: pointer; font-size: 16px; font-weight: 500; text-decoration: none; transition: .3s ease; }
.qlbd-case-1__more-btn:hover { color: #fff; background-color: var(--ql-color-primary); box-shadow: 0 2px 8px rgba(0,0,0,.08); transform: translateY(-2px); }
@media (max-width: 1400px) { .qlbd-case-1__main { padding-right: 0; padding-left: 0; } }
@media (max-width: 996px) { .qlbd-case-1__footer { margin-top: 32px; } .qlbd-case-1__grid { grid-template-columns: repeat(3, minmax(0,1fr)); gap: 20px; } }
@media (max-width: 768px) { .qlbd-case-1 { padding: 0 15px 10px; } .qlbd-case-1__main { padding-right: 0; padding-left: 0; } .qlbd-case-1__grid { grid-template-columns: repeat(2,1fr); gap: 12px; } .qlbd-case-1__name { font-size: 16px; } .qlbd-case-1__content { padding: 12px; } .qlbd-case-1__item:hover .qlbd-case-1__image img { transform: translateZ(0) scale(1.1); } }