/** Shopify CDN: Minification failed

Line 611:0 Expected ")" to go with "("

**/
/* assets/gfun-wallet-workspace.css — GFUN-WALLET-VISUAL-OWNER-03
   Owner: /pages/gfun-dashboard wallet, shared .gws summary and gfun-order-status presentation.
   Foundation: assets/base.css owns reset, box sizing and global tokens.
   Boundary: display-only; no balance truth, deduction, checkout, entitlement, storage or API execution. */

.gfun-wallet-workspace,
[data-gfun-wallet-workspace],
.gws,
[data-gfun-wallet-summary] {
  --gfw-text: var(--glg-workspace-text, var(--text-primary));
  --gfw-muted: var(--glg-workspace-muted, var(--text-secondary));
  --gfw-soft: var(--glg-workspace-soft, var(--text-muted));
  --gfw-line: var(--glg-workspace-line-soft, var(--gc-line));
  --gfw-line-strong: var(--glg-workspace-line-strong, var(--gc-line-strong));
  --gfw-panel: var(--glg-workspace-panel-strong, var(--surface-glass-strong));
  --gfw-panel-soft: var(--glg-workspace-panel-soft, var(--surface-glass));
  --gfw-panel-solid: var(--surface-glass-hover, var(--color-background, #fff));
  --gfw-surface: var(--gray-50, #f7f7f5);
  --gfw-surface-strong: var(--glg-workspace-bg-2, #f4f6f4);
  --gfw-ink: var(--glg-ink-strong, var(--text-primary));
  --gfw-ink-hover: var(--brand-primary-dark, var(--glg-ink-strong));
  --gfw-gold: var(--mission-gold-strong, var(--status-gold));
  --gfw-gold-soft: var(--mission-gold-soft, var(--glg-workspace-bg-glow));
  --gfw-success: var(--status-success, var(--lg-scene-live));
  --gfw-blue-soft: var(--glg-workspace-accent-soft, var(--glg-blue-soft));
  --gfw-radius-xl: var(--glg-workspace-radius-xl, var(--radius-3xl));
  --gfw-radius-lg: var(--glg-workspace-radius-lg, var(--radius-2xl));
  --gfw-radius-md: var(--glg-workspace-radius-md, var(--radius-lg));
  --gfw-radius-pill: var(--glg-workspace-radius-pill, var(--radius-full));
  --gfw-shadow-soft: var(--glg-workspace-shadow-soft, var(--gc-shadow-soft));
  --gfw-shadow-strong: var(--glg-workspace-shadow-strong, var(--gc-shadow));
  --gfw-focus: var(--gc-focus, var(--lg-scene-focus));
  --gfw-blur: var(--glg-workspace-blur-strong, var(--glass-blur));
  --gfw-transition: var(--glg-workspace-transition, var(--transition-fast));
  color: var(--gfw-text);
}

.gfun-wallet-workspace {
  min-height: calc(100svh - var(--header-height, 56px));
  overflow-x: clip;
  padding:
    clamp(var(--space-md), 5vw, var(--space-xl))
    clamp(var(--space-sm), 4vw, var(--space-lg))
    calc(clamp(var(--space-xl), 7vw, var(--space-2xl)) + env(safe-area-inset-bottom, 0px));
  background:
    radial-gradient(circle at 14% 0%, var(--gfw-blue-soft), transparent 34%),
    radial-gradient(circle at 88% 8%, var(--gfw-gold-soft), transparent 34%),
    linear-gradient(180deg, var(--gfw-panel-solid), var(--gfw-surface));
  color: var(--gfw-text);
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}

.gfun-wallet-workspace a,
.gfun-wallet-workspace button,
.gws a,
.gws button {
  touch-action: manipulation;
}

.gfun-wallet-workspace__shell {
  display: grid;
  gap: var(--space-sm);
  width: min(100%, var(--container-standard));
  margin-inline: auto;
}

.gfun-wallet-workspace__shell.page-width {
  max-width: var(--container-standard);
}

.gfun-wallet-workspace h1,
.gfun-wallet-workspace h2,
.gfun-wallet-workspace p {
  margin-top: 0;
}

.gfun-wallet-workspace h1 {
  max-width: 11ch;
  margin: 0;
  color: var(--gfw-text);
  font-size: clamp(var(--font-size-4xl), 7vw, var(--font-size-7xl));
  font-weight: var(--font-weight-extrabold);
  letter-spacing: -.078em;
  line-height: .92;
  text-wrap: balance;
}

.gfun-wallet-card h2 {
  margin: 0;
  color: var(--gfw-text);
  font-size: clamp(var(--font-size-2xl), 2.7vw, var(--font-size-4xl));
  font-weight: var(--font-weight-bold);
  letter-spacing: -.06em;
  line-height: 1.04;
  text-wrap: balance;
}

.gfun-wallet-workspace__lead,
.gfun-wallet-card__note,
.gfun-wallet-workspace__disclaimer,
.gfun-wallet-workspace small {
  color: var(--gfw-muted);
  line-height: var(--line-height-relaxed);
}

.gfun-wallet-workspace__eyebrow,
.gfun-wallet-card > p,
.gws__eyebrow {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  min-height: calc(var(--lg-scene-touch-target) - var(--space-sm));
  margin: 0 0 var(--space-xs);
  padding: 0 var(--space-xs);
  border: var(--border-width) solid var(--gfw-line);
  border-radius: var(--gfw-radius-pill);
  background: var(--gfw-panel-soft);
  color: var(--gfw-muted);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: .01em;
}

.gfun-wallet-workspace__hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 420px);
  gap: var(--space-sm);
  align-items: stretch;
}

.gfun-wallet-workspace__copy,
.gfun-wallet-workspace__balance,
.gfun-wallet-card,
.gws,
.gfun-order-status {
  border: var(--border-width) solid var(--gfw-line);
  border-radius: var(--gfw-radius-lg);
  background: linear-gradient(180deg, var(--gfw-panel), var(--gfw-panel-soft));
  box-shadow: var(--gfw-shadow-soft);
  color: var(--gfw-text);
  -webkit-backdrop-filter: var(--gfw-blur);
  backdrop-filter: var(--gfw-blur);
}

.gfun-wallet-workspace__copy {
  position: relative;
  overflow: hidden;
  padding: clamp(var(--space-md), 4vw, var(--space-xl));
  border-radius: var(--gfw-radius-xl);
  box-shadow: var(--gfw-shadow-strong);
}

.gfun-wallet-workspace__copy::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 4% 0%, var(--gfw-blue-soft), transparent 34%),
    linear-gradient(135deg, var(--gfw-line) 0 var(--border-width), transparent var(--border-width) var(--space-md));
}

