/* Hero区域样式修复 - 移除背景框和旋转图形 */
.hero-content,
.hero-overlay {
    background: none !important;
    backdrop-filter: none !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

/* 移除hero区域的任何旋转动画和伪元素 */
.hero::before,
.hero::after,
.hero-content::before,
.hero-content::after {
    animation: none !important;
    display: none !important;
}

/* 修复hero-buttons容器 - 移除背景 */
.hero-buttons {
    background: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    display: flex !important;
    gap: 20px;
    justify-content: center;
    flex-wrap: wrap;
}

/* 保持按钮内部的样式 */
.hero-buttons a,
.hero-buttons .cta-button,
.hero-buttons .btn-login {
    /* 保持按钮自身的样式 */
}

/* 确保文字仍然可见 */
.hero h1,
.hero-content h1,
.hero h2,
.hero-content h2,
.hero p,
.hero-content p {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
}