/* 八字计算页 UI 优化（参考 FateMaster 布局风格） */
.workspace-page.max-w-4xl,
.workspace-page.max-w-3xl {
  max-width: 56rem;
}

.workspace-page header h1 {
  font-family: inherit;
  letter-spacing: -0.02em;
}

.workspace-page section[aria-label="输入与操作"] .rounded-xl.border.text-card-foreground.shadow-sm {
  border-radius: 0.75rem;
  box-shadow: none;
  border-color: color-mix(in oklab, var(--border) 80%, transparent);
  background: transparent;
}

.workspace-page section[aria-label="输入与操作"] .border-b.border-border.bg-secondary\/25 {
  background: transparent;
  border-bottom: 0;
  padding-top: 0;
}

.workspace-page section[aria-label="输入与操作"] .font-semibold.tracking-tight.text-lg {
  font-size: 1.125rem;
  font-weight: 600;
  color: color-mix(in oklab, var(--foreground) 72%, transparent);
}

.workspace-page section[aria-label="输入与操作"] .text-xs.font-medium.text-muted-foreground {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--foreground);
}

.workspace-page section[aria-label="输入与操作"] input,
.workspace-page section[aria-label="输入与操作"] select {
  min-height: 2.25rem;
  box-shadow: 0 1px 2px rgb(0 0 0 / 0.04);
}

.workspace-page section[aria-label="输入与操作"] .flex.gap-2 > button {
  min-height: 2.25rem;
}

.workspace-page section[aria-label="输入与操作"] button.w-full {
  margin-top: 0.5rem;
  min-height: 2.5rem;
}

.workspace-page details.group.rounded-xl {
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

.workspace-page details.group.rounded-xl[open] {
  background: color-mix(in oklab, var(--muted) 18%, transparent);
}

@media (min-width: 768px) {
  .workspace-page section[aria-label="输入与操作"] .p-6.space-y-4.py-5 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem 1.5rem;
  }

  .workspace-page section[aria-label="输入与操作"] .relative.space-y-1\.5,
  .workspace-page section[aria-label="输入与操作"] details,
  .workspace-page section[aria-label="输入与操作"] .p-6.space-y-4.py-5 > button.w-full {
    grid-column: 1 / -1;
  }
}

/* 八字关系图谱页：与八字计算页一致的扁平输入区 */
.relationship-network-page section[aria-label="输入与操作"] .rounded-xl.border.text-card-foreground.shadow-sm {
  border-radius: 0.75rem;
  box-shadow: none;
  border-color: color-mix(in oklab, var(--border) 80%, transparent);
  background: transparent;
}

.relationship-network-page section[aria-label="输入与操作"] .border-b.border-border.bg-secondary\/25 {
  background: transparent;
  border-bottom: 0;
  padding-top: 0;
}

.relationship-network-page section[aria-label="输入与操作"] .font-semibold.tracking-tight.text-lg {
  font-size: 1.125rem;
  font-weight: 600;
  color: color-mix(in oklab, var(--foreground) 72%, transparent);
}

.relationship-network-page section[aria-label="输入与操作"] .text-xs.font-medium.text-muted-foreground {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--foreground);
}

.relationship-network-page section[aria-label="输入与操作"] input,
.relationship-network-page section[aria-label="输入与操作"] select {
  min-height: 2.25rem;
  box-shadow: 0 1px 2px rgb(0 0 0 / 0.04);
}

.relationship-network-page section[aria-label="输入与操作"] .flex.gap-2 > button {
  min-height: 2.25rem;
}

.relationship-network-page section[aria-label="输入与操作"] button.w-full {
  margin-top: 0.5rem;
  min-height: 2.5rem;
}

.relationship-network-page section[aria-label="关系分析"] {
  border-top: 0;
  padding-top: 0;
}

.relationship-network-page section[aria-label="关系分析"] > p.text-center.text-xs {
  display: none;
}

/* 出生资料扁平表单（全局） */
.workspace-page .birth-form-flat {
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

.workspace-page .birth-form-flat > div {
  background: transparent !important;
}

.workspace-page section[aria-label="输入与操作"] .birth-form-flat,
.workspace-page section[aria-label="输入与操作"] .border-border.shadow-sm {
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

.workspace-page section[aria-label="输入与操作"] .birth-form-fields {
  padding-left: 0;
  padding-right: 0;
}

@media (min-width: 768px) {
  .workspace-page section[aria-label="输入与操作"] .birth-form-fields {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem 1.5rem;
  }

  .workspace-page section[aria-label="输入与操作"] .birth-form-fields .relative.space-y-1\.5,
  .workspace-page section[aria-label="输入与操作"] .birth-form-fields details,
  .workspace-page section[aria-label="输入与操作"] .birth-form-fields > button.w-full {
    grid-column: 1 / -1;
  }
}

/* 出生地点：IP 定位按钮行 */
.workspace-page .birth-place-actions button {
  min-height: 2.25rem;
  white-space: nowrap;
}

.workspace-page #birth-place-search {
  min-height: 2.25rem;
}

/* 每日运势页 */
.bazi-daily-page .bazi-daily-dim {
  transition: box-shadow 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

.bazi-daily-page .bazi-daily-dim:hover {
  border-color: color-mix(in oklab, var(--foreground) 18%, var(--border));
  box-shadow: 0 2px 8px rgb(0 0 0 / 0.04);
}

.bazi-daily-page .bazi-daily-marketing details[open] {
  background: color-mix(in oklab, var(--muted) 22%, transparent);
}

.bazi-daily-page section[aria-label="输入与操作"] .birth-form-flat,
.bazi-daily-page section[aria-label="输入与操作"] .border-border.shadow-sm {
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}