.customer-page { --control-line:color-mix(in srgb,var(--ink) 18%,transparent); }
.customer-page :is(button,a[href]):not(.help-shortcut):not(.brandbar *):not(.mode-tabs *),.customer-page .history-item summary { border:1px solid var(--control-line); border-radius:9px; }
.customer-page :is(button,a[href]):not(.wordmark):not(.help-shortcut):not(.theme-toggle) svg { display:none; }
.customer-page button::before,.customer-page button::after,.customer-page a::before,.customer-page a::after { content:none; }
.customer-page .primary:not(:disabled)::after { content:none; }
.customer-page .history-chevron { display:none; }
.customer-page .primary { border-color:var(--accent); }
.customer-page .text-button,.customer-page .guide-inline button,.customer-page .card-footer button,.customer-page #startRecharge {
  display:inline-flex; align-items:center; justify-content:center; min-height:36px; padding:7px 12px;
  border:1px solid var(--control-line); border-radius:9px; color:var(--ink); background:var(--paper);
  font-size:12px; line-height:1.5; text-decoration:none;
}
.customer-page .back { margin-bottom:15px; }
.customer-page .step-navigation { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:15px; }
.customer-page .step-navigation .back { margin-bottom:0; }
.customer-page .credential-field>svg { display:none; }
.customer-page .credential-field input { padding-right:16px; }
.customer-page .guide-inline { flex-wrap:wrap; }
.customer-page .card-footer { flex-wrap:wrap; }
.customer-page .card-footer>span { min-width:0; }
.customer-page .card-footer button { flex-shrink:0; }
.customer-page .dialog-close { width:auto; min-width:56px; min-height:34px; top:14px; right:14px; padding:6px 10px; }
.customer-page dialog h2 { padding-right:56px; }
.customer-page .history-item { border:0; }
.customer-page .history-item summary { grid-template-columns:auto minmax(0,1fr) auto auto; border:1px solid var(--control-line); }
.customer-page .history-item summary::after { content:'展开'; color:var(--muted); font-size:11px; }
.customer-page .history-item[open] summary::after { content:'收起'; }
.customer-page .history-item[open] .order-info { padding-top:18px; }
.customer-page .shell { width:min(1160px,100%); }
.customer-page .brandbar { height:80px; padding:0 40px; border-bottom:1px solid var(--line); }
.customer-page .wordmark { min-height:40px; }
.customer-page .customer-header-actions { gap:20px; }
.customer-page .page-tabs { gap:8px; }
.customer-page .page-tabs a { display:flex; align-items:center; justify-content:center; min-height:40px; padding:0 14px; border-radius:9px; }
.customer-page .page-tabs a[aria-current="page"] { background:var(--soft); }
.customer-page .theme-toggle { width:40px; height:40px; padding:0; color:var(--muted); background:transparent; }
.customer-page .customer-lower { gap:14px; margin-top:24px; }
.customer-page .mini-feature { display:flex; align-items:center; justify-content:center; gap:7px; padding:0; }
.customer-page .mini-feature svg { width:16px; height:16px; margin:0; }
.customer-page .mini-feature h2 { margin:0; color:var(--muted); }
.customer-page .mini-feature p { display:none; }
@media(hover:hover) and (pointer:fine) {
  .customer-page :is(.text-button,.guide-inline button,.card-footer button,#startRecharge,.page-tabs a,.theme-toggle):not(:disabled):hover { background:var(--soft); border-color:color-mix(in srgb,var(--ink) 30%,transparent); }
}
@media(max-width:760px) {
  .customer-page .brandbar { display:grid; grid-template-columns:1fr auto; height:auto; min-height:120px; padding:14px 20px; gap:12px; }
  .customer-page .customer-header-actions { display:contents; }
  .customer-page .wordmark { grid-column:1; grid-row:1; width:max-content; }
  .customer-page .theme-toggle { grid-column:2; grid-row:1; }
  .customer-page .page-tabs { grid-column:1/-1; grid-row:2; width:100%; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
  .customer-page .page-tabs a { padding:0 8px; min-height:40px; font-size:11px; }
}
@media(max-width:620px) {
  .customer-page .customer-lower { gap:8px; }
  .customer-page .mini-feature { gap:5px; }
  .customer-page .mini-feature svg { width:14px; height:14px; }
  .customer-page .history-item summary { grid-template-columns:auto minmax(0,1fr); }
  .customer-page .history-item .history-id { grid-column:1; }
  .customer-page .history-item summary::after { grid-column:2; grid-row:2; justify-self:end; }
}
@media(max-width:360px) {
  .customer-page .brandbar { padding-inline:16px; }
  .customer-page .history-item summary { grid-template-columns:minmax(0,1fr) auto; }
  .customer-page .history-item summary::after { grid-column:2; grid-row:1/4; }
}
@media(pointer:coarse) {
  .customer-page :is(button,a[href]) { min-height:44px; }
  .customer-page .text-button,.customer-page .guide-inline button,.customer-page .card-footer button,.customer-page .page-tabs a { min-height:44px; }
}