/* 简洁版渐变背景 - 不会影响任何元素 */
.gradient-background {
    background: linear-gradient(135deg,
    #f3e8ff 0%,     /* 浅紫色 */
    #fdf4ff 30%,    /* 极浅紫色 */
    #fef7ff 60%,    /* 浅粉紫色 */
    #fdf2f8 100%    /* 浅粉色 */
    );
    min-height: 100vh;
    position: relative;
}

/* 只添加一个简单的渐变覆盖层 */
.gradient-background::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(90deg,
    rgba(196, 181, 253, 0.2) 0%,
    transparent 50%,
    rgba(252, 231, 243, 0.1) 100%
    );
    pointer-events: none;
    z-index: -1; /* 负z-index，确保不影响任何元素 */
}

/* 内容区域 */
.gradient-background .content {
    position: relative;
    padding: 2rem;
    /* 不设置z-index，使用自然层级 */
}