/* 仅供界面/交互演示，非银行官方服务，禁止用于欺诈、冒充或其他违法活动。 */
.static-page {
  --static-red: var(--accent-red);
  --static-muted: #707070;
  --static-line: #eee;
  width: calc(343 * var(--u));
  max-width: 100%;
  margin: 0 auto;
  padding: calc(14 * var(--u)) 0 calc(18 * var(--u));
  color: #222;
  font-size: calc(14 * var(--u));
  line-height: calc(22 * var(--u));
}
.static-page .static-page__section { margin-top: calc(20 * var(--u)); }
.static-page .static-page__panel { background: #fff; border-radius: calc(9 * var(--u)); }
.static-page .static-page__panel-heading { margin: 0; padding: calc(13 * var(--u)) calc(14 * var(--u)) calc(9 * var(--u)); font-size: calc(16.3 * var(--u)); font-weight: 600; line-height: calc(25 * var(--u)); }
.static-page .static-page__section-heading { margin: 0 0 calc(10 * var(--u)); font-size: calc(18.1 * var(--u)); font-weight: 700; line-height: calc(27 * var(--u)); }
.static-page .static-page__icon { flex: 0 0 auto; width: calc(32 * var(--u)); height: calc(32 * var(--u)); object-fit: contain; }
.static-page .static-page__icon--accent { filter: brightness(.58) sepia(1) saturate(8) hue-rotate(314deg); }
.static-page .static-page__chevron { flex: 0 0 auto; width: calc(13 * var(--u)); height: calc(16 * var(--u)); color: #999; stroke-width: 1.4; }
.static-page .static-page__empty-credit { display: flex; align-items: center; flex-direction: column; padding: calc(12 * var(--u)) calc(20 * var(--u)) calc(22 * var(--u)); border-top: calc(1 * var(--u)) solid var(--static-line); text-align: center; }
.static-page .static-page__empty-credit .static-page__icon { width: calc(48 * var(--u)); height: calc(43 * var(--u)); }
.static-page .static-page__empty-credit h3 { margin: calc(12 * var(--u)) 0 calc(3 * var(--u)); font-size: calc(16 * var(--u)); font-weight: 500; line-height: calc(25 * var(--u)); }
.static-page .static-page__empty-credit p { margin: 0; color: var(--static-muted); font-size: calc(12.5 * var(--u)); line-height: calc(20 * var(--u)); }
.static-page .static-page__primary { min-height: calc(38 * var(--u)); margin-top: calc(15 * var(--u)); padding: calc(8 * var(--u)) calc(24 * var(--u)); background: var(--static-red); color: #fff; border-radius: calc(6 * var(--u)); font-size: calc(14 * var(--u)); line-height: calc(22 * var(--u)); }
.static-page .static-page__service-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); list-style: none; margin: 0; padding: calc(4 * var(--u)) calc(4 * var(--u)) calc(9 * var(--u)); }
.static-page .static-page__service { display: flex; align-items: center; flex-direction: column; justify-content: center; width: 100%; min-height: calc(81 * var(--u)); padding: calc(10 * var(--u)) calc(2 * var(--u)); }
.static-page .static-page__service span { margin-top: calc(7 * var(--u)); font-size: calc(12.3 * var(--u)); line-height: calc(18.3 * var(--u)); white-space: nowrap; }
.static-page .static-page__service-grid--life { row-gap: calc(4 * var(--u)); }
.static-page .static-page__activity-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: calc(10 * var(--u)); }
.static-page .static-page__activity { display: block; min-width: 0; width: 100%; overflow: hidden; background: #fff; border-radius: calc(7 * var(--u)); text-align: left; }
.static-page .static-page__activity > img { width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; }
.static-page .static-page__activity-copy { display: flex; flex-direction: column; padding: calc(8 * var(--u)) calc(10 * var(--u)) calc(10 * var(--u)); }
.static-page .static-page__activity-copy strong { font-size: calc(14 * var(--u)); font-weight: 500; line-height: calc(22 * var(--u)); }
.static-page .static-page__campaign { display: block; width: 100%; overflow: hidden; border-radius: calc(6 * var(--u)); }
.static-page .static-page__campaign + .static-page__campaign { margin-top: calc(10 * var(--u)); }
.static-page .static-page__campaign img { width: 100%; height: auto; }
.static-page .static-page__selection-list { list-style: none; margin: 0; padding: 0; background: #fff; border-radius: calc(9 * var(--u)); }
.static-page .static-page__selection-list > li + li { border-top: calc(1 * var(--u)) solid var(--static-line); }
.static-page .static-page__list-row { display: flex; align-items: center; width: 100%; min-height: calc(62 * var(--u)); gap: calc(12 * var(--u)); padding: calc(12 * var(--u)) calc(14 * var(--u)); text-align: left; }
.static-page .static-page__list-row .static-page__icon { width: calc(28 * var(--u)); height: calc(28 * var(--u)); }
.static-page .static-page__row-copy { display: flex; flex: 1; min-width: 0; flex-direction: column; }
.static-page .static-page__row-copy strong { font-size: calc(14 * var(--u)); font-weight: 400; line-height: calc(22 * var(--u)); }
.static-page .static-page__row-copy > span { color: var(--static-muted); font-size: calc(12 * var(--u)); line-height: calc(18 * var(--u)); }
.static-page .static-page__profile { display: flex; align-items: center; width: 100%; min-height: calc(88 * var(--u)); gap: calc(14 * var(--u)); padding: calc(16 * var(--u)); text-align: left; }
.static-page .static-page__profile .static-page__icon { width: calc(46 * var(--u)); height: calc(46 * var(--u)); }
.static-page .static-page__profile-copy { display: flex; flex: 1; min-width: 0; flex-direction: column; }
.static-page .static-page__profile-copy strong { font-size: calc(18 * var(--u)); font-weight: 600; line-height: calc(27 * var(--u)); }
.static-page .static-page__profile-copy > span { margin-top: calc(3 * var(--u)); color: var(--static-muted); font-size: calc(12.3 * var(--u)); line-height: calc(19 * var(--u)); }
.static-page .static-page__assets { padding: calc(14 * var(--u)) calc(16 * var(--u)) 0; }
.static-page .static-page__assets h2 { margin: 0; color: var(--static-muted); font-size: calc(12.8 * var(--u)); font-weight: 400; line-height: calc(20 * var(--u)); }
.static-page .static-page__asset-value { margin: calc(8 * var(--u)) 0 calc(13 * var(--u)); color: var(--static-red); font-family: Arial, sans-serif; font-size: calc(28 * var(--u)); font-weight: 500; line-height: calc(34 * var(--u)); font-variant-numeric: tabular-nums; }
.static-page .static-page__asset-value--hidden { letter-spacing: calc(2 * var(--u)); }
.static-page .static-page__asset-bottom { display: flex; align-items: center; justify-content: space-between; min-height: calc(44 * var(--u)); border-top: calc(1 * var(--u)) solid var(--static-line); }
.static-page .static-page__asset-bottom > span { color: var(--static-muted); font-size: calc(12 * var(--u)); line-height: calc(19 * var(--u)); }
.static-page .static-page__text-link { display: flex; align-items: center; gap: calc(3 * var(--u)); min-height: calc(44 * var(--u)); color: var(--static-red); font-size: calc(12.5 * var(--u)); line-height: calc(20 * var(--u)); }
.static-page .static-page__text-link .static-page__chevron { color: var(--static-red); }
.static-page button:focus-visible { outline: 2px solid var(--focus-red); outline-offset: 3px; }
.static-page button:active { opacity: .72; }