.ys1{
    width: auto;
    height: auto;
    padding: 20px 30px; /* 加内边距，让内容不贴边 */
    border-radius: 10px; 
    /* 你的原版渐变 */
    background: linear-gradient(45deg, #c7e5ff, #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(#48fff0, #8dffbd37);
    
    /* ✅ Mac 悬浮效果：浮得更高 + 阴影变大 */
    transform: translateY(-6px);
    box-shadow: 0 8px 25px rgba(17, 153, 142, 0.4);
    
    border-radius: 10px; 
}
a {
    text-decoration: 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,#11998e, #38ef7d);
    
    /* ✅ 核心：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( #84fff5, #bbffb6);
    
    /* ✅ Mac 悬浮效果：浮得更高 + 阴影变大 */
    transform: translateY(-6px);
    box-shadow: 0 8px 25px rgba(17, 153, 142, 0.4);
    
    border-radius: 10px; 
}
img {
    /* 宽度填满父容器 */
    width: 100%;
    /* 高度自动按比例缩放，防止图片变形 */
    height: auto;
    /* 可选：让图片显示更自然，加个圆角 */
    border-radius: 4px;
    /* 可选：防止图片底部有多余空白 */
    display: block;
    /* 可选：图片加载失败时的替代文字样式 */
    color: #666;
    font-size: 14px;
}
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;
}