/* 命理占卜 / 时空医学表单紧凑布局。
   只作用于首页表单容器；结果页、阅读页和个人中心不受影响。 */
body[data-paipan-category="命理占卜"] .paipan-forms-container .paipan-form-pane .app-form-row,
body[data-paipan-category="时空医学"] .paipan-forms-container .paipan-form-pane .app-form-row {
  min-height: 44px;
  padding-top: 8px;
  padding-bottom: 8px;
}

body[data-paipan-category="命理占卜"] .paipan-forms-container .paipan-form-pane .app-form-input,
body[data-paipan-category="时空医学"] .paipan-forms-container .paipan-form-pane .app-form-input {
  height: 34px !important;
  line-height: 34px !important;
}

body[data-paipan-category="命理占卜"] .paipan-forms-container .paipan-form-pane .app-form-capsule-group,
body[data-paipan-category="时空医学"] .paipan-forms-container .paipan-form-pane .app-form-capsule-group {
  padding-top: 1px;
  padding-bottom: 1px;
}

body[data-paipan-category="命理占卜"] .paipan-forms-container .paipan-form-pane .app-form-capsule,
body[data-paipan-category="时空医学"] .paipan-forms-container .paipan-form-pane .app-form-capsule {
  padding-top: 5px;
  padding-bottom: 5px;
}

body[data-paipan-category="命理占卜"] .paipan-forms-container .paipan-form-pane .app-form-row + .app-form-row,
body[data-paipan-category="时空医学"] .paipan-forms-container .paipan-form-pane .app-form-row + .app-form-row {
  margin-top: 0;
}

/* 表单内容与上方一级、二级导航共用同一条左右基线：桌面 20px，
   手机端 18px。行本身不再额外缩进，输入凹槽的右边缘也因此与导航右边缘重合。 */
body[data-paipan-category="命理占卜"] .paipan-forms-container,
body[data-paipan-category="时空医学"] .paipan-forms-container {
  padding-left: 20px;
  padding-right: 20px;
}

body[data-paipan-category="命理占卜"] .paipan-forms-container .paipan-form-pane .app-form,
body[data-paipan-category="时空医学"] .paipan-forms-container .paipan-form-pane .app-form {
  padding-left: 0;
  padding-right: 0;
}

body[data-paipan-category="命理占卜"] .paipan-forms-container .paipan-form-pane .app-form-row,
body[data-paipan-category="时空医学"] .paipan-forms-container .paipan-form-pane .app-form-row {
  padding-left: 0;
  padding-right: 0;
}

@media (max-width: 760px) {
  body[data-paipan-category="命理占卜"] .paipan-forms-container,
  body[data-paipan-category="时空医学"] .paipan-forms-container {
    padding-left: 18px;
    padding-right: 18px;
  }
}

/* 所有工具的旧式表单行也使用同一条基线。部分时空医学工具仍输出
   .layui-form-item / .paipan-form-row，不能只靠共享 .app-form-row。 */
