/* 蓝紫色渐变样式 */
.promo-message {
    background: linear-gradient(to right, #6a11cb, #2575fc); /* 蓝紫渐变 */
    color: #ffffff; /* 纯白色文字 */
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
    padding: 12px 20px;
    margin: 0 auto; /* 居中显示 */
    border-radius: 12px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); /* 柔和阴影 */
    display: block; /* 让它占据父容器的宽度 */
    width: 100%; /* 宽度占满父容器 */
    box-sizing: border-box; /* 包括padding在内 */
    animation: fadeIn 1s ease-in-out;
}

/* 鼠标悬停效果 */
.promo-message:hover {
    background: linear-gradient(to right, #2575fc, #6a11cb); /* 反向渐变 */
    transform: translateY(-3px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.25);
    transition: all 0.3s ease;
}

/* 父容器样式示例（create-section） */
.create-section {
    max-width: 800px; /* 设置固定宽度 */
    margin: 0 auto; /* 居中显示 */
}