2 lines
4.3 KiB
CSS
2 lines
4.3 KiB
CSS
[data-v-3b95a39e]:root{--cg-bg-app: #0e0f12;--cg-bg-elevated: #14161c;--cg-bg-soft: rgba(255, 255, 255, .04);--cg-text-strong: rgba(248, 250, 255, .96);--cg-text: rgba(230, 234, 244, .86);--cg-muted: rgba(200, 210, 230, .56);--cg-border: rgba(255, 255, 255, .1);--cg-border-strong: rgba(242, 220, 160, .22);--cg-accent: #c9a962;--cg-accent-strong: #e9d089;--cg-accent-soft: rgba(201, 169, 98, .15);--cg-metallic: linear-gradient( 120deg, rgba(255, 255, 255, .14) 0%, rgba(201, 169, 98, .45) 18%, rgba(232, 210, 150, .75) 36%, rgba(154, 123, 61, .55) 58%, rgba(255, 255, 255, .12) 100% );--cg-shadow-strong: 0 18px 50px rgba(0, 0, 0, .45)}.case-list-page[data-v-3b95a39e]{padding-bottom:72px}.cl-banner[data-v-3b95a39e]{padding:clamp(24px,4vw,40px) 0 clamp(20px,3vw,32px);position:relative}.cl-banner[data-v-3b95a39e]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(201,169,98,.25),transparent)}.cl-banner .title-lg[data-v-3b95a39e]{margin-top:12px}.banner-desc[data-v-3b95a39e]{margin-top:8px;color:var(--cg-muted);font-size:15px;max-width:640px}.cl-chips[data-v-3b95a39e]{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.chip-btn[data-v-3b95a39e]{padding:8px 18px;border-radius:999px;border:1px solid var(--cg-border);background:#ffffff08;color:var(--cg-text);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.chip-btn[data-v-3b95a39e]:hover{border-color:#c9a9624d;color:var(--cg-accent-strong)}.chip-btn.active[data-v-3b95a39e]{border-color:var(--cg-accent);background:#c9a9621f;color:var(--cg-accent-strong);font-weight:600}.loading-state[data-v-3b95a39e],.empty-state[data-v-3b95a39e]{text-align:center;padding:60px 0;color:var(--cg-muted)}.cl-grid[data-v-3b95a39e]{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}@media (max-width: 992px){.cl-grid[data-v-3b95a39e]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 576px){.cl-grid[data-v-3b95a39e]{grid-template-columns:1fr}}.case-card[data-v-3b95a39e]{border-radius:14px;overflow:hidden;border:1px solid var(--cg-border);background:#ffffff08;color:inherit;text-decoration:none;transition:all .3s ease}.case-card[data-v-3b95a39e]:hover{border-color:#c9a9624d;box-shadow:0 12px 36px #00000080;transform:translateY(-3px)}.case-card__image[data-v-3b95a39e]{position:relative;aspect-ratio:4/3;overflow:hidden}.case-card__image img[data-v-3b95a39e]{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.case-card:hover .case-card__image img[data-v-3b95a39e]{transform:scale(1.06)}.case-card__overlay[data-v-3b95a39e]{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.7));display:flex;align-items:flex-end;justify-content:center;padding-bottom:20px;opacity:0;transition:opacity .3s ease}.case-card:hover .case-card__overlay[data-v-3b95a39e]{opacity:1}.case-card__view[data-v-3b95a39e]{padding:8px 20px;border-radius:8px;border:1px solid var(--cg-accent);color:var(--cg-accent-strong);font-weight:600;font-size:13px;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.case-card__info[data-v-3b95a39e]{padding:14px 16px 18px}.case-card__meta[data-v-3b95a39e]{display:flex;gap:10px;align-items:center;margin-bottom:6px}.case-card__tag[data-v-3b95a39e]{font-size:11px;font-weight:600;color:var(--cg-accent);background:#c9a9621a;padding:2px 8px;border-radius:4px}.case-card__location[data-v-3b95a39e]{font-size:12px;color:var(--cg-muted)}.case-card__title[data-v-3b95a39e]{margin:0;font-size:16px;font-weight:700;color:var(--cg-text-strong)}.case-card__desc[data-v-3b95a39e]{margin:4px 0 0;font-size:13px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pagination-bar[data-v-3b95a39e]{display:flex;justify-content:center;gap:6px;margin-top:32px;flex-wrap:wrap}.page-btn[data-v-3b95a39e]{padding:8px 14px;border-radius:8px;border:1px solid var(--cg-border);background:#ffffff08;color:var(--cg-text);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.page-btn[data-v-3b95a39e]:hover:not(:disabled):not(.active){border-color:#c9a9624d;color:var(--cg-accent-strong)}.page-btn.active[data-v-3b95a39e]{border-color:#c9a96266;background:#c9a9621f;color:var(--cg-accent-strong);font-weight:600}.page-btn[data-v-3b95a39e]:disabled{opacity:.4;cursor:not-allowed}
|