.trigger-button {
        display: block;
        margin: 30px auto;
        padding: 12px 30px;
        background-color: #2c80ff;
        color: white;
        border: none;
        border-radius: 4px;
        font-size: 16px;
        cursor: pointer;
        transition: background-color 0.3s;
      }

      .trigger-button:hover {
        background-color: #1a6fe0;
      }

      /* 右侧弹框样式 */
      .evaluation-modal {
        position: fixed;
        top: 0;
        right: -600px;
        width: 600px;
        height: 100vh;
        background-color: white;
        box-shadow: -5px 0 15px rgba(0, 0, 0, 0.1);
        transition: right 0.3s ease;
        z-index: 1000;
        display: flex;
        flex-direction: column;
      }

      .evaluation-modal.pActive {
        right: 0;
      }

      .modal-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 999;
        display: none;
      }

      .modal-overlay.pActive {
        display: block;
      }

      .modal-header {
        background-color: #409dfe;
        color: white;
        padding: 15px 20px;
        display: flex;
        justify-content: space-between;
        align-items: center;
      }

      .modal-title {
        font-size: 18px;
        font-weight: bold;
      }

      .modal-close {
        background: none;
        border: none;
        color: white;
        font-size: 20px;
        cursor: pointer;
        padding: 5px;
      }

      .modal-content {
        flex: 1;
        /* padding: 20px; */
        width: 100%;
      }

      /* 评价列表样式 */
      .contentApply {
        background-color: #fff;
        border-radius: 4px;
        box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
        overflow: hidden;
        height: 100%;
      }

      .itemHeight {
        height: 100%;
        width: 100%;

        /* min-height: 400px;
            max-height: 650px;
            overflow-y: auto; */
      }

      .contentItem {
        /* padding: 15px ; */
        /* border-bottom: 1px solid #ebeef5; */
        position: relative;
        padding: 10px 20px 0px 20px;
      }

      .contentItem:last-child {
        border-bottom: none;
      }

      .item-row-co {
        display: flex;
        margin-bottom: 10px;
      }

      .item-col-co {
        flex: 1;
        /* padding: 0 10px; */
      }

      .item-col-8 {
        flex: 0 0 33.333%;
      }

      .text-right {
        text-align: right;
      }

      .text-ellipsis {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%;
        cursor: pointer;
        position: relative;
      }

      .rateClass {
        display: flex;
        align-items: center;
        height: 20px;
      }

      .rate-label {
        min-width: 75px;
      }

      .rate-stars {
        display: flex;
        margin-right: 10px;
      }

      .rate-star {
        font-size: 24px;
        color: #c0c4cc;
        margin-right: 2px;
        cursor: default;
      }

      .rate-star.pActive {
        color: #f95e5a;
      }
      /*         
        .rate-text {
            font-size: 16px;
            color: #f95e5a;
        } */

      .tooltip {
        position: absolute;
        background: #303133;
        color: #fff;
        padding: 10px;
        border-radius: 4px;
        font-size: 12px;
        line-height: 1.5;
        max-width: 300px;
        word-break: break-word;
        z-index: 2000;
        box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
        display: none;
      }

      .tooltip::before {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid;
      }

      .tooltip.top {
        bottom: 100%;
        left: 50%;
        transform: translateX(-50%);
        margin-bottom: 8px;
      }

      .tooltip.top::before {
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        border-width: 6px 6px 0 6px;
        border-color: #303133 transparent transparent transparent;
      }

      .pagination {
        padding: 20px;
        display: flex;
        /* justify-content: space-between; */
        align-items: center;
        background: #fff;
        border-top: 1px solid #ebeef5;
      }

      .pagination-info {
        color: #606266;
      }

      .pagination-controls {
        display: flex;
      }

      .pagination-btn {
        padding: 7px 8px;
        margin: 0 2px;
        background: #fff;
        /* border: 1px solid #dcdfe6; */
        border-radius: 3px;
        color: #606266;
        cursor: pointer;
        user-select: none;
      }

      .pagination-btn:hover {
        color: #409eff;
        border-color: #c6e2ff;
        background-color: #ecf5ff;
      }

      .pagination-btn.disabled {
        color: #c0c4cc;
        cursor: not-allowed;
        background-color: #fff;
        border-color: #ebeef5;
      }

      .pagination-btn.pActive {
        color: #409eff;
        /* border-color: #409eff; */
      }

      .no-data {
        text-align: center;
        padding: 50px;
        color: #909399;
      }

      .loading {
        text-align: center;
        padding: 50px;
        color: #409eff;
      }

      .divider {
        height: 20px;
        background: #f2f2f2;
        margin: 0 -20px;
      }

      /* 响应式设计 */
      @media (max-width: 500px) {
        .evaluation-modal {
          width: 100%;
          right: -100%;
        }
      }