/* ==========================================
   政务美学核心样式 - 沉稳、专业、考究
   ========================================== */

/* 1. 优化背景与全局字体 */
:root {
    --theme-font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
}

body {
    background-size: cover;
    background-attachment: fixed;
    /* 淡淡的深蓝灰色背景，防止刺眼 */
    background-color: #f0f2f5; 
}

/* 2. 搜索框：极简商务化 */
#search-input {
    border-radius: 4px !important;
    border: 1px solid #dcdfe6 !important;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,0.05) !important;
    transition: all 0.3s ease;
}

#search-input:focus {
    border-color: #409eff !important;
    box-shadow: 0 2px 12px 0 rgba(64,158,255,0.2) !important;
}

/* 3. 分组标题：公文排版风格 */
.group-title {
    font-weight: 700 !important;
    color: #1f2d3d !important;
    border-left: 4px solid #c00000; /* 政务红：核心点缀 */
    padding-left: 10px !important;
    margin-bottom: 1.5rem !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* 4. 卡片效果：磨砂玻璃与微悬停 */
.service-card, .widget-card {
    background: rgba(255, 255, 255, 0.8) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    border-radius: 8px !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.service-card:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1) !important;
    background: rgba(255, 255, 255, 0.95) !important;
}

/* 5. 文字排版：增强可读性 */
.service-name {
    color: #303133 !important;
    font-weight: 600 !important;
}

.service-description {
    color: #909399 !important;
    font-size: 0.85rem !important;
}

/* 6. 顶部组件微调 */
#datetime {
    color: #2c3e50 !important;
    font-family: "Georgia", serif; /* 报刊式的沉稳感 */
    text-shadow: 1px 1px 2px rgba(255,255,255,0.8);
}