.ys1{
    width: auto;
    height: auto;
    padding: 20px 30px; /* 加内边距，让内容不贴边 */
    border-radius: 10px; 
    /* 你的原版渐变 */
    background: linear-gradient(45deg, #4facfe, #00f2fe);
    
    /* ✅ 核心：Mac 悬浮阴影 + 微微上浮 */
    box-shadow: 0 4px 15px rgba(79, 172, 254, 0.3);
    transform: translateY(-2px);
    
    /* ✅ 平滑过渡动画 */
    transition: all 0.3s ease;
    
    /* 美观设置 */
    color: #fff;
    text-align: center;
    cursor: pointer; /* 鼠标变成小手 */
    font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
}

.ys1:hover{
    /* 你的hover渐变 */
    background: linear-gradient(#11998e, #38ef7d);
    
    /* ✅ Mac 悬浮效果：浮得更高 + 阴影变大 */
    transform: translateY(-6px);
    box-shadow: 0 8px 25px rgba(17, 153, 142, 0.4);
    
    border-radius: 10px; 
}
a {
    text-decoration: none;
    outline: none;
    color: inherit;
    font-family: "KaiTi";
    
    
}
.fys1{
    display: flex;
}
.sys1{
    width: auto;
    height: auto;
    padding: 20px 30px; /* 加内边距，让内容不贴边 */
    border-radius: 10px; 
    /* 你的原版渐变 */
    background: linear-gradient(45deg, #4ff2fe, #006efe);
    
    /* ✅ 核心：Mac 悬浮阴影 + 微微上浮 */
    box-shadow: 0 4px 15px rgba(79, 172, 254, 0.3);
    transform: translateY(-2px);
    
    /* ✅ 平滑过渡动画 */
    transition: all 0.3s ease;
    
    /* 美观设置 */
    color: #fff;
    text-align: center;
    cursor: pointer; /* 鼠标变成小手 */
    font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
    flex: 1;
}
.sys1:hover{
    /* 你的hover渐变 */
    background: linear-gradient(#68bfb8, #38ef7d);
    
    /* ✅ Mac 悬浮效果：浮得更高 + 阴影变大 */
    transform: translateY(-6px);
    box-shadow: 0 8px 25px rgba(17, 153, 142, 0.4);
    
    border-radius: 10px; 
}
ul, ol {
  /* 去掉前面默认的圆点、数字 */
  list-style: none;
  /* 清除默认内边距 */
  padding-left: 0;
}
.ys2{
    width: auto;
    height: auto;
    padding: 20px 30px; /* 加内边距，让内容不贴边 */
    border-radius: 10px; 
    /* 你的原版渐变 */
    background: linear-gradient(45deg, #baff92, #00f2fe);
    
    /* ✅ 核心：Mac 悬浮阴影 + 微微上浮 */
    box-shadow: 0 4px 15px rgba(79, 172, 254, 0.3);
    transform: translateY(-2px);
    
    /* ✅ 平滑过渡动画 */
    transition: all 0.3s ease;
    
    /* 美观设置 */
    color: #fff;
    text-align: center;
    cursor: pointer; /* 鼠标变成小手 */
    font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
}

.ys2:hover{
    /* 你的hover渐变 */
    background: linear-gradient(#11998e, #38ef7d);
    
    /* ✅ Mac 悬浮效果：浮得更高 + 阴影变大 */
    transform: translateY(-6px);
    box-shadow: 0 8px 25px rgba(17, 153, 142, 0.4);
     
    border-radius: 10px; 
}
/* ==================== 全局选择框样式（自动美化） ==================== */
select {
  width: 100%;         /* 宽度填满容器（和图片一样） */
  padding: 10px 12px;   /* 内边距 */
  border: 1px solid #e1e4e8;
  border-radius: 6px;   /* 圆角 */
  font-size: 14px;
  background-color: #fff;
  cursor: pointer;
  outline: none;
  appearance: none;     /* 去掉默认箭头 */
}

/* 鼠标悬浮效果 */
select:hover {
  border-color: #61afef;
}
.ys3{
    width: auto;
    height: auto;
    padding: 20px 30px; /* 加内边距，让内容不贴边 */
    border-radius: 10px; 
    /* 你的原版渐变 */
    background: linear-gradient(45deg, #f3e2ff, #2afe00);
    
    /* ✅ 核心：Mac 悬浮阴影 + 微微上浮 */
    box-shadow: 0 4px 15px rgba(79, 234, 254, 0.3);
    transform: translateY(-2px);
    
    /* ✅ 平滑过渡动画 */
    transition: all 0.3s ease;
    
    /* 美观设置 */
    color: #fff;
    text-align: center;
    cursor: pointer; /* 鼠标变成小手 */
    font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
}

.ys3:hover{
    /* 你的hover渐变 */
    background: linear-gradient(#e87415, #b9a012f7);
    
    /* ✅ Mac 悬浮效果：浮得更高 + 阴影变大 */
    transform: translateY(-6px);
    box-shadow: 0 8px 25px rgba(17, 153, 142, 0.4);
    
    border-radius: 10px; 
}