/* 日期选择器美化 */
input[type="date"],
input[type="datetime-local"] {
  position: relative;
  cursor: pointer;
  font-family: inherit;
}

input[type="date"]::-webkit-calendar-picker-indicator,
input[type="datetime-local"]::-webkit-calendar-picker-indicator {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 28px;
  height: 28px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  opacity: 0;
  z-index: 2;
}

/* 自定义日历图标 */
input[type="date"]::after {
  content: '📅';
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 18px;
  pointer-events: none;
  z-index: 1;
}

/* 让整个输入框可点击触发日期选择器 */
input[type="date"] {
  background-image: none;
}

/* Firefox 日期选择器样式 */
input[type="date"]::-moz-calendar-picker-indicator {
  width: 28px;
  height: 28px;
  cursor: pointer;
}

/* 美化日期选择器弹出层（Webkit） */
input[type="date"]::-webkit-datetime-edit {
  padding: 0 8px;
  color: var(--text-primary);
}

input[type="date"]::-webkit-datetime-edit-fields-wrapper {
  padding: 0;
}

input[type="date"]::-webkit-datetime-edit-year-field,
input[type="date"]::-webkit-datetime-edit-month-field,
input[type="date"]::-webkit-datetime-edit-day-field {
  color: var(--text-primary);
  padding: 0 2px;
}

input[type="date"]::-webkit-datetime-edit-text {
  color: var(--text-secondary);
  padding: 0 2px;
}

input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-clear-button {
  display: none;
}

/* 日期输入框 hover 效果 */
input[type="date"]:hover {
  border-color: var(--border-hover);
}

input[type="date"]:hover::after {
  opacity: 0.8;
}