.wv-selector-item {
  --wv-scale-size: 1.06;
  --wv-border-width: 1rpx;

  position: relative;
  transition: all 0.2s ease;
}

/* 边框元素样式 */
.wv-selector-item-border {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none; /* 确保不会干扰点击事件 */
  box-sizing: border-box;
  z-index: 1;
  overflow: hidden;
}

/* 选中状态 */
.wv-selector-item.selected {
  /* 所有选中样式由主题类和border/scale类共同管理 */
}

/* 缩放选中效果 - 修复transform语法 */
.wv-selector-item.selected.scale {
  transform: scale(var(--wv-scale-size));
  z-index: 1;
  box-shadow: var(--wv-box-shadow-common);
}

/* 禁用状态 */
.wv-selector-item.disabled {
  opacity: 0.5;
  cursor: not-allowed;
  filter: grayscale(0.8);
  pointer-events: none;
}




/* 角标样式 */
.wv-selector-item-badge {
  --wv-badge-size: 60rpx; /* 默认值，会被内联样式覆盖 */
  
  position: absolute;
  width: var(--wv-badge-size);
  height: var(--wv-badge-size);
  z-index: 1;
  opacity: 0.8;
  transform-origin: 50% 50%;
  transform: rotate(45deg);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.wv-selector-item-badge .icon {
  position: absolute;
  transform: rotate(-45deg);
}

.wv-selector-item-badge.top-left .icon {
  right: -4rpx;
}

.wv-selector-item-badge.top-right .icon {
  bottom: -8rpx;
}

.wv-selector-item-badge.bottom-left .icon {
  top: -6rpx;
}

.wv-selector-item-badge.bottom-right .icon {
  left: -4rpx;
}


.wv-selector-item-badge.top-left {
  top: calc(var(--wv-badge-size) / -2);
  left: calc(var(--wv-badge-size) / -2);
}

.wv-selector-item-badge.top-right {
  top: calc(var(--wv-badge-size) / -2);
  right: calc(var(--wv-badge-size) / -2);
}

.wv-selector-item-badge.bottom-left {
  bottom: calc(var(--wv-badge-size) / -2);
  left: calc(var(--wv-badge-size) / -2);
}

.wv-selector-item-badge.bottom-right {
  bottom: calc(var(--wv-badge-size) / -2);
  right: calc(var(--wv-badge-size) / -2);
}

.wv-tag.border .wv-selector-item-badge.top-right {
  border-color: transparent #333 transparent transparent;
}

.wv-tag.border .wv-selector-item-badge.top-left {
  border-color: #333 transparent transparent transparent;
}

.wv-tag.border .wv-selector-item-badge.bottom-right {
  border-color: transparent transparent #333 transparent;
}

.wv-tag.border .wv-selector-item-badge.bottom-left {
  border-color: transparent transparent transparent #333;
}