/* style.css */
    body {
      font-family: Arial, sans-serif;
      margin: 0;
      padding: 0;
      height: 300%;
    }

    .main {
        display: flex;
        justify-content: space-between;
        font-weight: bold;
        margin-left: 0;
        height: 100%;
    }

    .calendar-container {
      flex: 2;
      border-radius: 2px;
    }

    #current-month-year {
      font-weight: bold;
      font-size: 16px;
    }

    #calendar-table {
      width: 100%;
      border-collapse: collapse;
      table-layout: fixed;
    }

    #calendar-table th {
      text-align: center;
      padding: 15px 2px;
      border: 1px solid #ddd;
      font-size: 0.8em;
      background-color: #A9A9A9;
    }

    #calendar-table td {
        height: 2em;
      text-align: center;
      padding: 2px 1px;
      border: 1px solid #ddd;
      font-size: 1em;
      font-weight: bold;
      vertical-align: middle;   /* 垂直居中 */
      /* 可选：设置行高确保垂直居中生效 */
      line-height: 1.2em;      /* 根据内容高度调整 */
   }

    td div {
      display: inline-block;    /* 保持与数字同级的内联布局 */
      margin: 0 auto;          /* 水平居中（需配合宽度设置） */
      width: fit-content;       /* 自适应内容宽度 */
    }

    /* 周末高亮 */
    #calendar-table td:nth-child(1), #calendar-table td:nth-child(7) {
      background-color: #f5f5f5;
    }

    /* 日期数据提示 */
  .data-badge {
      display: block;
      font-size: 0.8em;
      font-weight: normal;
      color: #666;
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }


    .grid {
        display: flex;
        flex-direction: column;
        font-weight: bold;
    }

    .grid-child1 {
        display: flex;
        justify-content: space-between;
        font-weight:bold;
        font-size:0.8em;
    }

    .grid-child2 {
        margin-top: -1.8em;
        display: flex;
        justify-content: space-between;
        font-size: 0.7em;
    }

    .grid-child1 p, .grid-child2 p {
        text-align: center;
    }

    .date-detail {
              flex: 3;
              margin-left: 1em;
              margin-top: 0em;
    }