/* dynamic-bg.css */
/* 动态背景容器样式 */
#dynamic-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0.5;
}

/* 确保内容在背景之上 */
.dynamic-bg-content {
    position: relative;
    z-index: 1;
}

/* 为卡片元素添加轻微透明效果 */
.dynamic-bg-card {
    background-color: rgba(var(--card-bg-rgb), 0.9) !important;
    backdrop-filter: blur(10px);
}

/* 动态背景标题效果 */
.dynamic-bg-animated-heading {
    position: relative;
    display: inline-block;
}

.dynamic-bg-animated-heading::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, var(--primary), var(--secondary));
    border-radius: 2px;
    animation: headingUnderline 3s ease-in-out infinite;
}

@keyframes headingUnderline {
    0%, 100% { transform: scaleX(0.8); opacity: 0.7; }
    50% { transform: scaleX(1); opacity: 1; }
}