body { font-family: "Microsoft YaHei", "Segoe UI", sans-serif; background: #f5f7fa; }
.navbar { box-shadow: 0 2px 8px rgba(0,0,0,0.1); }
.material-card { cursor: pointer; transition: all 0.2s; border: 1px solid #e0e0e0; }
.material-card:hover { border-color: #0d6efd; box-shadow: 0 2px 8px rgba(13,110,253,0.2); transform: translateY(-2px); }
.material-card:active { transform: translateY(0); }
.tab-btn.active { background: #0d6efd; color: #fff; border-color: #0d6efd; }
.qty-input { width: 80px; text-align: center; }
.price-input { width: 70px; text-align: right; }
.cart-item-row:hover { background: #f0f7ff; }
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-thumb { background: #c0c0c0; border-radius: 3px; }
::-webkit-scrollbar-track { background: #f0f0f0; }
.badge { font-weight: normal; }
.table-sm th, .table-sm td { padding: 0.4rem; }