@tailwind base;
@tailwind components;
@tailwind utilities;

@layer components {
  .container-x {
    @apply mx-auto w-full max-w-7xl px-4 sm:px-6 lg:px-8;
  }
  .btn-primary {
    @apply inline-flex items-center justify-center gap-2 rounded-full bg-brand-orange px-6 py-3 text-sm font-semibold text-white shadow-card transition hover:bg-brand-orange-d focus:outline-none focus:ring-2 focus:ring-brand-orange/40;
  }
  .btn-ghost {
    @apply inline-flex items-center justify-center gap-2 rounded-full border border-brand-green/30 bg-white px-6 py-3 text-sm font-semibold text-brand-green-d transition hover:bg-brand-green-l;
  }
  .chip {
    @apply inline-flex items-center rounded-full bg-brand-green-l px-3 py-1 text-xs font-medium text-brand-green-d;
  }
  .section-title {
    @apply text-2xl font-bold tracking-tight text-brand-gray-d sm:text-3xl;
  }
  .nav-link {
    @apply text-sm font-medium text-brand-gray-d transition hover:text-brand-green;
  }
  .nav-active {
    @apply font-semibold text-brand-green;
  }
  .card-hover {
    @apply transition duration-300 hover:-translate-y-1 hover:shadow-card;
  }
}

/* 中英文切换：默认显示中文；html.lang-en 时显示英文 */
.en { display: none; }
.lang-en .zh { display: none !important; }
.lang-en .en { display: revert !important; }

html { scroll-behavior: smooth; }
body { @apply bg-white text-brand-gray-d antialiased; }