Zblog主题四种日历风格css代码

风格 1：浅灰简约风（最温柔，不黑、干净）

#divCalendar {
    background: #fffdfb !important;
    border-radius: 20px !important;
    padding: 20px !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05) !important;
}
#divCalendar table th {
    color: #60a5fa !important;
    font-weight: 500 !important;
}
#divCalendar table td {
    width: 42px !important;
    height: 42px !important;
    text-align: center !important;
}
#divCalendar table td a {
    background: #e5e7eb !important;
    color: #222 !important;
    border-radius: 50% !important;
    width: 100%;
    height: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}
#divCalendar table td a:hover {
    background: #60a5fa !important;
    color: #fff !important;
}

风格 2：蓝色清爽风（和你星期颜色统一，少年帅气）

#divCalendar {
    background: #fffdfb !important;
    border-radius: 20px !important;
    padding: 20px !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05) !important;
}
#divCalendar table th {
    color: #3b82f6 !important;
}
#divCalendar table td a {
    background: #dbeafe !important;
    color: #1d4ed8 !important;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}
#divCalendar table td a:hover {
    background: #3b82f6 !important;
    color: #fff !important;
}

风格 3：奶油 ins 暖咖风（温柔高级，适合你侧边栏奶油风）

#divCalendar {
    background: #fffdfb !important;
    border-radius: 20px !important;
    padding: 20px !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05) !important;
}
#divCalendar table th {
    color: #a89984 !important;
}
#divCalendar table td a {
    background: #f1ece4 !important;
    color: #57534e !important;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}
#divCalendar table td a:hover {
    background: #a89984 !important;
    color: #fff !important;
}

风格 4：极简细线风（无填充，只有边框，最干净）

#divCalendar {
    background: #fffdfb !important;
    border-radius: 20px !important;
    padding: 20px !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05) !important;
}
#divCalendar table th {
    color: #64748b !important;
}
#divCalendar table td a {
    border: 2px solid #cbd5e1 !important;
    color: #334155 !important;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    background: transparent;
}
#divCalendar table td a:hover {
    border-color: #3b82f6 !important;
    color: #3b82f6 !important;
}