body {margin:0px;padding:0px;}

.form-item {margin-top:20px}

.fixed-pagination {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px 20px;
  background: #fff;
  border-top: 1px solid #eee;
  box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.05);
  z-index: 100;
  text-align: right;
}

.date-number {
  font-weight: bold;
  margin-bottom: 4px;
  color: #ffffff;
}

.task-item {
  display: flex;
  align-items: center;
  background: #2a2a2a;  /* 深色背景块 */
  border-radius: 4px;
  padding: 2px 4px;
  margin-bottom: 2px;
  font-size: 10px;
  color: #f0f0f0; /* 内容文字颜色 */
  border: 1px solid #444;
}

.task-item .avatar {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin-right: 4px;
  border: 1px solid #555;
}
.task-item:hover {
  background: #3a3a3a;
  cursor: pointer;
}

.el-calendar-table td {
  height: 160px !important; /* 默认是 70px 左右，可调大 */
  vertical-align: top; /* 保证靠上显示 */
  padding: 4px;
}

.cell {
  min-height: 100%;
  box-sizing: border-box;
  padding: 4px;
}

.task-list {
  max-height: 100%;
  overflow-y: auto;
}

.el-calendar-table .el-calendar-day {
  height: auto;
}


/* 让横向滚动条始终显示 */
.el-table--scrollable-x .el-table__body-wrapper {
  overflow-x: auto !important;
}

/* 可选：设置滚动条样式 */
.el-table__body-wrapper::-webkit-scrollbar {
  height: 8px;
}

.el-table__body-wrapper::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 4px;
}