.gfun-wallet-workspace__copy > * {
  position: relative;
  z-index: 1;
}

.gfun-wallet-workspace__balance {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  gap: var(--space-xs);
  overflow: hidden;
  padding: clamp(var(--space-md), 3vw, var(--space-lg));
  border-radius: var(--gfw-radius-xl);
}

.gfun-wallet-workspace__balance::after {
  content: "GFun";
  position: absolute;
  top: var(--space-lg);
  right: calc(var(--space-lg) * -1);
  padding: var(--spacing-2) var(--space-xl);
  border: var(--border-width) solid var(--gfw-line);
  border-radius: var(--gfw-radius-pill);
  background: var(--gfw-panel-soft);
  color: var(--gfw-muted);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-bold);
  pointer-events: none;
  transform: rotate(28deg);
}

.gfun-reward-stat {
  display: flex;
  align-items: center;
  gap: var(--spacing-2);
  min-width: min(100%, 148px);
  padding: var(--space-xs) var(--space-sm);
  border: var(--border-width) solid var(--gfw-line);
  border-radius: var(--gfw-radius-pill);
  background: var(--gfw-panel-soft);
}

.gfun-reward-stat--free {
  border-color: color-mix(in srgb, var(--gfw-gold) 30%, var(--gfw-line));
  background: linear-gradient(180deg, var(--gfw-gold-soft), var(--gfw-panel-soft));
}

.gfun-reward-stat--secondary {
  opacity: .72;
}

.gfun-reward-stat > span {
  font-size: var(--font-size-xl);
}

.gfun-reward-stat strong {
  color: var(--gfw-text);
  font-size: clamp(var(--font-size-xl), 3vw, var(--font-size-3xl));
  font-weight: var(--font-weight-extrabold);
  letter-spacing: -.04em;
}

.gfun-reward-stat small {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
}

.gfun-wallet-workspace__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-sm);
}

.gfun-wallet-card {
  position: relative;
  display: grid;
  gap: var(--space-sm);
  min-width: 0;
  min-height: 260px;
  overflow: hidden;
  padding: var(--space-md);
}

