.invoice-page {
  width: 100%;
  min-height: 100vh;
  background: var(--page-bg);
  display: flex;
  flex-direction: column;
}

/* 顶部 Header */
.invoice-header {
  position: sticky;
  top: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  padding: 12px 16px;
  background: var(--brand-gradient);
  color: var(--text-on-brand);
  box-shadow: 0 2px 8px rgba(139, 38, 50, 0.18);
}

.invoice-header .back-btn {
  width: 36px;
  height: 36px;
  color: #fff !important;
  font-size: 18px;
  border: none;
  background: transparent !important;
}

.invoice-header .back-btn:hover {
  background: rgba(255, 255, 255, 0.12) !important;
}

.invoice-title {
  flex: 1;
  margin: 0 8px;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 2px;
  color: #fff;
}

.header-spacer {
  width: 36px;
  height: 36px;
}

/* 表单容器 */
.invoice-container {
  flex: 1;
  padding: 20px 16px;
}

.invoice-form {
  background: var(--surface-bg);
  border-radius: var(--radius-md);
  padding: 20px 16px;
  box-shadow: var(--shadow-card);
}

.invoice-form .ant-form-item-label > label {
  font-weight: 500;
  color: #333;
}

/* 发票类型按钮组 */
.invoice-type-group {
  display: flex !important;
  width: 100%;
}

.invoice-type-group .ant-radio-button-wrapper {
  flex: 1;
  text-align: center;
  height: 44px;
  line-height: 42px;
  font-size: 15px;
}

.invoice-type-group
  .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  color: var(--brand-color) !important;
  border-color: var(--brand-color) !important;
  background: var(--brand-color-light) !important;
}

.invoice-type-group
  .ant-radio-button-wrapper-checked:not(
    .ant-radio-button-wrapper-disabled
  )::before {
  background-color: var(--brand-color) !important;
}

.invoice-type-group .ant-radio-button-wrapper:hover {
  color: var(--brand-color) !important;
}

/* 输入框 */
.invoice-form .ant-input,
.invoice-form .ant-input-affix-wrapper {
  height: 44px;
  font-size: 15px;
  border-radius: 8px;
}

.invoice-form .ant-input-affix-wrapper .ant-input {
  height: auto;
}

/* 无需发票提示 */
.invoice-tip {
  background: var(--warning-bg);
  border: 1px solid var(--warning-border);
  color: var(--warning-text);
  border-radius: var(--radius-sm);
  padding: 12px 14px;
  font-size: 13px;
  line-height: 1.6;
  margin-bottom: 24px;
}

/* 提交按钮 */
.submit-item {
  margin-top: 8px;
  margin-bottom: 0;
}

.submit-btn {
  height: 48px !important;
  font-size: 16px !important;
  font-weight: 600;
  border-radius: var(--radius-sm) !important;
  background: var(--brand-gradient) !important;
  border: none !important;
  color: var(--text-on-brand) !important;
  letter-spacing: 4px;
}

.submit-btn:hover,
.submit-btn:focus {
  background: var(--brand-gradient-hover) !important;
  color: var(--text-on-brand) !important;
}

/* iPhone 安全区 */
@supports (padding: max(0px)) {
  .invoice-container {
    padding-bottom: max(20px, env(safe-area-inset-bottom));
  }
}
