.star-rating {
  display: flex;
  align-items: center; /* 垂直居中对齐 */
  gap: 2px; /* 星星间距 */
  margin: 2px 0; /* 上下外边距各2px（垂直空隙） */
}

.star {
  position: relative;
  width: 12px; /* 原来的 24px → 缩小到 8px */
  height: 12px; /* 原来的 24px → 缩小到 8px */
  cursor: pointer;
}

.star svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.star .outline {
  fill: none;
  stroke: #555;
  stroke-width: 0.5; /* 缩小描边宽度 */
}

.star .fill {
  fill: #f90;
  clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
}

.star.full .fill {
  clip-path: none;
}

.star.empty .fill {
  display: none;
}

.star:hover .fill {
  fill: #ffcc00;
}
/* 分数样式 */
.score {
  margin-left: 5px; /* 分数与星星间距 */
  font-size: 12px; /* 分数字体大小 */
  color: #333; /* 分数颜色 */
  font-weight: normal; /* 取消加粗 */
}