body {
    font-family: sans-serif;
    background: #7ebeab;
    color: #006600;
    margin: 0;
    padding: 0;
}
.header {
    height: 19px;  
    font: 13px Arial;
    text-align: center;
    margin: 3px auto;
    padding: 2px;
    background: #7ebeab;
    color: #006600;
}
.main-content {
    display: flex;
    justify-content: space-between;
    margin: 2px 15px;
    padding: 2px;
    border: 1px solid;
    border-color: #DFDFDF #808080 #808080 #DFDFDF;
}
.calendar-container {
    width: 54%;
    background: #7ebeab;
    padding: 3px;
    position: relative; /* 确保日历容器是相对定位 */
    z-index: 0; /* 确保日历容器在 #YMBG 上方 */
}
 .news-container {
    width: 46%;
    background: #7ebeab;
    padding: 7px;
    font: 12px Arial;
    line-height: 1.2; /* 调整整体行间距 */
}
h2 {
    height: 25px;  
    text-align: center; /* 居中显示 */
    margin-bottom: 5px; /* 调整标题与内容之间的间距 */
    font-size: 14px; /* 调整题头字号 */
        }

.red { color: #FF3300;     /* 定义红色文本类 */}
.green { color: #009900;}
.White { color: #DFDFDF;}
.black { color: #4B4B4B;}
.blue { color: #0033FF;}

#wrap {
    width: 100%;                            /* 容器固定宽度568px */
    margin: 0px auto 0;              /* 上边距100px，水平居中 */
    overflow: hidden;                   /* 清除浮动影响 */
    position: relative; /* 设置相对定位 */
}
#YMBG {
    width: 100%;                           /* 与#wrap同宽 */
    height: 520px;                        /* 固定宽度336px */
    position: absolute;                 /* 绝对定位 */
    z-index: -1;                            /* 置于底层 */
    font: 140px/160px "Arial Black";          /* 超大字体设置 */
    background: #7ebeab;            /* 浅蓝色背景 */
    color: #8FC6B5;                    /* 浅蓝色文本（与背景对比度低） */
    display: flex; /* 使用 Flexbox 布局 */
    align-items: center; /* 垂直居中 */
    justify-content: center; /* 水平居中 */
    text-align: center;
}
.todayColor {
    background: #dfdfdf center no-repeat;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}
.calendar {
    width: 100%;
    height: 520px;
    font: 15px Arial;
}
.calendar th {
    height: 30px;
    font-weight: normal;
    font: 15px Arial;
    background: #7ebeab;
    border: 1px solid;
    border-color: #DFDFDF #808080 #808080 #DFDFDF;
}
.calendar td {
    width: 150px;
    height: 55px;
    text-align: center;
    vertical-align: middle;
    padding: 2px;
    border: 1px solid;
    border-color: #DFDFDF #808080 #808080 #DFDFDF;
}
.calendar td strong {
    display: block;
    font: bold 24px Arial;
    line-height: 35px;
}
/* 周一到周五的日期数字颜色 */
.calendar td:nth-child(2) strong, /* 周一 */
.calendar td:nth-child(3) strong, /* 周二 */
.calendar td:nth-child(4) strong, /* 周三 */
.calendar td:nth-child(5) strong, /* 周四 */
.calendar td:nth-child(6) strong { /* 周五 */
    color: #4B4B4B;                            /* 修改为灰色 */
}
/* 普通农历日期的颜色 */
.calendar td span {
    color: #4B4B4B;
    font-size: 13px;
}
/* 覆盖节假日、传统节日、二十四节气的颜色 */
.calendar td .lunarFestival,
.calendar td .solarTerms {
    color: inherit; /* 保持原有颜色 */
}

.calendar select { /* 下拉菜单样式 */
    font: 14px Arial;
    color: #006600;
}
/* 标题栏样式 */
.calendar .title {
    color: #006600;
    height: 35px;
    font: 16px Arial;
    text-align: center;
    font-weight: bold;
    background: #7ebeab;
    padding: 5px 0px 5px 0px;
}

.topic { /* 节日提示框 */
    width: 150px;
    padding: 2px;
    background: #028760;     /* 深灰色背景 */
    border: 1px solid #DFDFDF;
    font: 12px Verdana;
    opacity: 0.9;     /* 标准透明度 */
}

.topic .con {
    padding: 2px;
}

.gday {
    color: #FFFFFF;    /* 白色文本 */
}

.nday {
    color: #FF66CC; /* 更深的粉色 */
}

.ganzhi {
    color: #FFFF00;    /* 黄色文本 */
}

.hlyi {
    color: #0F0;
}

.hlji {
    color: #F60;
}

.jns {
    color: #dfdfdf;
}

.gzage {
    color: #FF0033;
}

.gznl {
    color: #006600;
}

.festival {
    background: #7ebeab;       /* 绿色背景 */
    padding: 2px;
}

#controls {
    text-align: center; /* 按钮居中 */
    margin-bottom: 0px; /* 与说明部分的间距 */
    margin-top: 10px; 
}

#controls input {
    background-color: #7ebeab; /* 与日历背景色一致 */
    border: 1px solid; /* 边框粗细与颜色 */
    border-color: #DFDFDF #808080 #808080 #DFDFDF;
    color: #006600; /* 文字颜色 */
    padding: 4px 4px; /* 内边距 */
    font-size: 13px; /* 字体大小 */
    cursor: pointer; /* 鼠标指针样式 */
    border-radius: 2px; /* 圆角 */
    margin: 0 5px; /* 按钮之间的间距 */
}

#controls input:hover {
    background-color: #028760; /* 鼠标悬停时的背景色 */
    color: #DFDFDF; /* 文字颜色 */
}

#footer {
    font-size: 13px;
    text-align: center;
    margin: 1px auto;
    padding: 1px;
    background: #7ebeab;
    color: #006600;
}

.footer {
    height: 18px; 
    font-size: 13px;
    text-align: center;
    margin: 0px auto;
    padding: 2px;
    background: #7ebeab;
    color: #006600;
}
#footer a {
    text-decoration: none; /* 去掉下划线 */
    color: inherit; /* 继承父元素颜色 */
}
#footer a:hover {
    color: #DFDFDF; /* 鼠标悬停时文字颜色变为 #DFDFDF */
}
a {
color: #006600;
    text-decoration: none; /* 去掉下划线 */
        }
a:hover {
    color: #DFDFDF; /* 鼠标悬停时文字颜色 */
        }