2 lines
4.4 KiB
CSS
2 lines
4.4 KiB
CSS
.page-banner[data-v-66f996b9]{height:300px;background:#036;position:relative;display:flex;align-items:center}@media(max-width:768px){.page-banner[data-v-66f996b9]{height:200px}}.page-banner-overlay[data-v-66f996b9]{position:absolute;inset:0;background:linear-gradient(135deg,#001e3ccc,#0369)}.page-banner-content[data-v-66f996b9]{position:relative;z-index:1;color:#fff}.page-banner-content h1[data-v-66f996b9]{font-size:42px;font-weight:700}.cases-filter[data-v-66f996b9]{display:flex;gap:12px;margin-bottom:32px;flex-wrap:wrap}.cases-filter button[data-v-66f996b9]{padding:8px 20px;border:2px solid #E5E7EB;background:#fff;border-radius:8px;cursor:pointer;font-size:14px;color:#4b5563;transition:all .3s ease}.cases-filter button[data-v-66f996b9]:hover,.cases-filter button.active[data-v-66f996b9]{border-color:#036;color:#036}.cases-filter button.active[data-v-66f996b9]{background:#036;color:#fff}.cases-grid[data-v-66f996b9]{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}@media(max-width:768px){.cases-grid[data-v-66f996b9]{grid-template-columns:1fr}}.case-card[data-v-66f996b9]{text-decoration:none;overflow:hidden}.case-img[data-v-66f996b9]{height:200px;background-size:cover;background-position:center;background-color:#e5e7eb}.case-img--placeholder[data-v-66f996b9]{position:relative;border-bottom:1px solid rgba(0,51,102,.12);background:#024}.case-img__industrial[data-v-66f996b9]{position:relative;height:100%;min-height:200px;overflow:hidden;background:linear-gradient(155deg,#024,#036 42%,#048 78%,#003569);box-sizing:border-box}.case-img__mesh[data-v-66f996b9]{position:absolute;inset:0;opacity:.22;background-image:repeating-linear-gradient(0deg,transparent,transparent 11px,rgba(255,255,255,.07) 11px,rgba(255,255,255,.07) 12px),repeating-linear-gradient(90deg,transparent,transparent 11px,rgba(255,255,255,.05) 11px,rgba(255,255,255,.05) 12px);pointer-events:none}.case-img__scan[data-v-66f996b9]{position:absolute;inset:-40% -20%;opacity:.14;transform:rotate(-18deg);background:repeating-linear-gradient(0deg,transparent,transparent 18px,rgba(255,255,255,.09) 18px,rgba(255,255,255,.09) 19px);pointer-events:none}.case-img__rim[data-v-66f996b9]{position:absolute;top:-30%;right:-18%;width:68%;height:95%;border-radius:50%;border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px #0000001f,0 0 40px #00000040;pointer-events:none}.case-img__watermark[data-v-66f996b9]{position:absolute;inset:14px 52px 52px 16px;margin:0;padding:0;font-size:17px;font-weight:700;line-height:1.28;letter-spacing:.03em;text-align:left;color:#ffffff42;text-shadow:0 1px 0 rgba(0,0,0,.25);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;font-family:Source Han Sans CN,Microsoft YaHei,PingFang SC,sans-serif,Roboto,Montserrat,Helvetica Neue,Arial,sans-serif}.case-img__hud[data-v-66f996b9]{position:absolute;left:14px;bottom:14px;display:flex;align-items:center;gap:10px;max-width:calc(100% - 24px)}.case-img__hud-mark[data-v-66f996b9]{flex-shrink:0;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;letter-spacing:.02em;color:#fffffff2;font-family:Roboto,Montserrat,Helvetica Neue,Arial,sans-serif,Source Han Sans CN,Microsoft YaHei,PingFang SC,sans-serif,sans-serif;background:#00000038;border:1px solid rgba(255,255,255,.35);border-radius:4px;box-shadow:0 2px 8px #00000059,inset 0 1px #ffffff1f}.case-img__hud-meta[data-v-66f996b9]{font-size:10px;font-weight:700;line-height:1.35;letter-spacing:.14em;text-transform:uppercase;color:#ffffffc7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.case-img__baseline[data-v-66f996b9]{position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#f59e0bd9,#ffffff73,#004488e6);opacity:.9}.case-card:hover .case-img__industrial[data-v-66f996b9]{filter:brightness(1.06)}.case-card:hover .case-img__watermark[data-v-66f996b9]{color:#ffffff52}.case-info[data-v-66f996b9]{padding:20px}.case-info h3[data-v-66f996b9]{font-size:19px;color:#111827;margin-bottom:8px;line-height:1.35}.case-project[data-v-66f996b9]{font-size:15px;color:#036;font-weight:600;margin-bottom:8px;line-height:1.45}.case-desc[data-v-66f996b9]{color:#4b5563;font-size:14px;line-height:1.65;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0}.case-cat[data-v-66f996b9]{display:inline-block;margin-top:12px;font-size:12px;font-weight:700;color:#6b7280;letter-spacing:.04em;text-transform:uppercase}
|