.gfun-wallet-card::after {
  content: "城市 +0.01%";
  position: absolute;
  top: var(--space-lg);
  right: calc(var(--space-lg) * -1);
  padding: var(--spacing-2) var(--space-xl);
  border: var(--border-width) solid var(--gfw-line);
  border-radius: var(--gfw-radius-pill);
  background: var(--gfw-panel-soft);
  color: var(--gfw-soft);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  pointer-events: none;
  transform: rotate(28deg);
}

.gfun-wallet-card > * {
  position: relative;
  z-index: 1;
}

.gfun-wallet-card--primary {
  background:
    radial-gradient(circle at 12% 0%, var(--gfw-gold-soft), transparent 34%),
    var(--gfw-panel);
}

.gfun-wallet-card--deferred {
  opacity: .86;
}

.gfun-wallet-card > div {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-xs);
  margin-top: auto;
}

.gfun-wallet-card__note {
  display: block;
  max-width: 28em;
  margin-top: calc(var(--spacing-1) * -1);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
}

.gfun-wallet-card a,
.gfun-wallet-card__go {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-height: var(--touch-target-wcag-min, var(--lg-scene-touch-target));
  padding: 0 var(--space-sm);
  border: var(--border-width) solid var(--gfw-line);
  border-radius: var(--gfw-radius-pill);
  background: var(--gfw-panel-solid);
  color: var(--gfw-text);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  text-decoration: none;
  transition:
    transform var(--gfw-transition),
    border-color var(--gfw-transition),
    background var(--gfw-transition),
    box-shadow var(--gfw-transition);
}

.gfun-wallet-card a:hover,
.gfun-wallet-card a:focus-visible {
  border-color: var(--gfw-line-strong);
  background: var(--gfw-panel-solid);
  box-shadow: var(--gfw-shadow-soft);
  outline: 0;
  transform: translateY(calc(var(--border-width) * -1));
}

.gfun-wallet-card a:focus-visible {
  box-shadow: var(--gfw-focus);
}

.gfun-wallet-card--primary .gfun-wallet-card__go {
  min-width: 120px;
  min-height: 56px;
  margin-top: auto;
  border-color: transparent;
  background: var(--lg-scene-marker-bgvar(--lg-scene-marker-bg);
  color: var(--lg-scene-cta-text, #050505);
  font-size: clamp(var(--font-size-base), 2vw, var(--font-size-xl));
  font-weight: var(--font-weight-extrabold);
  letter-spacing: -.04em;
  box-shadow: var(--lg-scene-cta-shadow, 0 16px 40px rgba(246, 180, 35, .26));
}

.gfun-wallet-card:not(.gfun-wallet-card--primary) a:first-child {
  border-color: var(--gfw-ink);
  background: var(--gfw-ink);
  color: var(--text-inverse);
}

.gfun-wallet-card:not(.gfun-wallet-card--primary) a:first-child:hover {
  border-color: var(--gfw-ink-hover);
  background: var(--gfw-ink-hover);
  color: var(--text-inverse);
}

.gfun-wallet-workspace__disclaimer {
  max-width: 78ch;
  margin: 0;
  font-size: var(--font-size-xs);
}

.gws {
  display: grid;
  gap: var(--space-sm);
  padding: clamp(var(--space-md), 2.5vw, var(--space-lg));
}

.gws__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
  gap: var(--space-xs);
}

.gws__stat {
  display: grid;
  gap: var(--spacing-1);
  padding: var(--space-sm) var(--space-md);
  border: var(--border-width) solid var(--gfw-line);
  border-radius: var(--gfw-radius-md);
  background: var(--gfw-panel-solid);
}

.gws__stat--tier-premium {
  border-color: var(--gfw-gold);
  background: var(--gfw-gold-soft);
}

.gws__stat--tier-standard {
  border-color: var(--glg-workspace-accent-line);
  background: var(--gfw-blue-soft);
}

.gws__stat--reset {
  border-style: dashed;
}

.gws__stat-label {
  color: var(--gfw-muted);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: .08em;
  text-transform: uppercase;
}

.gws__stat-value {
  color: var(--gfw-text);
  font-size: var(--font-size-2xl);
  font-weight: var(--font-weight-bold);
  letter-spacing: -.04em;
  line-height: 1.1;
}

.gws__stat-value--gold {
  color: var(--gfw-gold);
}

.gws__stat-value--sm {
  font-size: var(--font-size-base);
  letter-spacing: -.01em;
}

.gws__stat-unit {
  color: var(--gfw-muted);
  font-size: var(--font-size-xs);
}

.gws__upgrade-link {
  margin-top: var(--spacing-1);
  color: var(--gfw-text);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  text-decoration: none;
}

.gws__upgrade-link:hover,
.gws__upgrade-link:focus-visible {
  text-decoration: underline;
}

.gws__upgrade-link:focus-visible {
  outline: 0;
  box-shadow: var(--gfw-focus);
}

.gfun-order-status {
  grid-column: 1 / -1;
  margin-top: clamp(var(--space-sm), 3vw, var(--space-lg));
  padding: clamp(var(--space-sm), 2.4vw, var(--space-md));
}

.gfun-order-status__title {
  margin: 0 0 var(--space-sm);
  color: var(--gfw-text);
  font-size: clamp(var(--font-size-base), 2vw, var(--font-size-xl));
  font-weight: var(--font-weight-extrabold);
  letter-spacing: -.04em;
}

.gfun-order-status__item {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--space-xs);
  padding: var(--space-xs) 0;
  border-bottom: var(--border-width) solid var(--gfw-line);
}

