.case-card-v2 { box-sizing:border-box; display:flex; flex-direction:column; gap:12px; width:100%; max-width:274px; height:246px; padding:7px 11px 11px; border:1px solid #e2e8f0; border-radius:8px; background:linear-gradient(180deg, #f5f6ff 0%, #f9faff 100%); color:#0f172a; text-decoration:none; overflow:hidden; }
.case-card-v2 *, .case-card-v2 *::before { box-sizing:border-box; }
.case-card-v2:hover { color:#0f172a; }
.case-card-v2__header { display:flex; gap:8px; align-items:flex-end; height:66px; min-height:66px; width:100%; }
.case-card-v2__cover { position:relative; width:50px; height:61px; flex:none; overflow:hidden; border-radius:4px; background:#e2e8f0; }
.case-card-v2__offer { width:50px; height:61px; object-fit:cover; display:block; }
.case-card-v2__offer-bottom { position:absolute; bottom:0; left:0; width:50px; height:auto; }
.case-card-v2__heading { display:flex; flex:1; min-width:0; flex-direction:column; gap:4px; }
.case-card-v2__title { height:44px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; color:#1e293b; font-size:14px; font-weight:500; line-height:22px; word-break:break-all; }
.case-card-v2__meta { display:flex; align-items:center; justify-content:space-between; gap:4px; }
.case-card-v2__tags { display:flex; flex-wrap:wrap; gap:4px; min-width:0; max-height:20px; overflow:hidden; }
.case-card-v2__tag { flex-shrink:0; white-space:nowrap; padding:2px 4px; border:0.6px solid #f1e1d7; border-radius:4px; background:#fbf1e0; font-size:11px; line-height:14px; color:#c9410f; }
.case-card-v2__panel { position:relative; width:100%; height:148px; flex:none; border-radius:4px; background:#fff; }
.case-card-v2__content { position:relative; padding:12px; }
.case-card-v2__student { display:flex; align-items:center; gap:8px; height:24px; margin-bottom:8px; }
.case-card-v2__student strong { color:#0f172a; font-size:16px; font-weight:500; line-height:24px; max-width:125px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.case-card-v2__student span { background:#eef0fd; color:#0c32f6; border-radius:4px; padding:0 4px; font-size:12px; line-height:18px; white-space:nowrap; }
.case-card-v2__row { display:flex; gap:10px; font-size:13px; line-height:20px; margin-bottom:4px; min-width:0; }
.case-card-v2__label { color:#64748b; flex:none; }
.case-card-v2__value { color:#0f172a; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.case-card-v2-grid, .page__newst__list .section__part__result .commend-list .list { display:grid !important; grid-template-columns:repeat(3, minmax(0,274px)); gap:16px 12px; align-items:start !important; justify-content:start !important; }
.detail__module__case .case-card-v2-grid:last-child { padding-bottom:20px; }
@media (max-width:900px) { .case-card-v2-grid { grid-template-columns:repeat(auto-fit,minmax(240px,274px)); } .case-card-v2 { max-width:100%; } }
