/* === 全局背景层 === */
body::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    
    /* Bing 壁纸源 */
    background-image: url('https://bing.img.run/uhd.php');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    
    /* 【核心调整 1】把背景压暗！
       brightness(0.4): 亮度降到 40%，这样白色的雪也会变成深灰色
       blur(4px): 模糊度加高，让背景只做氛围，不干扰文字 
    */
    filter: brightness(0.4) blur(4px);
}

/* === 卡片样式优化 === */
.services-item {
    /* 【核心调整 2】加深卡片底色
       rgba(0,0,0, 0.75): 黑色背景，不透明度从 0.4 提升到 0.75
       这就像给卡片贴了一层深色膜，白字一下子就显出来了
    */
    background-color: rgba(0, 0, 0, 0.75) !important;
    
    backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important; /* 边框稍微亮一点，增加立体感 */
    border-radius: 12px !important;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4); /* 加深阴影 */
}

/* === 鼠标悬停效果 === */
.services-item:hover {
    transform: translateY(-3px);
    background-color: rgba(0, 0, 0, 0.85) !important; /* 悬停时更黑一点 */
    border-color: rgba(255, 255, 255, 0.4) !important;
}

/* === 搜索框优化 === */
.search-container input {
    background-color: rgba(0, 0, 0, 0.8) !important; /* 搜索框也要黑 */
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #fff;
}

/* === 针对日历的增强 === */
/* 让日历里的数字稍微粗一点，更易读 */
.react-calendar {
    background: transparent !important; 
}
abbr {
    text-decoration: none;
    font-weight: 600; /* 字体加粗 */
    color: #e5e5e5; /* 稍微带点灰的白，不刺眼 */
}