.gfun-order-status__item:last-child {
  border-bottom: 0;
}

.gfun-order-status__icon {
  font-size: var(--font-size-lg);
  text-align: center;
}

.gfun-order-status__info {
  display: grid;
  gap: var(--spacing-1);
  min-width: 0;
}

.gfun-order-status__info strong {
  overflow-wrap: anywhere;
  color: var(--gfw-text);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-extrabold);
  letter-spacing: -.02em;
}

.gfun-order-status__info span,
.gfun-order-status__empty {
  color: var(--gfw-muted);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
}

.gfun-order-status__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 0 var(--space-xs);
  border: var(--border-width) solid var(--gfw-line);
  border-radius: var(--gfw-radius-pill);
  background: var(--gfw-panel-soft);
  color: var(--gfw-text);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-extrabold);
  text-decoration: none;
}

.gfun-order-status__link:hover,
.gfun-order-status__link:focus-visible {
  border-color: var(--gfw-line-strong);
  background: var(--gfw-panel-solid);
}

.gfun-order-status__link:focus-visible {
  outline: 0;
  box-shadow: var(--gfw-focus);
}

.gfun-order-status__empty {
  margin: 0;
}

.gfun-order-status__empty a {
  color: inherit;
  font-weight: var(--font-weight-extrabold);
}

@media (display-mode: standalone) {
  .gfun-wallet-workspace {
    min-height: 100svh;
    padding-top: calc(clamp(var(--space-md), 5vw, var(--space-xl)) + var(--safe-area-inset-top));
  }
}

@media (max-width: 990px) {
  .gfun-wallet-workspace__hero {
    grid-template-columns: 1fr;
  }

  .gfun-wallet-workspace__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .gfun-order-status {
    grid-column: 1 / -1;
  }
}

@media (max-width: 749px) {
  .gfun-wallet-workspace {
    padding: var(--space-md) var(--space-sm) calc(var(--space-xl) + env(safe-area-inset-bottom, 0px));
  }

  .gfun-wallet-workspace__grid {
    grid-template-columns: 1fr;
  }

  .gfun-wallet-workspace__copy,
  .gfun-wallet-workspace__balance,
  .gfun-wallet-card,
  .gfun-order-status {
    border-radius: var(--gfw-radius-lg);
  }

  .gfun-wallet-card {
    min-height: auto;
  }

  .gfun-wallet-card > div {
    display: grid;
    grid-template-columns: 1fr;
  }

  .gfun-wallet-card a {
    width: 100%;
  }

  .gfun-order-status__item {
    grid-template-columns: 28px minmax(0, 1fr);
  }

  .gfun-order-status__link {
    grid-column: 2;
    width: fit-content;
  }
}

@media (prefers-reduced-motion: reduce) {
  .gfun-wallet-workspace *,
  .gfun-wallet-workspace *::before,
  .gfun-wallet-workspace *::after,
  .gws *,
  .gws *::before,
  .gws *::after {
    animation: none !important;
    scroll-behavior: auto !important;
    transition: none !important;
    transform: none !important;
  }
}