.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;
    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, #c3ae0e, #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; 
}
img {
    /* 宽度填满父容器 */
    width: 100%;
    /* 高度自动按比例缩放，防止图片变形 */
    height: auto;
    /* 可选：让图片显示更自然，加个圆角 */
    border-radius: 4px;
    /* 可选：防止图片底部有多余空白 */
    display: block;
    /* 可选：图片加载失败时的替代文字样式 */
    color: #666;
    font-size: 14px;
}

        /* 多行输入框样式 */
        textarea {
            padding: 10px;
            width: 400px;
            height: 50px;
            font-size: 15px;
            resize: vertical; /* 允许上下拖动调整大小 */
            border: 1px solid #ccc;
            border-radius: 4px;
        }