2 lines
6.1 KiB
CSS
2 lines
6.1 KiB
CSS
.portal-img[data-v-b1c82d87]{display:block;width:100%;height:100%;object-fit:var(--v200e201a)}[data-v-698686eb]: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)}.product-list-page[data-v-698686eb]{padding-bottom:72px}.pl-banner[data-v-698686eb]{padding:clamp(24px,4vw,40px) 0 clamp(20px,3vw,32px);position:relative}.pl-banner[data-v-698686eb]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(201,169,98,.25),transparent)}.pl-banner .title-lg[data-v-698686eb]{margin-top:12px}.banner-desc[data-v-698686eb]{margin-top:8px;color:var(--cg-muted);font-size:15px;max-width:640px}.pl-layout[data-v-698686eb]{display:grid;grid-template-columns:240px 1fr;gap:24px;margin-top:24px;align-items:start}@media (max-width: 992px){.pl-layout[data-v-698686eb]{grid-template-columns:1fr}}.pl-sidebar[data-v-698686eb]{padding:16px;border:1px solid var(--cg-border);border-radius:14px;background:#ffffff08;position:sticky;top:120px}@media (max-width: 992px){.pl-sidebar[data-v-698686eb]{position:static}}.sidebar-title[data-v-698686eb]{font-weight:700;font-size:15px;color:var(--cg-text-strong);margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--cg-border)}.category-btn[data-v-698686eb]{display:block;width:100%;text-align:left;padding:8px 10px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--cg-text);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.category-btn[data-v-698686eb]:hover{color:var(--cg-accent-strong);background:#c9a9620f}.category-btn.active[data-v-698686eb]{color:var(--cg-accent-strong);border-color:#c9a9624d;background:#c9a9621a;font-weight:600}.category-parent[data-v-698686eb]{font-weight:600;margin-top:4px}.category-child[data-v-698686eb]{padding-left:24px;font-size:13px}.category-dot[data-v-698686eb]{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--cg-accent);margin-right:8px;opacity:.4}.category-btn.active .category-dot[data-v-698686eb]{opacity:1}.pl-main[data-v-698686eb]{min-height:400px}.pl-toolbar[data-v-698686eb]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.result-info[data-v-698686eb]{font-size:14px;color:var(--cg-muted)}.result-info strong[data-v-698686eb]{color:var(--cg-text-strong)}.total-count[data-v-698686eb]{margin-left:12px;font-size:13px}.search-box[data-v-698686eb]{display:flex;gap:8px}.search-input[data-v-698686eb]{padding:8px 14px;border-radius:10px;border:1px solid var(--cg-border);background:#ffffff0a;color:var(--cg-text-strong);font-size:14px;width:220px;outline:none;transition:border-color .2s}.search-input[data-v-698686eb]:focus{border-color:#c9a96266}.search-input[data-v-698686eb]::placeholder{color:var(--cg-muted)}.search-btn[data-v-698686eb]{padding:8px 16px;border-radius:10px;border:1px solid rgba(201,169,98,.3);background:#c9a9621a;color:var(--cg-accent-strong);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.search-btn[data-v-698686eb]:hover{background:#c9a96233;border-color:#c9a96280}.loading-state[data-v-698686eb],.empty-state[data-v-698686eb]{text-align:center;padding:60px 0;color:var(--cg-muted);font-size:15px}.product-grid[data-v-698686eb]{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media (max-width: 1200px){.product-grid[data-v-698686eb]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 576px){.product-grid[data-v-698686eb]{grid-template-columns:1fr}}.product-card[data-v-698686eb]{display:flex;flex-direction:column;border-radius:14px;overflow:hidden;border:1px solid var(--cg-border);background:#ffffff08;color:inherit;text-decoration:none;transition:all .3s ease}.product-card[data-v-698686eb]:hover{border-color:#c9a9624d;box-shadow:0 12px 36px #00000080;transform:translateY(-3px)}.product-thumb[data-v-698686eb]{position:relative;aspect-ratio:4/3;overflow:hidden;background:linear-gradient(135deg,#ffffff14,#0006)}.product-thumb .product-img[data-v-698686eb]{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.product-card:hover .product-thumb .product-img[data-v-698686eb]{transform:scale(1.06)}.product-overlay[data-v-698686eb]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000080;opacity:0;transition:opacity .3s ease;color:var(--cg-accent-strong);font-weight:600;font-size:13px}.product-card:hover .product-overlay[data-v-698686eb]{opacity:1}.product-info[data-v-698686eb]{padding:12px 14px 16px;display:flex;flex-direction:column;gap:4px;flex:1}.product-category[data-v-698686eb]{font-size:12px;color:var(--cg-muted)}.product-name[data-v-698686eb]{font-weight:700;font-size:15px;color:var(--cg-text-strong)}.product-summary[data-v-698686eb]{font-size:13px;color:var(--cg-muted);line-height:1.5;margin:4px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-price[data-v-698686eb]{margin-top:auto;padding-top:8px;font-weight:700;font-size:15px;color:var(--cg-accent-strong)}.pagination-bar[data-v-698686eb]{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:32px;flex-wrap:wrap}.page-btn[data-v-698686eb]{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-698686eb]:hover:not(:disabled):not(.active){border-color:#c9a9624d;color:var(--cg-accent-strong)}.page-btn.active[data-v-698686eb]{border-color:#c9a96266;background:#c9a9621f;color:var(--cg-accent-strong);font-weight:600}.page-btn[data-v-698686eb]:disabled{opacity:.4;cursor:not-allowed}
|