.gradient-text {
      font-weight: bold;
      background: -webkit-linear-gradient(#0000FF, #FF00FF);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
  }

.yaoyao {
    border: 1px solid #c2c9f2;
    border-radius: 5px;
    line-height: 35px;
    position: relative;
    top: 10px;
}

/* 基础按钮样式 */
.cool-button {
    background-color: #59a1ff;
    /* 背景 */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 60px;
    /* 圆角 */
    transition: background-color 0.3s, transform 0.3s;
    /* 平滑过渡效果 */
    color:#C7C6D9;
}

/* 鼠标悬停效果 */
.cool-button:hover {
    background-color: #fff;
    /* 鼠标悬停时颜色变深 */
    transform: scale(1.1);
    /* 放大按钮 */
    color:#000;
}

/* 按钮点击效果 */
.cool-button:active {
    background-color: #70df00;
    /* 点击时颜色变深 */
    transform: scale(0.95);
    /* 缩小按钮 */
}