/*
 * 命理录入控件只在本页覆盖浏览器原生 select/checkbox 外观。
 * 让日期、地点及设置项在各浏览器中保持同一套底线与箭头节奏。
 */
.xy-mingli-view--entry .xy-mingli-form__control--select,
.xy-mingli-view--entry .xy-mingli-form__setting-select {
  -webkit-appearance: none !important;
  appearance: none !important;
  background-color: transparent !important;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23758fa8' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/svg%3E") !important;
  background-position: right 0.25rem center !important;
  background-repeat: no-repeat !important;
  background-size: 0.625rem auto !important;
  cursor: pointer;
}

.xy-mingli-view--entry .xy-mingli-form__control--select {
  padding-inline: 0.35rem 1.35rem;
}

.xy-mingli-view--entry .xy-mingli-form__setting-select {
  min-block-size: 1.75rem;
  padding-inline: 0.15rem 1.25rem;
}

.xy-mingli-view--entry .xy-mingli-form__control--select:focus,
.xy-mingli-view--entry .xy-mingli-form__control--select:focus-visible,
.xy-mingli-view--entry .xy-mingli-form__setting-select:focus,
.xy-mingli-view--entry .xy-mingli-form__setting-select:focus-visible {
  border-block-end-color: var(--xy-mingli-accent);
  box-shadow: 0 2px 0 rgb(189 147 69 / 0.24);
  outline: none;
}

.xy-mingli-view--entry .xy-mingli-form__control--select:invalid {
  color: rgb(35 75 111 / 0.52);
}

.xy-mingli-view--entry .xy-mingli-form__control--select:disabled,
.xy-mingli-view--entry .xy-mingli-form__setting-select:disabled {
  background-image: none !important;
  cursor: not-allowed;
}

.xy-mingli-view--entry .xy-mingli-form__solar-time-input,
.xy-mingli-view--entry .xy-mingli-form__setting-input {
  -webkit-appearance: none;
  appearance: none;
  display: inline-grid;
  flex: 0 0 auto;
  inline-size: 1rem;
  block-size: 1rem;
  place-content: center;
  margin: 0;
  border: 1px solid rgb(35 75 111 / 0.42);
  border-radius: 0.2rem;
  background-color: rgb(255 255 255 / 0.72);
  cursor: pointer;
  transition: border-color var(--ui-motion-duration-fast) var(--ui-motion-ease),
    background-color var(--ui-motion-duration-fast) var(--ui-motion-ease),
    box-shadow var(--ui-motion-duration-fast) var(--ui-motion-ease);
}

.xy-mingli-view--entry .xy-mingli-form__solar-time-input:checked,
.xy-mingli-view--entry .xy-mingli-form__setting-input:checked {
  border-color: rgb(174 135 42);
  background-color: rgb(184 148 51);
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 12'%3E%3Cpath d='m2.15 6.2 2.25 2.2 5.45-5.15' fill='none' stroke='%23fffdf7' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 0.72rem;
}

.xy-mingli-view--entry .xy-mingli-form__solar-time-input:focus-visible,
.xy-mingli-view--entry .xy-mingli-form__setting-input:focus-visible {
  border-color: var(--xy-mingli-accent);
  box-shadow: 0 0 0 3px rgb(184 148 51 / 0.2);
  outline: none;
}

.xy-mingli-view--entry .xy-mingli-form__solar-time-input:disabled,
.xy-mingli-view--entry .xy-mingli-form__setting-input:disabled {
  border-color: rgb(35 75 111 / 0.18);
  cursor: not-allowed;
  opacity: 0.58;
}

@media (max-width: 47.999rem) {
  .xy-mingli-view--entry .xy-mingli-form__control--select {
    padding-inline: 0.1rem 1rem;
    background-position: right 0.1rem center !important;
    background-size: 0.5rem auto !important;
  }

  .xy-mingli-view--entry .xy-mingli-form__setting-select {
    padding-inline-end: 1rem;
    background-size: 0.5rem auto !important;
  }

  .xy-mingli-view--entry .xy-mingli-form__solar-time-input,
  .xy-mingli-view--entry .xy-mingli-form__setting-input {
    inline-size: 0.875rem;
    block-size: 0.875rem;
    border-radius: 0.1875rem;
    background-size: 0.625rem;
  }
}