/* =========================================================
   四柱首页
   源文件行号：382-399
   ========================================================= */

/* ============ 四柱首页 ============ */
.form-card { background: var(--card-bg); border: 1px solid var(--border-color); border-radius: 14px; box-shadow: var(--shadow-sm); overflow: hidden; margin-bottom: 14px; }
.form-row { display: flex; align-items: center; justify-content: space-between; padding: 13px 14px; border-bottom: 1px solid #F5F2EC; gap: 10px; }
.form-row:last-child { border-bottom: none; }
.form-label { font-size: 14px; color: var(--text-sub); flex-shrink: 0; white-space: nowrap; }
.form-label em { color: var(--accent-red); font-style: normal; font-size: 12px; }
.form-input { border: none; background: transparent; font-family: inherit; font-size: 15px; color: var(--text-main); text-align: right; outline: none; flex: 1; min-width: 0; }
.gender-toggle { display: flex; gap: 6px; flex: 1; justify-content: flex-end; }
.gender-btn { padding: 6px 14px; border-radius: 18px; font-size: 13px; cursor: pointer; background: #F5F2EC; color: var(--text-sub); border: 1px solid transparent; }
.gender-btn.active { background: var(--accent-dark); color: #fff; border-color: var(--accent-dark); }
.switch { position: relative; display: inline-block; width: 42px; height: 24px; flex-shrink: 0; }
.switch input { opacity: 0; width: 0; height: 0; }
.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #DFDAD1; transition: 0.3s; border-radius: 24px; }
.slider:before { position: absolute; content: ""; height: 18px; width: 18px; left: 3px; bottom: 3px; background-color: white; transition: 0.3s; border-radius: 50%; box-shadow: 0 1px 3px rgba(0,0,0,0.2); }
.switch input:checked + .slider { background-color: var(--accent-gold); }
.switch input:checked + .slider:before { transform: translateX(18px); }
.shichen-hint { font-size: 12px; color: var(--accent-gold); background: rgba(185,154,107,0.1); padding: 3px 8px; border-radius: 10px; flex-shrink: 0; }

/* 四柱出生日期：公历 / 农历 */
.birth-mode-toggle { display: flex; gap: 6px; flex: 1; justify-content: flex-end; }
.birth-mode-btn {
    padding: 6px 14px; border-radius: 16px; border: 1px solid transparent;
    background: #F5F2EC; color: var(--text-sub); font-family: inherit;
    font-size: 12px; cursor: pointer;
}
.birth-mode-btn.active { background: var(--accent-dark); color: #FFFFFF; border-color: var(--accent-dark); }
.lunar-inline { display: flex; gap: 6px; flex: 1; min-width: 0; }
.lunar-inline .lunar-select {
    flex: 1; min-width: 0; height: 32px; border: 1px solid var(--border-color);
    border-radius: 8px; background-color: #FFFFFF; color: var(--text-main);
    font-family: inherit; font-size: 11px; text-align: center; padding: 0 4px;
}