.material-card[data-v-a2199a20]{background:var(--bg-surface);border:1px solid transparent;border-radius:12px;cursor:pointer;overflow:hidden;transition:box-shadow .3s ease,transform .3s ease}.material-card[data-v-a2199a20]:hover{border-color:var(--border-base);box-shadow:var(--shadow-float);transform:translateY(-2px)}.material-card:hover .detail-btn[data-v-a2199a20]{color:var(--color-primary)}.material-image[data-v-a2199a20]{aspect-ratio:1/1;background:var(--bg-soft);overflow:hidden;position:relative}.material-image .image[data-v-a2199a20]{display:block;height:100%;transition:transform .4s ease;width:100%}.material-image .image-error[data-v-a2199a20]{align-items:center;background:var(--bg-soft);color:var(--text-placeholder);display:flex;font-size:32px;height:100%;justify-content:center;width:100%}.material-image .stock-badge[data-v-a2199a20]{left:12px;position:absolute;top:12px}.material-card:hover .material-image .image[data-v-a2199a20]{transform:scale(1.04)}.material-body[data-v-a2199a20]{display:flex;flex-direction:column;gap:8px;padding:14px 16px 16px}.material-code[data-v-a2199a20]{color:var(--text-primary);font-size:15px;font-weight:600;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.material-meta[data-v-a2199a20]{display:flex;flex-wrap:wrap;gap:6px;min-height:18px}.material-meta .meta-item[data-v-a2199a20]{background:var(--bg-soft);border-radius:4px;color:var(--text-secondary);font-size:14px;line-height:1.4;padding:2px 8px}.material-footer[data-v-a2199a20]{align-items:center;display:flex;justify-content:space-between;margin-top:4px}.material-price[data-v-a2199a20]{align-items:baseline;color:var(--color-price);display:inline-flex;font-weight:600}.material-price .currency[data-v-a2199a20]{font-size:14px;margin-right:2px}.material-price .amount[data-v-a2199a20]{font-size:20px}.detail-btn[data-v-a2199a20]{font-size:14px}.page-materials[data-v-54a86eca]{padding:8px 0 40px}.page-header[data-v-54a86eca]{margin-bottom:24px}.page-title[data-v-54a86eca]{color:var(--text-primary);font-size:26px;font-weight:600;margin-bottom:6px}.page-subtitle[data-v-54a86eca]{color:var(--text-secondary);font-size:14px}.toolbar[data-v-54a86eca]{background:var(--bg-surface);border-radius:10px;box-shadow:var(--shadow-card);display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px;padding:16px}.toolbar .search-input[data-v-54a86eca]{flex-shrink:0;width:280px}.toolbar .filter-select[data-v-54a86eca]{width:180px}.toolbar .filter-select-wide[data-v-54a86eca]{width:280px}.materials-grid-wrapper[data-v-54a86eca]{min-height:320px}.materials-grid[data-v-54a86eca]{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.pagination-wrapper[data-v-54a86eca]{display:flex;justify-content:center;margin-top:32px}@media(max-width:768px){.toolbar .filter-select-wide[data-v-54a86eca],.toolbar .search-input[data-v-54a86eca]{width:100%}.toolbar .filter-select[data-v-54a86eca]{flex:1;min-width:140px}.materials-grid[data-v-54a86eca]{gap:14px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}