:root {
  --bb-bg: #080A08;
  --bb-surface: #0D0F0D;
  --bb-surface-2: #111510;
  --bb-surface-3: #171C16;
  --bb-brand: #ADFF35;
  --bb-brand-strong: #98FF00;
  --bb-brand-soft: #D7FF9A;
  --bb-text: #F7F8F3;
  --bb-muted: #A7ADA3;
  --bb-subtle: #70766D;
  --bb-border: rgba(255, 255, 255, .10);
  --bb-border-brand: rgba(173, 255, 53, .40);
  --bb-warm: #F4F1E8;
  --bb-warm-2: #E9E4D8;
  --bb-ink: #11130F;
  --bb-danger: #FF6B6B;
  --bb-warning: #FFC857;

  --bb-font-sans: "Noto Sans SC", "Source Han Sans CN", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
  --bb-content: 1200px;
  --bb-header-height: 72px;

  --bb-radius-sm: 10px;
  --bb-radius-md: 14px;
  --bb-radius-lg: 18px;
  --bb-radius-xl: 24px;
  --bb-radius-pill: 999px;

  --bb-shadow-card: 0 18px 60px rgba(0, 0, 0, .28);
  --bb-shadow-brand: 0 0 0 1px rgba(173, 255, 53, .22), 0 18px 70px rgba(152, 255, 0, .14);

  /* 交互缓动：入场/按压用 ease-out（起步快），屏内位移用 ease-in-out */
  --bb-ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --bb-ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
}

.bb-grid-dark {
  background-color: var(--bb-bg);
  background-image:
    linear-gradient(rgba(173, 255, 53, .05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(173, 255, 53, .05) 1px, transparent 1px);
  background-size: 48px 48px;
}

.bb-grid-warm {
  background-color: var(--bb-warm);
  background-image:
    linear-gradient(rgba(17, 19, 15, .045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(17, 19, 15, .045) 1px, transparent 1px);
  background-size: 48px 48px;
}

.bb-balanced { text-wrap: balance; }
.bb-pretty { text-wrap: pretty; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}