.page-subsidy {
  background: linear-gradient(180deg, #eef5ff 0%, var(--app-bg, #f2f4f8) 24%);
}

.subpage-topbar--blue {
  background: linear-gradient(165deg, #0c4db8 0%, #0052d9 100%);
  color: #fff;
  border-bottom: 0;
}

.subpage-topbar--blue .back-button {
  color: #fff;
}

.subpage-topbar--blue h1 {
  color: #fff;
}

.subsidy-main {
  padding: 14px 16px calc(28px + env(safe-area-inset-bottom, 0px));
}

.subsidy-summary {
  margin-bottom: 14px;
  padding: 16px;
  text-align: center;
  background: #fff;
  border-radius: var(--radius-lg, 12px);
  box-shadow: var(--card-shadow, 0 2px 12px rgba(26, 45, 77, 0.06));
}

.subsidy-summary__label {
  margin: 0 0 6px;
  font-size: 13px;
  color: var(--muted);
}

.subsidy-summary__value {
  margin: 0 0 6px;
  font-size: 15px;
  color: #081537;
}

.subsidy-summary__value strong {
  font-size: 28px;
  font-weight: 800;
  color: var(--gov-red);
  letter-spacing: -0.02em;
}

.subsidy-summary__hint {
  margin: 0;
  font-size: 12px;
  color: var(--muted);
  line-height: 1.45;
}

.subsidy-card-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 14px;
}

.subsidy-loading {
  margin: 0;
  padding: 24px;
  text-align: center;
  font-size: 14px;
  color: var(--muted);
  background: #fff;
  border-radius: var(--radius-lg, 12px);
}

/* —— 补贴卡片（参照原养老紫色 hero） —— */
.subsidy-hero {
  padding: 18px 16px;
  color: #fff;
  border-radius: var(--radius-lg, 12px);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
}

.subsidy-hero--blue {
  background: linear-gradient(135deg, #3d8bff 0%, #0052d9 100%);
}

.subsidy-hero--green {
  background: linear-gradient(135deg, #4cb88a 0%, #2d9d6b 100%);
}

.subsidy-hero--violet {
  background: linear-gradient(135deg, #9b8cff 0%, #7c4dff 100%);
}

.subsidy-hero--orange {
  background: linear-gradient(135deg, #f0a060 0%, #e67a2e 100%);
}

.subsidy-hero--purple {
  background: linear-gradient(135deg, #8b7ce8 0%, #5b4fc7 100%);
}

.subsidy-hero.is-locked {
  opacity: 0.92;
}

.subsidy-hero__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}

.subsidy-hero__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  flex-shrink: 0;
  font-size: 18px;
  font-weight: 800;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 12px;
}

.subsidy-hero__icon svg {
  width: 24px;
  height: 24px;
}

.subsidy-hero__amt-box {
  text-align: right;
  flex-shrink: 0;
}

.subsidy-hero__amt-label {
  display: block;
  font-size: 11px;
  opacity: 0.88;
  margin-bottom: 2px;
}

.subsidy-hero__amt {
  display: block;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -0.02em;
}

.subsidy-hero__amt small {
  font-size: 12px;
  font-weight: 600;
  opacity: 0.92;
}

.subsidy-hero h2 {
  margin: 0 0 6px;
  font-size: 20px;
  font-weight: 700;
}

.subsidy-hero__desc {
  margin: 0 0 8px;
  font-size: 13px;
  opacity: 0.92;
  line-height: 1.5;
}

.subsidy-hero__req {
  margin: 0;
  font-size: 12px;
  opacity: 0.85;
  line-height: 1.45;
}

.subsidy-hero__req b {
  font-weight: 700;
}

.subsidy-footnote {
  margin-bottom: 14px;
  padding: 16px;
  background: #fff;
  border-radius: var(--radius-lg, 12px);
  box-shadow: var(--card-shadow, 0 2px 12px rgba(26, 45, 77, 0.06));
}

.subsidy-footnote h3 {
  margin: 0 0 10px;
  font-size: 15px;
  font-weight: 700;
  color: #081537;
}

.subsidy-footnote ul {
  margin: 0;
  padding-left: 18px;
  color: #4a5568;
  font-size: 13px;
  line-height: 1.65;
}

.subsidy-actions {
  display: grid;
  gap: 10px;
}

.subsidy-cta {
  display: block;
  padding: 14px;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  background: linear-gradient(135deg, #3d7ee8, #0052d9);
  border-radius: var(--radius-lg, 12px);
  box-shadow: 0 4px 12px rgba(0, 82, 217, 0.25);
}

.subsidy-cta--outline {
  color: var(--gov-blue);
  background: #fff;
  border: 1px solid rgba(0, 82, 217, 0.35);
  box-shadow: none;
}

.subsidy-cta:active {
  opacity: 0.92;
}