body[data-paipan-category="命理占卜"] .paipan-tool-frame .paipan-forms-container .paipan-form-pane .layui-form-item,
body[data-paipan-category="时空医学"] .paipan-tool-frame .paipan-forms-container .paipan-form-pane .layui-form-item,
body[data-paipan-category="命理占卜"] .paipan-tool-frame .paipan-forms-container .paipan-form-pane .paipan-form-row,
body[data-paipan-category="时空医学"] .paipan-tool-frame .paipan-forms-container .paipan-form-pane .paipan-form-row {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body[data-paipan-category="命理占卜"] .paipan-tool-frame .paipan-forms-container .paipan-form-pane .layui-form-label,
body[data-paipan-category="时空医学"] .paipan-tool-frame .paipan-forms-container .paipan-form-pane .layui-form-label {
  flex: 0 0 90px !important;
  width: 90px !important;
  box-sizing: border-box;
  padding-left: 0 !important;
  padding-right: 8px !important;
}

body[data-paipan-category="命理占卜"] .paipan-tool-frame .paipan-forms-container .paipan-form-pane .layui-input-block,
body[data-paipan-category="时空医学"] .paipan-tool-frame .paipan-forms-container .paipan-form-pane .layui-input-block {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
  margin-left: 0 !important;
  box-sizing: border-box;
}

body[data-paipan-category="命理占卜"] .paipan-tool-frame .paipan-forms-container .paipan-form-pane .paipan-form-row > :last-child,
body[data-paipan-category="时空医学"] .paipan-tool-frame .paipan-forms-container .paipan-form-pane .paipan-form-row > :last-child {
  min-width: 0;
  box-sizing: border-box;
}

/* 主题层会再次给表单行添加横向内缩；这里将行恢复到导航的左右基线，
   使左侧文字和右侧凹槽分别与上下导航边界垂直对齐。 */
body[data-paipan-category="命理占卜"] .paipan-tool-frame .paipan-forms-container,
body[data-paipan-category="时空医学"] .paipan-tool-frame .paipan-forms-container {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

body[data-paipan-category="命理占卜"] .paipan-tool-frame .paipan-forms-container .paipan-form-pane .app-form-row,
body[data-paipan-category="时空医学"] .paipan-tool-frame .paipan-forms-container .paipan-form-pane .app-form-row {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body[data-paipan-category="命理占卜"] .paipan-tool-frame .paipan-forms-container .paipan-form-pane .app-form-label,
body[data-paipan-category="时空医学"] .paipan-tool-frame .paipan-forms-container .paipan-form-pane .app-form-label {
  padding-left: 0 !important;
}

@media (max-width: 760px) {
  /* 手机端导航两侧为 18px，容器原有的 10px 内距叠加后正好落在线上。 */
  body[data-paipan-category="命理占卜"] .paipan-tool-frame .paipan-forms-container,
  body[data-paipan-category="时空医学"] .paipan-tool-frame .paipan-forms-container {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

/* 主题文件的移动端规则位于本文件之前，但使用了带 !important 的
   padding 简写，可能把行再次缩进 16px。以实际表单容器为边界做最后覆盖，
   这样标签和输入凹槽都与上方导航的左右边缘垂直对齐。 */
body[data-paipan-category="命理占卜"] #paipanFormsContainer .app-form,
body[data-paipan-category="时空医学"] #paipanFormsContainer .app-form {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body[data-paipan-category="命理占卜"] #paipanFormsContainer .app-form-row,
body[data-paipan-category="时空医学"] #paipanFormsContainer .app-form-row {
  min-height: 44px !important;
  padding: 8px 0 !important;
}

body[data-paipan-category="命理占卜"] #paipanFormsContainer .layui-form-item,
body[data-paipan-category="时空医学"] #paipanFormsContainer .layui-form-item,
body[data-paipan-category="命理占卜"] #paipanFormsContainer .paipan-form-row,
body[data-paipan-category="时空医学"] #paipanFormsContainer .paipan-form-row {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box;
}

/* 共享八字表单的主题层还对 #component_basic_data 写了更高特异性的
   移动端 padding，这里用同一层级覆盖，避免它把左右内缩重新带回来。 */
body[data-page="chart"][data-paipan-category="命理占卜"] .paipan-tool-frame #paipanFormsContainer #component_basic_data .app-form-row,
body[data-page="chart"][data-paipan-category="时空医学"] .paipan-tool-frame #paipanFormsContainer #component_basic_data .app-form-row {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* 表单里的选项控件统一使用横向胶囊。主题层曾把男女、日期类型和部分
   是否控件压成接近正圆的固定宽度；这里保留主题色，只统一几何形状。 */
body[data-paipan-category="命理占卜"] #paipanFormsContainer .app-form-capsule-group,
body[data-paipan-category="时空医学"] #paipanFormsContainer .app-form-capsule-group {
  border-radius: 999px !important;
}

body[data-paipan-category="命理占卜"] #paipanFormsContainer .app-form-capsule-group > .app-form-capsule,
body[data-paipan-category="时空医学"] #paipanFormsContainer .app-form-capsule-group > .app-form-capsule,
body[data-paipan-category="命理占卜"] #paipanFormsContainer .app-form-capsule-group > .app-form-capsule-hehun,
body[data-paipan-category="时空医学"] #paipanFormsContainer .app-form-capsule-group > .app-form-capsule-hehun {
  min-width: 48px !important;
  width: auto !important;
  border-radius: 999px !important;
}

body[data-paipan-category="命理占卜"] #paipanFormsContainer .app-form-capsule-active,
body[data-paipan-category="时空医学"] #paipanFormsContainer .app-form-capsule-active,
body[data-paipan-category="命理占卜"] #paipanFormsContainer .app-form-capsule-group > input[type="radio"]:checked + .app-form-capsule,
body[data-paipan-category="时空医学"] #paipanFormsContainer .app-form-capsule-group > input[type="radio"]:checked + .app-form-capsule,
body[data-paipan-category="命理占卜"] #paipanFormsContainer .app-form-capsule-group > input[type="checkbox"]:checked + .app-form-capsule,
body[data-paipan-category="时空医学"] #paipanFormsContainer .app-form-capsule-group > input[type="checkbox"]:checked + .app-form-capsule {
  border-radius: 999px !important;
}

body[data-paipan-category="命理占卜"] #paipanFormsContainer :is(#cbd-sex-group, .app-form-capsule-group[data-name$="_sex"]) > .app-form-capsule,
body[data-paipan-category="时空医学"] #paipanFormsContainer :is(#cbd-sex-group, .app-form-capsule-group[data-name$="_sex"]) > .app-form-capsule {
  min-width: 52px !important;
  width: 52px !important;
  flex-basis: 52px !important;
}

body[data-paipan-category="命理占卜"] #paipanFormsContainer #cbd-date-type-group > .app-form-capsule,
body[data-paipan-category="时空医学"] #paipanFormsContainer #cbd-date-type-group > .app-form-capsule {
  min-width: 56px !important;
  width: 56px !important;
  flex-basis: 56px !important;
}

