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