/*
Plugin Name: 子比积分商城
Plugin URI: https://www.youbarrel.com/
Description: 一款由旺星人写的积分商城功能
Version: 1.8.1
Author: 旺星人
Author URI: https://www.youbarrel.com/
*/
/* 按钮的基本样式 */
.mt6.but.jb-red.btn-block.radius.padding-lg {
    position: relative;
    display: inline-block;
    text-decoration: none;
    font-size: 16px;
    background-color: #FF5722; /* 你可以根据需求调整按钮的背景色 */
    color: white;
    padding: 15px 20px;
    border-radius: 8px;
    text-align: center;
    transition: background-color 0.3s;
  }
  
  .mt6.but.jb-red.btn-block.radius.padding-lg:hover {
    background-color: #E64A19; /* 鼠标悬停时的背景颜色 */
  }
  
  /* 箭头容器 */
  .arrow-container {
    position: absolute;
    right: 10px;  /* 箭头与按钮右边的距离 */
    top: 50%;
    transform: translateY(-50%); /* 垂直居中 */
  }
  
  /* 箭头的样式 */
  .arrow {
    width: 24px;
    height: 24px;
    border: 2px solid #fff; /* 箭头的颜色 */
    border-width: 2px 2px 0 0;
    position: relative;
    transform: rotate(45deg);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
  }
  
  /* 箭头内部显示的文字 */
  .subsidy-label {
    font-size: 12px;
    color: #fff;  /* "已补贴"文字的颜色 */
    margin-bottom: 2px;
  }
  
  .subsidy-amount {
    font-size: 14px;
    color: #fff;  /* 金额文字的颜色 */
  }
  
  /* 箭头下方的小三角形 */
  .arrow::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fff;  /* 箭头底部小三角形的颜色 */
    bottom: -6px;
    left: 50%;
    transform: translateX(-50%);
  }
/* 评分星星样式 - 美化版 */
.rating-stars-box {
  display: flex;
  align-items: center;
}

.rating-stars {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
}

.rating-stars input[type="radio"] {
  display: none;
}

.rating-stars label {
  color: #ddd;
  cursor: pointer;
  padding: 0 2px;
  transition: all 0.2s;
}

.rating-stars label:hover,
.rating-stars label:hover ~ label,
.rating-stars input[type="radio"]:checked ~ label {
  color: #ffc107;
}

.rating-text {
  font-size: 14px;
  color: #666;
  margin-left: 10px;
}

.rating-text span {
  color: #ffc107;
  font-weight: bold;
}