body{

	margin: 0px 0px;

	padding: 0px 1px;

	font-family: 'Inter', 'Segoe UI', 'Roboto', 'Helvetica Neue', 'Noto Sans CJK SC', system-ui, -apple-system, sans-serif;

}



.calendar-card {

	max-width: 1200px;

	width: 100%;

	background: #ffffff;

	margin: 0 auto;

	padding: 0px 0px;

}

/* ========== 精简醒目标题 (压缩体积，克制留白) ========== */

.calendar-header {

	width: 100%;

	margin-bottom: 8px;

	border-bottom: 1px solid #ccc;

	display: flex;

	flex-wrap: wrap;

	justify-content: space-between;

	align-items: baseline;

	gap: 12px;

}



/* 左侧年月组合: 干净适中 */

.year-month-group {

	display: flex;

	align-items: baseline;

	gap: 12px;

	flex-wrap: wrap;

}



.year-num {

	font-size: 1.5rem;

	font-weight: 550;

	color: #b45a2a;

	letter-spacing: -1px;

}



.month-num {

	font-size: 3.5rem;

	line-height:1.0em;

	font-weight: 700;

	color: #2c5e2a;

	font-style: italic;

	letter-spacing: 0px;

}



.month-eng {

	font-size: 1.0rem;

	font-weight: 400;

	color: #000;

	padding: 0;

}



/* 右侧生肖 + 农历年份，紧凑并排 */

.lunar-badge {

	display: flex;

	gap: 18px;

	background: #f9f7f2;

	padding: 6px 18px;

	border-radius: 40px;

	font-size: 0.85rem;

	font-weight: 500;

	color: #6b4a2c;

}



.zodiac-light, .lunar-year-light {

	display: inline-flex;

	align-items: center;

	gap: 6px;

}



.zodiac-light i, .lunar-year-light i {

	font-style: normal;

	font-weight: 450;

}



/* 极简分隔清爽感 */

.calendar-header {

	flex-direction: row;

	align-items: center;

		text-align: center;

}

/* 日历表格样式 - 简洁明快，利于打印 */

.calendar {

  width: 100%;

  max-width: 1200px;

  margin: 0 auto;

  border-collapse: collapse;

  font-family: 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;

  table-layout: fixed;

  /* 确保表格在打印时随纸张宽度自适应 */

}



/* 单元格基础样式 */

.calendar th,

.calendar td {

  border: 1px solid #ccc;

  text-align: center;

  vertical-align: top;

  padding: 8px 4px;

}



/* 表头样式 - 粗体星期 */

.calendar th {

  background-color: #f5f5f5;

  font-weight: 700;

  font-size: 1rem;

  letter-spacing: 1px;

  padding: 12px 4px;

}



/* 日期单元格 */

.calendar td {

  background-color: #fff;

  height: auto;

  min-height: 85px;

}



/* 日期数字 - 粗大 */

.day-number {

  display: block;

  font-size: 1.8rem;

  font-weight: 800;

  line-height: 1.2;

  margin-bottom: 6px;

  color: #2c3e2f;

}



/* 农历/节日文字 - 偏小居中 */

.lunar-text {

  display: block;

  font-size: 0.7rem;

  font-weight: normal;

  color: #8b8b8b;

  line-height: 1.3;

  margin-top: 2px;

  white-space: normal;

  word-break: keep-all;

}



/* 周末高亮可选（柔和，不干扰打印） */

.calendar td.weekend .day-number {

  color: #b64926;

}



/* 表格外容器 - 确保打印时居中且自适应 */

.calendar-wrapper {

  display: flex;

  justify-content: center;

  width: 100%;

  position:relative;

}

.copytext{

	text-align:right;

	font-size:10px;

	color:#ecebe4;

	position:absolute;

	right:0px;

	bottom:-14px;

}

 /* 工具栏卡片容器 - 干净通透，自适应宽度 */

.toolbar-container {

	width: 100%;

	max-width: 1200px;

	background: #ffffff;

	margin: 0 auto;

	padding: 10px 0px;

}



.today-card {

	display: flex;

	align-items: stretch;

	width: 100%;

	height: 80px;

	background: #ffffff;

	margin: 0px 0px 20px 0px;

	border-radius: 18px;

	/*box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02), 0 1px 2px rgba(0, 0, 0, 0.03);

	border: 1px solid #ecebe4;*/

	overflow: hidden;

	transition: all 0.2s;

}

.today-left {

	background: #f5f5f5;

	display: flex;

	align-items: center;

	justify-content: center;

	padding: 0 22px;

	font-weight: 800;

	font-size: 1.4rem;

	letter-spacing: 6px;

	color: #5c6e4a;

	border-right: 1px solid #e2e0d6;

	min-width: 100px;

	white-space: nowrap;

	writing-mode: horizontal-tb;

}



.today-right {

	flex: 1;

	display: flex;

	flex-direction: column;

	justify-content: center;

	padding: 12px 24px;

	gap: 10px;

}



