/* 仅供界面/交互演示，非银行官方服务，禁止用于欺诈、冒充或其他违法活动。 */
.on-secondary .secondary-status { position: sticky; top: 0; z-index: 21; }
.on-secondary .secondary-header { position: sticky; top: var(--safe-top); z-index: 20; }
.on-secondary .secondary-content { padding: 0; line-height: 1.5; }
.on-secondary .bottom-nav { display: none; }
.on-secondary .page-scroll { bottom: 0; padding-bottom: var(--safe-bottom); }
.on-secondary .floating-helper { display: none; }
.detail-page {
  --detail-red: var(--accent-red);
  --detail-muted: #666;
  --detail-line: #eee;
  width: 100%;
  min-height: calc(560 * var(--u));
  padding: calc(12 * var(--u)) 0 calc(26 * var(--u));
  background: #f7f8fa;
  color: #222;
  font-size: calc(14 * var(--u));
  line-height: calc(22 * var(--u));
  overflow-wrap: anywhere;
}
.detail-page .detail-page__section { margin: 0 0 calc(12 * var(--u)); background: #fff; }
.detail-page .detail-page__section-heading { margin: 0; padding: calc(14 * var(--u)) calc(16 * var(--u)) calc(8 * var(--u)); font-size: calc(16.3 * var(--u)); font-weight: 600; line-height: calc(25 * var(--u)); }
.detail-page .detail-page__list { list-style: none; margin: 0; padding: 0 calc(16 * var(--u)); }
.detail-page .detail-page__list > li + li { border-top: calc(1 * var(--u)) solid var(--detail-line); }
.detail-page .detail-page__row { display: flex; align-items: center; gap: calc(12 * var(--u)); width: 100%; min-height: calc(53 * var(--u)); padding: calc(12 * var(--u)) 0; text-align: left; }
.detail-page .detail-page__icon { flex: 0 0 auto; width: calc(29 * var(--u)); height: calc(29 * var(--u)); object-fit: contain; }
.detail-page .detail-page__row-copy { display: flex; flex: 1; flex-direction: column; min-width: 0; }
.detail-page .detail-page__row-copy strong { font-size: calc(14 * var(--u)); font-weight: 400; line-height: calc(22 * var(--u)); }
.detail-page .detail-page__row-copy > span { margin-top: calc(2 * var(--u)); color: var(--detail-muted); font-size: calc(12 * var(--u)); line-height: calc(19 * var(--u)); }
.detail-page .detail-page__row-value { color: var(--detail-muted); font-size: calc(12.5 * var(--u)); }
.detail-page .detail-page__chevron { flex: 0 0 auto; width: calc(12 * var(--u)); height: calc(16 * var(--u)); color: #999; stroke-width: 1.4; }
.detail-page .detail-page__primary, .detail-page .detail-page__secondary { display: inline-flex; align-items: center; justify-content: center; min-height: calc(44 * var(--u)); padding: calc(10 * var(--u)) calc(28 * var(--u)); border-radius: calc(6 * var(--u)); font-size: calc(14 * var(--u)); line-height: calc(22 * var(--u)); }
.detail-page .detail-page__primary { color: #fff; background: var(--detail-red); }
.detail-page .detail-page__secondary { color: var(--detail-red); border: calc(1 * var(--u)) solid var(--accent-red); background: #fff; }
.detail-page .detail-page__description { margin: 0; padding: calc(10 * var(--u)) calc(16 * var(--u)); color: var(--detail-muted); font-size: calc(12.5 * var(--u)); line-height: calc(20 * var(--u)); }
.detail-page .detail-page__definitions { margin: 0; padding: 0 calc(16 * var(--u)); }
.detail-page .detail-page__definitions > div { display: flex; justify-content: space-between; gap: calc(18 * var(--u)); padding: calc(12 * var(--u)) 0; }
.detail-page .detail-page__definitions > div + div { border-top: calc(1 * var(--u)) solid var(--detail-line); }
.detail-page .detail-page__definitions dt { flex: 0 0 auto; color: var(--detail-muted); font-size: calc(12.5 * var(--u)); line-height: calc(21 * var(--u)); }
.detail-page .detail-page__definitions dd { min-width: 0; margin: 0; text-align: right; font-size: calc(13 * var(--u)); line-height: calc(21 * var(--u)); font-variant-numeric: tabular-nums; }
.detail-page .detail-page__login { display: flex; flex-direction: column; align-items: center; padding: calc(20 * var(--u)) calc(16 * var(--u)) calc(24 * var(--u)); text-align: center; }
.detail-page .detail-page__login .detail-page__icon { width: calc(42 * var(--u)); height: calc(42 * var(--u)); }
.detail-page .detail-page__login p { margin: calc(11 * var(--u)) 0 calc(15 * var(--u)); color: var(--detail-muted); }
.detail-page .detail-page__tabs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); padding: 0 calc(16 * var(--u)); }
.detail-page .detail-page__tabs button { position: relative; min-height: calc(44 * var(--u)); color: var(--detail-muted); font-size: calc(14 * var(--u)); }
.detail-page .detail-page__tabs button[aria-pressed='true'] { color: var(--detail-red); font-weight: 600; }
.detail-page .detail-page__tabs button[aria-pressed='true']::after { content: ''; position: absolute; bottom: 0; left: 28%; right: 28%; height: calc(2 * var(--u)); background: var(--detail-red); }
.detail-page .detail-page__product-row { display: flex; align-items: center; gap: calc(9 * var(--u)); width: 100%; padding: calc(17 * var(--u)) 0; text-align: left; }
.detail-page .detail-page__product-copy { display: flex; flex: 1; min-width: 0; flex-direction: column; }
.detail-page .detail-page__product-copy strong { font-size: calc(14 * var(--u)); font-weight: 500; line-height: calc(23 * var(--u)); }
.detail-page .detail-page__product-copy > span { margin-top: calc(5 * var(--u)); color: var(--detail-muted); font-size: calc(11.5 * var(--u)); line-height: calc(19 * var(--u)); }
.detail-page .detail-page__product-return { display: flex; flex: 0 0 calc(82 * var(--u)); flex-direction: column; align-items: flex-end; }
.detail-page .detail-page__product-return strong { color: var(--accent-red); font: 700 calc(22 * var(--u))/calc(29 * var(--u)) Arial, sans-serif; font-variant-numeric: tabular-nums; }
.detail-page .detail-page__product-return > span { color: var(--detail-muted); font-size: calc(10.5 * var(--u)); line-height: calc(18 * var(--u)); }
.detail-page .detail-page__risk-link { display: flex; align-items: center; justify-content: space-between; gap: calc(12 * var(--u)); width: 100%; min-height: calc(44 * var(--u)); padding: calc(9 * var(--u)) calc(16 * var(--u)); background: #fffbef; color: #6a6559; text-align: left; font-size: calc(12 * var(--u)); line-height: calc(20 * var(--u)); }
.detail-page .detail-page__product-overview { padding: calc(20 * var(--u)) calc(16 * var(--u)) calc(17 * var(--u)); margin-bottom: calc(12 * var(--u)); background: #fff; }
.detail-page .detail-page__product-overview h2 { margin: 0; font-size: calc(18 * var(--u)); font-weight: 600; line-height: calc(28 * var(--u)); }
.detail-page .detail-page__return { display: flex; align-items: baseline; gap: calc(12 * var(--u)); margin-top: calc(18 * var(--u)); }
.detail-page .detail-page__return > strong { color: var(--accent-red); font: 700 calc(32 * var(--u))/calc(42 * var(--u)) Arial, sans-serif; font-variant-numeric: tabular-nums; }
.detail-page .detail-page__return > span { color: var(--detail-muted); font-size: calc(12 * var(--u)); }
.detail-page .detail-page__risk-copy { margin: calc(12 * var(--u)) 0 0; color: var(--detail-muted); font-size: calc(12 * var(--u)); line-height: calc(20 * var(--u)); }
.detail-page .detail-page__footer-action { margin: calc(22 * var(--u)) calc(16 * var(--u)) 0; }
.detail-page .detail-page__footer-action .detail-page__primary { width: 100%; }
.detail-page .detail-page__banner { display: block; width: calc(343 * var(--u)); max-width: calc(100% - 32 * var(--u)); margin: calc(4 * var(--u)) auto calc(16 * var(--u)); border-radius: calc(6 * var(--u)); overflow: hidden; }
.detail-page .detail-page__banner-image { width: 100%; height: auto; }
.detail-page .detail-page__campaign { margin: calc(4 * var(--u)) calc(16 * var(--u)) calc(16 * var(--u)); border-radius: calc(6 * var(--u)); overflow: hidden; background: #fff; }
.detail-page .detail-page__campaign-image { width: 100%; height: auto; object-fit: contain; }
.detail-page .detail-page__campaign--square { padding: calc(16 * var(--u)); }
.detail-page .detail-page__campaign--square .detail-page__campaign-image { width: calc(265 * var(--u)); margin: 0 auto; }
.detail-page .detail-page__activity-list { list-style: none; margin: 0; padding: 0 calc(16 * var(--u)); }
.detail-page .detail-page__activity-list > li + li { border-top: calc(1 * var(--u)) solid var(--detail-line); }
.detail-page .detail-page__activity-row { display: flex; align-items: center; gap: calc(15 * var(--u)); width: 100%; min-height: calc(114 * var(--u)); padding: calc(13 * var(--u)) 0; text-align: left; }
.detail-page .detail-page__activity-image { flex: 0 0 auto; width: calc(88 * var(--u)); height: calc(88 * var(--u)); border-radius: calc(5 * var(--u)); object-fit: contain; }
.detail-page .detail-page__activity-row > span { flex: 1; display: flex; flex-direction: column; min-width: 0; }
.detail-page .detail-page__activity-row strong { font-size: calc(15 * var(--u)); font-weight: 500; line-height: calc(24 * var(--u)); }
.detail-page .detail-page__activity-row > span > span { margin-top: calc(7 * var(--u)); color: var(--detail-muted); font-size: calc(12 * var(--u)); }
.detail-page .detail-page__quote { margin-bottom: calc(12 * var(--u)); padding: calc(20 * var(--u)) calc(16 * var(--u)) calc(12 * var(--u)); background: #fff; }
.detail-page .detail-page__quote h2 { margin: 0; font-size: calc(18 * var(--u)); font-weight: 600; line-height: calc(27 * var(--u)); }
.detail-page .detail-page__quote-value { display: flex; align-items: center; gap: calc(8 * var(--u)); margin: calc(14 * var(--u)) 0 calc(6 * var(--u)); font: 700 calc(32 * var(--u))/calc(43 * var(--u)) Arial, sans-serif; font-variant-numeric: tabular-nums; }
.detail-page .detail-page__quote-value svg { width: calc(15 * var(--u)); height: calc(21 * var(--u)); stroke-width: 1.8; }
.detail-page .detail-page__quote-value--down { color: #09845e; }
.detail-page .detail-page__quote-value--up { color: var(--accent-red); }
.detail-page .detail-page__quote .detail-page__definitions { padding: 0; }
.detail-page .detail-page__service-intro { display: flex; align-items: center; gap: calc(15 * var(--u)); padding: calc(12 * var(--u)) calc(16 * var(--u)) calc(18 * var(--u)); }
.detail-page .detail-page__service-intro .detail-page__icon { width: calc(40 * var(--u)); height: calc(40 * var(--u)); }
.detail-page .detail-page__service-intro h3 { margin: 0; font-size: calc(16 * var(--u)); line-height: calc(25 * var(--u)); font-weight: 500; }
.detail-page .detail-page__support-intro { display: flex; flex-direction: column; align-items: center; padding: calc(20 * var(--u)) calc(16 * var(--u)) calc(24 * var(--u)); }
.detail-page .detail-page__support-intro .detail-page__icon { width: calc(45 * var(--u)); height: calc(45 * var(--u)); }
.detail-page .detail-page__support-intro h2 { margin: calc(12 * var(--u)) 0 calc(17 * var(--u)); font-size: calc(17 * var(--u)); font-weight: 500; }
.detail-page .detail-page__empty { display: flex; flex-direction: column; align-items: center; padding: calc(42 * var(--u)) calc(16 * var(--u)); text-align: center; }
.detail-page .detail-page__empty-icon { width: calc(48 * var(--u)); height: calc(48 * var(--u)); color: #999; stroke-width: 1.3; }
.detail-page .detail-page__empty h2, .detail-page .detail-page__empty h3 { margin: calc(18 * var(--u)) 0; font-size: calc(16 * var(--u)); font-weight: 500; line-height: calc(25 * var(--u)); }
.detail-page .detail-page__cart-empty { background: #fff; margin-bottom: calc(12 * var(--u)); padding-top: calc(65 * var(--u)); padding-bottom: calc(55 * var(--u)); }
.detail-page .detail-page__large-icon { width: calc(48 * var(--u)); height: calc(48 * var(--u)); object-fit: contain; }
.detail-page .detail-page__asset-overview { padding: calc(20 * var(--u)) calc(16 * var(--u)); margin-bottom: calc(12 * var(--u)); background: #fff; }
.detail-page .detail-page__asset-overview h2 { margin: 0; color: var(--detail-muted); font-size: calc(13 * var(--u)); font-weight: 400; line-height: calc(22 * var(--u)); }
.detail-page .detail-page__asset-heading { display: flex; align-items: center; justify-content: space-between; gap: calc(12 * var(--u)); }
.detail-page .detail-page__asset-eye { display: grid; place-items: center; flex: 0 0 auto; width: calc(44 * var(--u)); height: calc(44 * var(--u)); margin: calc(-11 * var(--u)) 0; color: var(--detail-muted); }
.detail-page .detail-page__asset-eye svg { width: calc(22 * var(--u)); height: calc(22 * var(--u)); stroke-width: 1.3; }
.detail-page .detail-page__asset-value { margin: calc(11 * var(--u)) 0 calc(18 * var(--u)); color: var(--detail-red); font: 500 calc(30 * var(--u))/calc(39 * var(--u)) Arial, sans-serif; font-variant-numeric: tabular-nums; }
.detail-page .detail-page__asset-value[data-assets-state='hidden'] { letter-spacing: calc(2 * var(--u)); }
.detail-page .detail-page__asset-overview .detail-page__definitions { padding: 0; border-top: calc(1 * var(--u)) solid var(--detail-line); }
.detail-page .detail-page__brand, .detail-page .detail-page__profile { display: flex; flex-direction: column; align-items: center; padding: calc(30 * var(--u)) calc(16 * var(--u)); margin-bottom: calc(12 * var(--u)); background: #fff; text-align: center; }
.detail-page .detail-page__app-icon { width: calc(68 * var(--u)); height: calc(68 * var(--u)); border-radius: calc(14 * var(--u)); }
.detail-page .detail-page__brand h2, .detail-page .detail-page__profile h2 { margin: calc(14 * var(--u)) 0 calc(4 * var(--u)); font-size: calc(19 * var(--u)); font-weight: 600; line-height: calc(28 * var(--u)); }
.detail-page .detail-page__brand p, .detail-page .detail-page__profile p { margin: 0; color: var(--detail-muted); font-size: calc(12.5 * var(--u)); line-height: calc(21 * var(--u)); }
.detail-page .detail-page__profile-icon { width: calc(48 * var(--u)); height: calc(48 * var(--u)); object-fit: contain; }
.detail-page .detail-page__profile .detail-page__primary { margin-top: calc(17 * var(--u)); }
.detail-page .detail-page__setting-row { display: flex; align-items: center; justify-content: space-between; gap: calc(15 * var(--u)); width: 100%; min-height: calc(56 * var(--u)); padding: calc(10 * var(--u)) 0; text-align: left; font-size: calc(14 * var(--u)); }
.detail-page .detail-page__switch { position: relative; flex: 0 0 auto; width: calc(43 * var(--u)); height: calc(26 * var(--u)); border-radius: calc(14 * var(--u)); background: #ddd; }
.detail-page .detail-page__switch::after { content: ''; position: absolute; top: calc(3 * var(--u)); left: calc(3 * var(--u)); width: calc(20 * var(--u)); height: calc(20 * var(--u)); border-radius: 50%; background: #fff; }
.detail-page .detail-page__setting-row[aria-pressed='true'] .detail-page__switch { background: var(--detail-red); }
.detail-page .detail-page__setting-row[aria-pressed='true'] .detail-page__switch::after { transform: translateX(calc(17 * var(--u))); }
.detail-page .detail-page__reading { padding: calc(8 * var(--u)) calc(16 * var(--u)) calc(24 * var(--u)); }
.detail-page .detail-page__reading p { margin: 0; font-size: calc(14 * var(--u)); line-height: calc(25 * var(--u)); }
.detail-page.detail-page--network { background: #fff; }
.detail-page .detail-page__network { display: flex; flex-direction: column; align-items: center; padding: calc(97 * var(--u)) calc(20 * var(--u)) calc(44 * var(--u)); text-align: center; }
.detail-page .detail-page__loading, .detail-page .detail-page__network-failed { display: flex; flex-direction: column; align-items: center; }
.detail-page .detail-page__loading { padding-top: calc(52 * var(--u)); min-height: calc(245 * var(--u)); }
.detail-page .detail-page__loading-ring { display: block; width: calc(38 * var(--u)); height: calc(38 * var(--u)); border: calc(2 * var(--u)) dashed #999; border-radius: 50%; animation: detail-loading-spin 1.2s linear infinite; }
.detail-page .detail-page__loading p { margin: calc(20 * var(--u)) 0 0; color: #666; font-size: calc(14 * var(--u)); }
@keyframes detail-loading-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .detail-page .detail-page__loading-ring { animation: none; } }
.detail-page .detail-page__network-icon { width: calc(65 * var(--u)); height: calc(65 * var(--u)); color: #aaa; stroke-width: 2; }
.detail-page .detail-page__network h2 { margin: calc(23 * var(--u)) 0 calc(25 * var(--u)); font-size: calc(17 * var(--u)); font-weight: 500; line-height: calc(26 * var(--u)); }
.detail-page .detail-page__network-actions { display: flex; justify-content: center; gap: calc(13 * var(--u)); }
.detail-page .detail-page__network-actions > button { min-width: calc(111 * var(--u)); padding-inline: calc(18 * var(--u)); }
.detail-page .detail-page__retry-status { min-height: calc(20 * var(--u)); margin: calc(17 * var(--u)) 0 0; color: var(--detail-muted); font-size: calc(12 * var(--u)); line-height: calc(20 * var(--u)); }
.detail-page button:focus-visible { outline: 2px solid var(--focus-red); outline-offset: 3px; }
.detail-page button:disabled { opacity: .55; cursor: default; }
.detail-page button:active { opacity: .72; }
.detail-page ::selection { background: #f9d5de; color: #6d0923; }
@media (hover: hover) { .detail-page .detail-page__row:hover, .detail-page .detail-page__setting-row:hover { background: #fafafa; } }
@media (prefers-reduced-motion: no-preference) {
  .detail-page .detail-page__switch::after { transition: transform 160ms cubic-bezier(.16, 1, .3, 1); }
  .detail-page .detail-page__switch { transition: background-color 160ms cubic-bezier(.16, 1, .3, 1); }
}