.read img {
  /* filter: grayscale(100%); */
  opacity: 0.9;
}
.read div{
  color:gray !important;
}
.mui-table-view .mui-media,
.mui-table-view .mui-media-body {
  text-align: center !important;
}

#gridList img {
  width: 100%;              /* 占满容器 */
  aspect-ratio: 1 / 1;      /* 保持1:1比例 */
  object-fit: cover;
	object-position: top;
  border-radius: 8px;
}

.search-bar-row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 15px;
  flex-wrap: wrap; /* 保证在小屏时不会溢出 */
}

.tag-group {
  display: flex;
  gap: 5px;
}

.mui-search {
  flex-grow: 1;
  height: 27px;
  display: flex;
  align-items: center;
  background: #F4F5F6;
  border-radius: 8px;
  /*padding: 0 10px; */
}

.mui-search input {
  border: none;
  background: transparent;
  font-size: 13px;
  flex-grow: 1;
  height: 100%;           /* ✅ 保证和父容器一样高 */
  line-height: 37px;      /* ✅ 行高 = 高度，实现垂直居中 */
  padding: 0;             /* ✅ 避免默认内边距影响 */
  margin: 0;
}