.today-row-top {

	font-size: 1rem;

	font-weight: 620;

	color: #3c4a33;

	letter-spacing: 0.3px;

}



.today-row-bottom {

	font-size: 0.85rem;

	font-weight: 500;

	color: #7c6b4f;

	background: #fafaf6;

	display: inline-block;

	width: fit-content;

	padding: 5px 18px;

	border-radius: 40px;

	line-height: 1.0;

}



/* 工具栏主轴：水平排列，两端自动对齐，项目居左至右自然排列 */

.calendar-toolbar {

	display: flex;

	flex-wrap: wrap;

	align-items: center;

	justify-content: flex-start;

	gap: 20px;

	width: 100%;

}



/* 按钮组 / 控件通用样式 */

.tool-btn {

	display: inline-flex;

	align-items: center;

	justify-content: center;

	background: #f9faf8;

	border: 1px solid #e0e2dc;

	border-radius: 40px;

	padding: 8px 18px;

	font-size: 0.95rem;

	font-weight: 500;

	color: #2f3a2c;

	cursor: pointer;

	transition: all 0.2s ease;

	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.02);

	gap: 6px;

}



/* 导航箭头专用 (圆润更紧凑) */

.nav-arrow {

	padding: 8px 16px;

	font-weight: 600;

	letter-spacing: 0.5px;

}



.tool-btn:hover {

	background-color: #f0f2ec;

	border-color: #cbd0c1;

	transform: translateY(-1px);

	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.03);

}



.tool-btn:active {

	transform: translateY(1px);

}



/* 页码选择框区域 (组合下拉 + 页码文本，美观) */

.page-selector {

	display: flex;

	align-items: center;

	gap: 10px;

	background: #ffffff;

	

	padding: 3px 8px 3px 8px;



}



.page-label {

	font-size: 0.9rem;

	font-weight: 450;

	color: #4b5b43;

}



/* 页码下拉框 定制清爽风格 */

.page-dropdown {

	background: #ffffff;

	border: 1px solid #d0d4ca;

	border-radius: 32px;

	padding: 6px 28px 6px 14px;

	font-size: 0.9rem;

	font-weight: 500;

	color: #1f2b1d;

	cursor: pointer;

	font-family: inherit;

	appearance: none;

	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%235f6b55' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'></polyline></svg>");

	background-repeat: no-repeat;

	background-position: right 12px center;

	background-size: 14px;

	transition: 0.1s;

}



.page-dropdown:hover {

	border-color: #b9bfae;

	background-color: #fefefc;

}



.page-dropdown:focus {

	outline: none;

	border-color: #9aa889;

	box-shadow: 0 0 0 2px rgba(110, 120, 90, 0.1);

}



/* 打印按钮单独微风格外显眼但不浮夸 */

.print-btn {

	background-color: #f3f6ef;

	border-color: #cdd3c3;

	margin-left: auto;  /* 关键: 在flex布局中把打印按钮推到最右侧，同时保证所有项目左对齐顺序不变 */

}



.print-btn:hover {

	background-color: #e9ede2;

	border-color: #b6c0aa;

}



/* 右侧推动保留整体左排顺序: 上页、下页、页码选择框 ... 打印按钮单独靠右 */

/* 利用 margin-left: auto 实现最后的打印按钮右对齐，且前面的元素自然从左排列 */



/* 可选中间分隔线效果 (视觉舒适) */

.toolbar-separator {

	width: 1px;

	height: 28px;

	background-color: #e4e7df;

	margin: 0 2px;

}

.bottomAd{

	text-align:center; 

	padding:20px 0px; 

	max-width:1200px; 

	margin:0px auto;

}

.bottomAd img{

	border-radius: 18px; 

	/*width:100%;*/

}

/* 打印样式优化 */

@media print {

  .toolbar-container, .bottomAd{

	display:none;

  }

  .calendar {

    width: 100%;

    margin: 0;

    border-collapse: collapse;

  }



  .calendar th,

  .calendar td {

    border: 1px solid #aaa;

    padding: 6px 2px;

  }



  .calendar th {

    background-color: #eee !important;

    -webkit-print-color-adjust: exact;

    print-color-adjust: exact;

  }



  .day-number {

    font-size: 1.6rem;

    color: #000;

  }



  .lunar-text {

    font-size: 0.65rem;

    color: #444;

  }

  .lunar-badge {

	 border: 1px solid #ecebe4; 

  }

  /* 避免单元格内分页断裂 */

  .calendar tr,

  .calendar td,

  .calendar th {

    break-inside: avoid;

    page-break-inside: avoid;

  }



  .calendar-wrapper {

    overflow-x: visible;

  }

}



/* 响应式：小屏幕时字体微调，保持可读性 */

@media screen and (max-width: 600px) {

   .lunar-badge {

        align-self: center;

   }

  .day-number {

    font-size: 1.4rem;

  }



  .lunar-text {

    font-size: 0.6rem;

  }



  .calendar th,

  .calendar td {

    padding: 4px 2px;

  }

}