/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
    --color-red-500: oklch(63.7% 0.237 25.331);
    --color-green-500: oklch(72.3% 0.219 149.579);
    --color-zinc-400: oklch(70.5% 0.015 286.067);
    --color-zinc-500: oklch(55.2% 0.016 285.938);
    --color-zinc-600: oklch(44.2% 0.017 285.786);
    --color-zinc-800: oklch(27.4% 0.006 286.033);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-md: 28rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-7xl: 4.5rem;
    --text-7xl--line-height: 1;
    --font-weight-bold: 700;
    --tracking-tighter: -0.05em;
    --tracking-tight: -0.025em;
    --tracking-wide: 0.025em;
    --tracking-widest: 0.1em;
    --leading-relaxed: 1.625;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family);
    -webkit-tap-highlight-color: transparent;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    text-decoration: inherit;
  }
  img, svg {
    display: block;
    vertical-align: middle;
  }
  button {
    font: inherit;
    color: inherit;
    background-color: transparent;
  }
}
@layer utilities {
  .pointer-events-auto { pointer-events: auto; }
  .pointer-events-none { pointer-events: none; }
  .absolute { position: absolute; }
  .relative { position: relative; }
  .top-0 { top: 0; }
  .right-0 { right: 0; }
  .bottom-16 { bottom: calc(var(--spacing) * 16); }
  .left-0 { left: 0; }
  .z-10 { z-index: 10; }
  .flex { display: flex; }
  .hidden { display: none; }
  .h-4 { height: calc(var(--spacing) * 4); }
  .h-6 { height: calc(var(--spacing) * 6); }
  .min-h-screen { min-height: 100vh; }
  .w-4 { width: calc(var(--spacing) * 4); }
  .w-6 { width: calc(var(--spacing) * 6); }
  .w-full { width: 100%; }
  .max-w-md { max-width: var(--container-md); }
  .flex-1 { flex: 1; }
  .cursor-pointer { cursor: pointer; }
  .flex-col { flex-direction: column; }
  .flex-wrap { flex-wrap: wrap; }
  .items-center { align-items: center; }
  .items-start { align-items: flex-start; }
  .justify-between { justify-content: space-between; }
  .justify-center { justify-content: center; }
  .justify-end { justify-content: flex-end; }
  .gap-1 { gap: calc(var(--spacing) * 1); }
  .gap-2 { gap: calc(var(--spacing) * 2); }
  .gap-3 { gap: calc(var(--spacing) * 3); }
  .gap-4 { gap: calc(var(--spacing) * 4); }
  .gap-6 { gap: calc(var(--spacing) * 6); }
  .overflow-hidden { overflow: hidden; }
  .border { border-width: 1px; }
  .border-2 { border-width: 2px; }
  .border-green-500 { border-color: var(--color-green-500); }
  .border-zinc-800 { border-color: var(--color-zinc-800); }
  .bg-black { background-color: var(--color-black); }
  .bg-green-500 { background-color: var(--color-green-500); }
  .fill-green-500 { fill: var(--color-green-500); }
  .p-6 { padding: calc(var(--spacing) * 6); }
  .px-4 { padding-inline: calc(var(--spacing) * 4); }
  .px-6 { padding-inline: calc(var(--spacing) * 6); }
  .px-8 { padding-inline: calc(var(--spacing) * 8); }
  .py-1\.5 { padding-block: calc(var(--spacing) * 1.5); }
  .py-2 { padding-block: calc(var(--spacing) * 2); }
  .py-2\.5 { padding-block: calc(var(--spacing) * 2.5); }
  .py-3 { padding-block: calc(var(--spacing) * 3); }
  .py-4 { padding-block: calc(var(--spacing) * 4); }
  .font-mono { font-family: var(--font-mono); }
  .text-2xl { font-size: var(--text-2xl); line-height: var(--text-2xl--line-height); }
  .text-4xl { font-size: var(--text-4xl); line-height: var(--text-4xl--line-height); }
  .text-sm { font-size: var(--text-sm); line-height: var(--text-sm--line-height); }
  .text-xs { font-size: var(--text-xs); line-height: var(--text-xs--line-height); }
  .text-\[10px\] { font-size: 10px; }
  .leading-\[1\.1\] { line-height: 1.1; }
  .leading-relaxed { line-height: var(--leading-relaxed); }
  .font-bold { font-weight: var(--font-weight-bold); }
  .tracking-tight { letter-spacing: var(--tracking-tight); }
  .tracking-tighter { letter-spacing: var(--tracking-tighter); }
  .tracking-wide { letter-spacing: var(--tracking-wide); }
  .tracking-widest { letter-spacing: var(--tracking-widest); }
  .text-black { color: var(--color-black); }
  .text-green-500 { color: var(--color-green-500); }
  .text-white { color: var(--color-white); }
  .text-zinc-400 { color: var(--color-zinc-400); }
  .text-zinc-500 { color: var(--color-zinc-500); }
  .text-zinc-600 { color: var(--color-zinc-600); }
  .uppercase { text-transform: uppercase; }
  .select-none { user-select: none; }
  .transition-all { transition: all var(--default-transition-timing-function); }
  .duration-300 { transition-duration: 300ms; }

  .hover\:border-green-500:hover { border-color: var(--color-green-500); }
  .hover\:border-red-500:hover { border-color: var(--color-red-500); }
  .hover\:bg-white:hover { background-color: var(--color-white); }
  .hover\:bg-green-500:hover { background-color: var(--color-green-500); }
  .hover\:text-black:hover { color: var(--color-black); }
  .hover\:text-green-500:hover { color: var(--color-green-500); }
  .hover\:text-red-500:hover { color: var(--color-red-500); }

  @media (width >= 48rem) {
    .md\:bottom-0 { bottom: 0; }
    .md\:w-1\/2 { width: 50%; }
    .md\:flex-none { flex: none; }
    .md\:gap-4 { gap: calc(var(--spacing) * 4); }
    .md\:gap-8 { gap: calc(var(--spacing) * 8); }
    .md\:p-8 { padding: calc(var(--spacing) * 8); }
    .md\:px-5 { padding-inline: calc(var(--spacing) * 5); }
    .md\:px-6 { padding-inline: calc(var(--spacing) * 6); }
    .md\:px-8 { padding-inline: calc(var(--spacing) * 8); }
    .md\:py-2 { padding-block: calc(var(--spacing) * 2); }
    .md\:py-3 { padding-block: calc(var(--spacing) * 3); }
    .md\:py-4 { padding-block: calc(var(--spacing) * 4); }
    .md\:text-7xl { font-size: var(--text-7xl); line-height: var(--text-7xl--line-height); }
    .md\:text-sm { font-size: var(--text-sm); line-height: var(--text-sm--line-height); }
    .md\:text-xs { font-size: var(--text-xs); line-height: var(--text-xs--line-height); }
  }
}

/* 全局基础样式 */
body {
  margin: 0;
  overflow: hidden;
  background: #000;
}
::-webkit-scrollbar { display: none; }
::selection { background: #22c55e; color: #000; }