/* 半透明背景样式 */
body {
    background: var(--bg-color) url('bj.png') center/cover no-repeat fixed !important;
    background-blend-mode: overlay;
}

/* 为了更好的半透明效果，也可以使用伪元素方法 */
body::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('bj.png') center/cover no-repeat fixed;
    opacity: 1; /* 移除白色雾化，直接显示背景图 */
    z-index: -1;
    pointer-events: none;
}

/* 页面标题 - 完全透明，与容器融合 */
.profile-name {
    background: transparent !important;
    backdrop-filter: none !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
}

/* 深色主题下的标题 - 完全透明 */
[data-theme="dark"] .profile-name {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* 增强底部备案栏的毛玻璃效果 */
.beian-container {
    background: rgba(255, 255, 255, 0.1) !important;
    backdrop-filter: blur(25px) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.2) !important;
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.1) !important;
}

/* 深色主题下的备案栏毛玻璃效果 */
[data-theme="dark"] .beian-container {
    background: rgba(0, 0, 0, 0.2) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.4) !important;
}

/* 中间主要内容卡片的毛玻璃效果 */
.profile {
    background: rgba(255, 255, 255, 0.1) !important;
    backdrop-filter: blur(20px) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1) !important;
}

/* 深色主题下的主要内容卡片毛玻璃效果 */
[data-theme="dark"] .profile {
    background: rgba(0, 0, 0, 0.2) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3) !important;
}

/* 欢迎消息的毛玻璃效果 */
.welcome-message {
    background: rgba(255, 255, 255, 0.1) !important;
    backdrop-filter: blur(15px) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1) !important;
}

/* 深色主题下的欢迎消息毛玻璃效果 */
[data-theme="dark"] .welcome-message {
    background: rgba(0, 0, 0, 0.2) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3) !important;
}