/* === 动态背景设置 - 开始 === */
/* 背景图片层 */
.features-preview::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('/images/backgrounds/custom_2025-10-05_06-24-18_029987de9a436.jpg') !important;
    background-size: 100% !important;
    background-position: 100% 0% !important;
    background-repeat: no-repeat !important;
    opacity: 0.52 !important;
    z-index: 1 !important;
}

/* 渐变叠加层 */
.features-preview::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(26,26,26,0.14) 0%, rgba(26,26,26,0.05600000000000001) 100%) !important;
    z-index: 2 !important;
}

/* 确保内容在背景之上 */
.features-preview .container {
    position: relative !important;
    z-index: 3 !important;
}

/* 标题样式 */
.features-preview .section-title {
    font-size: 3rem !important;
    text-shadow: 0 2px 10px rgba(0,0,0,0.3) !important;
    color: #ffffff !important; background: none !important; -webkit-background-clip: initial !important; -webkit-text-fill-color: initial !important;
}

/* 副标题样式 */
.features-preview .section-subtitle {
    color: #00eeff !important;
}

/* 功能卡片背景 - 使用黑色半透明 */
.features-preview .feature-card {
    background: rgba(0,0,0,0.5) !important;
    backdrop-filter: blur(0px) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.features-preview .feature-card:hover {
    background: rgba(0,0,0,0.6) !important;
    backdrop-filter: blur(0px) !important;
    border-color: var(--electric-blue) !important;
}
/* === 动态背景设置 - 结束 === */