body[data-paipan-category="命理占卜"] #paipanFormsContainer #recordEntryBtn,
body[data-paipan-category="时空医学"] #paipanFormsContainer #recordEntryBtn {
  min-width: 92px !important;
  width: 92px !important;
  flex-basis: 92px !important;
}

body[data-paipan-category="命理占卜"] #paipanFormsContainer .app-form-toggle,
body[data-paipan-category="时空医学"] #paipanFormsContainer .app-form-toggle {
  border-radius: 999px !important;
}

/* 移动端主题在 430px 以下会用更高特异性把男女压到 36px、历法压到 42px，
   安卓 WebView 和部分 iPhone 会因此显示成圆形。这里沿用主题的完整路径，
   再加上当前分类属性，确保最后加载的统一胶囊尺寸在各端都能覆盖窄屏规则。 */
html body[data-page="chart"][data-paipan-category="命理占卜"] .paipan-tool-frame .paipan-form-pane
  :is(#cbd-identity-row, #popup-yizhangjing-identity-row)
  > :is(#cbd-sex-group, .app-form-capsule-group[data-name$="_sex"])
  > .app-form-capsule,
html body[data-page="chart"][data-paipan-category="时空医学"] .paipan-tool-frame .paipan-form-pane
  :is(#cbd-identity-row, #popup-yizhangjing-identity-row)
  > :is(#cbd-sex-group, .app-form-capsule-group[data-name$="_sex"])
  > .app-form-capsule {
  flex: 0 0 52px !important;
  width: 52px !important;
  min-width: 52px !important;
  border-radius: 999px !important;
}

html body[data-page="chart"][data-paipan-category="命理占卜"] .paipan-tool-frame .paipan-form-pane
  :is(#cbd-identity-row, #popup-yizhangjing-identity-row)
  > #cbd-date-type-group
  > .app-form-capsule,
html body[data-page="chart"][data-paipan-category="时空医学"] .paipan-tool-frame .paipan-form-pane
  :is(#cbd-identity-row, #popup-yizhangjing-identity-row)
  > #cbd-date-type-group
  > .app-form-capsule {
  flex: 0 0 56px !important;
  width: 56px !important;
  min-width: 56px !important;
  border-radius: 999px !important;
}

/* 最终窄屏覆盖：主题文件的 430px 规则只为塞进行内布局而缩窄控件，
   但会把单字选项变成圆形。表单紧凑样式必须在它之后保持统一的横向胶囊。 */
html body[data-page="chart"][data-paipan-category="命理占卜"] #paipanFormsContainer .paipan-form-pane
  .app-form-capsule-group > .app-form-capsule,
html body[data-page="chart"][data-paipan-category="时空医学"] #paipanFormsContainer .paipan-form-pane
  .app-form-capsule-group > .app-form-capsule {
  min-width: 48px !important;
  width: auto !important;
  flex: 0 0 auto !important;
  border-radius: 999px !important;
}

html body[data-page="chart"][data-paipan-category="命理占卜"] #paipanFormsContainer .paipan-form-pane
  :is(#cbd-sex-group, .app-form-capsule-group[data-name$="_sex"]) > .app-form-capsule,
html body[data-page="chart"][data-paipan-category="时空医学"] #paipanFormsContainer .paipan-form-pane
  :is(#cbd-sex-group, .app-form-capsule-group[data-name$="_sex"]) > .app-form-capsule {
  min-width: 52px !important;
  width: 52px !important;
  flex-basis: 52px !important;
}

html body[data-page="chart"][data-paipan-category="命理占卜"] #paipanFormsContainer .paipan-form-pane
  #cbd-date-type-group > .app-form-capsule,
html body[data-page="chart"][data-paipan-category="时空医学"] #paipanFormsContainer .paipan-form-pane
  #cbd-date-type-group > .app-form-capsule {
  min-width: 56px !important;
  width: 56px !important;
  flex-basis: 56px !important;
}

html body[data-page="chart"][data-paipan-category="命理占卜"] #paipanFormsContainer .liquid-nav-surface,
html body[data-page="chart"][data-paipan-category="时空医学"] #paipanFormsContainer .liquid-nav-surface {
  border-radius: 999px !important;
}

/* 九宫大奇门与奇门翻天局的两个起局方式靠右放在凹槽内，
   只包住“时间 / 数字”，不再让整条凹槽把选项挤在左侧。 */
html body[data-page="chart"][data-paipan-category="命理占卜"] .paipan-tool-frame
  .paipan-form-pane[data-pane="view_qimen_jiugong_daqimen"] #component_basic_data
  .app-form-row-inline-options > .legacy-skyx-method-group,
html body[data-page="chart"][data-paipan-category="命理占卜"] .paipan-tool-frame
  .paipan-form-pane[data-pane="view_qimen_fantian"] #component_basic_data
  .app-form-row-inline-options > .legacy-skyx-method-group {
  flex: 0 0 auto !important;
  width: max-content !important;
  max-width: max-content !important;
  margin-left: auto !important;
  justify-content: flex-end !important;
  overflow: visible !important;
}