/* ============================================================
   home-fix.css — 首页 Tailwind 工具类补全（手写，零构建）
   原因：tailwind-build.css 是过时人工产物，缺失全部响应式 / opacity /
        任意值 / hover 变体类，导致首页桌面端多列网格塌缩、响应式字号
        与显隐失效。本文件补全 index.html 实际用到的缺失类。
   位置：必须在 tailwind-build.css / nav.css 之后加载，否则基础工具类
        （.hidden / .text-3xl 等）会因级联顺序覆盖这里的响应式类。
   断点对齐 Tailwind v3：sm 640 / md 768 / lg 1024
   ============================================================ */

/* ---- 基础工具类（无断点） ---- */
.bg-\[\#050914\] { background-color: #050914; }
.drop-shadow-\[0_0_40px_rgba\(37\,99\,255\,0\.5\)\] { filter: drop-shadow(0 0 40px rgba(37, 99, 255, 0.5)); }
.bg-white\/5 { background-color: rgb(255 255 255 / 0.05); }
.bg-white\/25 { background-color: rgb(255 255 255 / 0.25); }
.border-white\/5 { border-color: rgb(255 255 255 / 0.05); }
.border-white\/10 { border-color: rgb(255 255 255 / 0.10); }
.text-white\/55 { color: rgb(255 255 255 / 0.55); }
.h-\[50\%\] { height: 50%; }
.w-\[50\%\] { width: 50%; }
.tracking-\[0\.3em\] { letter-spacing: 0.3em; }
.pt-24 { padding-top: 6rem; }
.mb-0\.5 { margin-bottom: 0.125rem; }
.hover\:text-jyCyan:hover { color: rgb(0 200 255 / 1); }
.hover\:text-white:hover { color: #ffffff; }

/* ---- sm (>=640px) ---- */
@media (min-width: 640px) {
  .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sm\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* ---- md (>=768px) ---- */
@media (min-width: 768px) {
  .md\:flex-row { flex-direction: row; }
  .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .md\:h-96 { height: 24rem; }
  .md\:text-4xl { font-size: 2.25rem; line-height: 2.5rem; }
  .md\:text-5xl { font-size: 3rem; line-height: 1.1; }
  .md\:text-right { text-align: right; }
  .md\:w-96 { width: 24rem; }
}

/* ---- lg (>=1024px) ---- */
@media (min-width: 1024px) {
  .lg\:block { display: block; }
  .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .lg\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .lg\:px-8 { padding-left: 2rem; padding-right: 2rem; }
  .lg\:text-6xl { font-size: 3.75rem; line-height: 1; }
}