/* ============================================
   平滑主题过渡（仅手动切换时触发，避免初始加载闪屏）
   ============================================ */
html.theme-switching nav, html.theme-switching main, html.theme-switching footer,
html.theme-switching header, html.theme-switching section, html.theme-switching div[class],
html.theme-switching a, html.theme-switching button, html.theme-switching input,
html.theme-switching textarea, html.theme-switching h1, html.theme-switching h2,
html.theme-switching h3, html.theme-switching h4, html.theme-switching h5,
html.theme-switching h6, html.theme-switching p, html.theme-switching span,
html.theme-switching li, html.theme-switching .bg-\[\#0a0a0a\],
html.theme-switching .bg-\[\#020617\], html.theme-switching .bg-slate-900,
html.theme-switching .bg-gray-900, html.theme-switching .navbar-tab,
html.theme-switching .glass, html.theme-switching .glow-btn {
  transition: background-color 0.12s ease, color 0.10s ease, border-color 0.12s ease,
              box-shadow 0.12s ease !important;
}

/* theme.v2.css - 主题切换按钮样式 + 浅色主题完整覆盖 */

/* ============================================
   导航栏全局样式（桌面端 + 移动端）
   ============================================ */

/* --- 全局 navbar-tab 基础样式（与登录页一致） --- */
:root { --text-secondary: #9ca3af; }
.navbar-tab { padding: 0.5rem 0.75rem; font-size: 0.875rem; color: var(--text-secondary); }
.navbar-tab:hover { color: white; background: rgba(255,255,255,0.1); }
.navbar-tab.active { color: white; background: rgba(255,255,255,0.2); }

/* --- 桌面端导航栏：浅色模式 --- */
[data-theme=light] nav,
[data-theme=light] nav.fixed,
[data-theme=light] header nav {
  background: rgba(255,255,255,0.98) !important;
  border-bottom: 1px solid #E5E9F0 !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;
}
[data-theme=light] nav.border-gray-800 { border-color: #E2E6EF !important; }

/* 桌面端导航Tab（浅色模式） */
[data-theme=light] nav .navbar-tab { color: #1A1D26 !important; background: transparent !important; }
[data-theme=light] nav .navbar-tab:hover { color: #1A1D26 !important; background: rgba(59,111,232,.1) !important; }
[data-theme=light] nav .navbar-tab.active { color: #3775F5 !important; background: rgba(55,117,245,.1) !important; }

/* 桌面端导航链接（浅色模式） */
[data-theme=light] nav a:not([href="/register"]):not([href="/login"]) { color: #5A6478 !important; }
[data-theme=light] nav a:not([href="/register"]):not([href="/login"]):hover { color: #3775F5 !important; }

/* 浅色模式导航 Logo 文字（保留"问智"白字在Logo区） */
[data-theme=light] nav .text-white { color: #1A1D26 !important; }

/* ============================================
   深色模式：移动端汉堡菜单颜色（参考ai-checker页面navbar-tab样式）
   ============================================ */
[data-theme=dark] #mobileNav { background: #020617 !important; border-top: 1px solid #1f2937 !important; }
[data-theme=dark] #mobileNav .navbar-tab { color: #9ca3af !important; }
[data-theme=dark] #mobileNav .navbar-tab:hover { color: #ffffff !important; }
[data-theme=dark] #mobileNav .border-t { border-color: #1f2937 !important; }

/* ============================================
   浅色模式：移动端汉堡菜单（排除免费试用按钮）
   ============================================ */
[data-theme=light] #mobileNav { background: #FFFFFF !important; border-top: 1px solid #E2E6EF !important; }
[data-theme=light] #mobileNav .border-t { border-color: #E2E6EF !important; }

/* 普通导航链接：灰色文字 */
[data-theme=light] #mobileNav a:not([href=/register]) { color: #5A6478 !important; }
[data-theme=light] #mobileNav a:not([href=/register]):hover { color: #3B6FE8 !important; background: rgba(59, 111, 232, 0.08) !important; }
[data-theme=light] #mobileNav .navbar-tab { color: #5A6478 !important; }
[data-theme=light] #mobileNav .navbar-tab:hover { color: #3B6FE8 !important; }
/* 移动端导航当前页高亮(含深层嵌套) */
/* 全局 .navbar-tab.active 样式（覆盖桌面端+移动端） */
[data-theme=light] #mobileNav .navbar-tab.active,[data-theme=light] #mobileNav .flex-col .navbar-tab.active { color: #3775F5 !important; background-color: rgba(55,117,245,.1) !important; border-radius: 8px !important; }
[data-theme=light] .navbar-tab.active { color: #3775F5 !important; background-color: rgba(55,117,245,.1) !important; border-radius: 8px !important; }

/* ============================================
   浅色模式：通用颜色覆盖
   ============================================ */
[data-theme=light] body, [data-theme=light] .bg-\[#0a0a0a\] { background-color: #FAFBFC !important; background: #FAFBFC !important; color: #1A1D26 !important; }
[data-theme=light] .bg-slate-900, [data-theme=light] .bg-slate-800, [data-theme=light] .bg-slate-950, [data-theme=light] .bg-\[#131325\], [data-theme=light] .bg-\[#0f172a\] { background-color: #FFFFFF !important; background: #FFFFFF !important; }
[data-theme=light] .bg-gray-900 { background-color: #FFFFFF !important; background: #FFFFFF !important; }
[data-theme=light] .bg-gray-900\/50 { background-color: rgba(241, 243, 247, 0.95) !important; }
[data-theme=light] .bg-gray-900\/10 { background-color: rgba(241, 243, 247, 0.95) !important; }
[data-theme=light] .bg-gray-900\/20 { background-color: rgba(241, 243, 247, 0.95) !important; }
[data-theme=light] .bg-\[\#020617\]\/95 { background-color: rgba(255, 255, 255, 0.95) !important; background: rgba(255, 255, 255, 0.95) !important; }
[data-theme=light] nav { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
[data-theme=light] nav.border-gray-800 { border-color: #E2E6EF !important; }
[data-theme=light] .bg-slate-900\/60, [data-theme=light] .bg-slate-900\/80 { background-color: rgba(255, 255, 255, 0.9) !important; }
[data-theme=light] .bg-gray-900 { background-color: #FFFFFF !important; background: #FFFFFF !important; }
[data-theme=light] .bg-gray-900\/50 { background-color: rgba(241, 243, 247, 0.95) !important; }
[data-theme=light] .bg-gray-900\/10 { background-color: rgba(241, 243, 247, 0.95) !important; }
[data-theme=light] .bg-gray-900\/20 { background-color: rgba(241, 243, 247, 0.95) !important; }
[data-theme=light] textarea, [data-theme=light] input[type=text], [data-theme=light] input[type=email], [data-theme=light] input[type=password], [data-theme=light] input[type=search] { background-color: #FFFFFF !important; border-color: #E2E6EF !important; color: #1A1D26 !important; }
[data-theme=light] textarea::placeholder, [data-theme=light] input::placeholder { color: #9CA3B8 !important; }
[data-theme=light] textarea:focus, [data-theme=light] input:focus { border-color: #3B6FE8 !important; box-shadow: 0 0 0 3px rgba(59, 111, 232, 0.15) !important; }
[data-theme=light] #promptInput { background-color: #FFFFFF !important; border-color: #3B6FE8 !important; border-width: 2px !important; color: #1A1D26 !important; box-shadow: 0 4px 15px rgba(59, 111, 232, 0.1) !important; }
[data-theme=light] #promptInput::placeholder { color: #9CA3B8 !important; }
[data-theme=light] #promptInput:focus { border-color: #3B6FE8 !important; box-shadow: 0 0 0 3px rgba(59, 111, 232, 0.2) !important; }

/* 渐变背景：浅色模式下替换为蓝色渐变 */
[data-theme=light] .bg-gradient-to-r.from-indigo-500.to-purple-500 { background: linear-gradient(135deg, #6366f1, #8b5cf6) !important; box-shadow: 0 4px 15px rgba(59, 111, 232, 0.25) !important; }
[data-theme=light] .bg-gradient-to-r.from-indigo-500.to-purple-500:hover { background: linear-gradient(135deg, #4f46e5, #7c3aed) !important; box-shadow: 0 6px 20px rgba(59, 111, 232, 0.35) !important; }

/* 文字颜色 */
/* 浅色模式文字：排除CTA按钮(由专属规则保护) */
[data-theme=light] .text-white { color: #1A1D26 !important; }
[data-theme=light] a.text-white[href="/register"],
[data-theme=light] a.text-white.bg-gradient-to-r,
[data-theme=light] button.text-white { color: #ffffff !important; }
[data-theme=light] .text-gray-300 { color: #5A6478 !important; }
[data-theme=light] .text-gray-400 { color: #9CA3B8 !important; }
[data-theme=light] .text-gray-500 { color: #9CA3B8 !important; }
[data-theme=light] .text-gray-600 { color: #5A6478 !important; }
[data-theme=light] .text-indigo-400 { color: #3B6FE8 !important; }
[data-theme=light] .text-purple-400 { color: #8B5CF6 !important; }
[data-theme=light] .text-amber-400 { color: #D97706 !important; }
[data-theme=light] .text-red-400 { color: #DC2626 !important; }
[data-theme=light] .text-emerald-400 { color: #059669 !important; }
[data-theme=light] .text-teal-400 { color: #0D9488 !important; }
[data-theme=light] .text-blue-400 { color: #3B6FE8 !important; }
[data-theme=light] .text-green-400 { color: #059669 !important; }
[data-theme=light] .text-slate-500 { color: #9CA3B8 !important; }
[data-theme=light] .text-slate-300 { color: #5A6478 !important; }
[data-theme=light] .text-slate-400 { color: #9CA3B8 !important; }

/* 边框颜色 */
[data-theme=light] .border-gray-800, [data-theme=light] .border-gray-700, [data-theme=light] .border-gray-600, [data-theme=light] .border-indigo-500\/50 { border-color: #E2E6EF !important; }
[data-theme=light] hr { border-color: #E2E6EF !important; }
[data-theme=light] .divide-gray-700 > * { border-color: #E2E6EF !important; }

/* 阴影 */
[data-theme=light] .shadow-xl, [data-theme=light] .shadow-2xl, [data-theme=light] .shadow-lg { box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08) !important; }
[data-theme=light] .hover\:bg-white\/10:hover { background-color: rgba(59, 111, 232, 0.08) !important; }

/* Footer */
[data-theme=light] footer, [data-theme=light] .footer { background: #F1F3F7 !important; border-top: 1px solid var(--border) !important; color: var(--text-muted) !important; }
[data-theme=light] footer a, [data-theme=light] .footer a { color: var(--text-muted) !important; }
[data-theme=light] footer a:hover, [data-theme=light] .footer a:hover { color: #3B6FE8 !important; }

/* ============================================
   免费试用按钮（桌面端 + 移动端）
   ============================================ */

/* 桌面端按钮：白字 + 蓝紫渐变（.flex-shrink-0 仅桌面端导航使用） */
[data-theme=light] nav .flex-shrink-0 > a[href=/register] {
  color: #ffffff !important;
  background: linear-gradient(135deg, #6366f1, #8b5cf6) !important;
  box-shadow: 0 4px 15px rgba(59, 111, 232, 0.3) !important;
}

/* 桌面端按钮悬停效果 */
[data-theme=light] nav a[href=/register]:hover {
  background: linear-gradient(135deg, #4f46e5, #7c3aed) !important;
  box-shadow: 0 6px 20px rgba(59, 111, 232, 0.4) !important;
}

/* ============================================
   深色模式：桌面端免费试用按钮
   ============================================ */
/* 与浅色模式相同的Tailwind原生紫渐变，深色背景下清晰可见 */
[data-theme=dark] nav .flex-shrink-0 > a[href="/register"],
[data-theme=dark] nav a[href="/register"] {
  color: #ffffff !important;
  background: linear-gradient(135deg, #6366f1, #8b5cf6) !important;
  box-shadow: 0 4px 15px rgba(99, 102, 241, 0.4) !important;
}
[data-theme=dark] nav a[href="/register"]:hover {
  background: linear-gradient(135deg, #4f46e5, #7c3aed) !important;
  box-shadow: 0 6px 20px rgba(99, 102, 241, 0.5) !important;
}

/* 移动端汉堡菜单内免费试用按钮：hover效果（inline style负责基础样式） */
[data-theme=light] #mobileNav a[href=/register]:hover {
  background: linear-gradient(135deg, #4f46e5, #7c3aed) !important;
  box-shadow: 0 6px 20px rgba(59, 111, 232, 0.4) !important;
}
/* 浅色模式：移动端汉堡菜单内免费试用按钮 - 强制白字 */
[data-theme=light] #mobileNav a[href="/register"] {
  color: #ffffff !important;
  background: linear-gradient(135deg, #4f46e5, #7c3aed) !important;
  box-shadow: 0 2px 10px rgba(79, 70, 229, 0.5) !important;
}
/* 深色模式：移动端汉堡菜单内免费试用按钮 - 强制白字 */
[data-theme=dark] #mobileNav a[href="/register"] {
  color: #ffffff !important;
  background: linear-gradient(135deg, #4f46e5, #7c3aed) !important;
  box-shadow: 0 2px 10px rgba(79, 70, 229, 0.5) !important;
}

/* 移动端汉堡菜单内免费试用按钮：强制样式（无条件，确保始终生效） */
#mobileNav a[href="/register"] {
  color: #ffffff !important;
  background: linear-gradient(135deg, #4f46e5, #7c3aed) !important;
  box-shadow: 0 2px 10px rgba(79, 70, 229, 0.5) !important;
}
/* 移动端按钮hover效果 */
#mobileNav a[href="/register"]:hover {
  background: linear-gradient(135deg, #4338CA, #6D28D9) !important;
  box-shadow: 0 4px 15px rgba(79, 70, 229, 0.6) !important;
}


/* ============================================
   P1: 浅色模式 - 全站 CSS 变量统一重定义
   覆盖 index / demo / ai-checker / pricing / dashboard / login / register
   ============================================ */
[data-theme=light] {
    /* 背景体系 */
    --bg-primary: rgba(255,255,255,0.95) !important;
    --bg-secondary: #FFFFFF !important;
    --bg-card: #FFFFFF !important;
    --bg-dark: #FAFBFC !important;
    /* 文字体系 */
    --text-primary: #1A1D26 !important;
    --text-secondary: #5A6478 !important;
    --text-muted: #6B7280 !important;
    /* 边框 */
    --border: #E5E7EB !important;
    --border-color: #E5E7EB !important;
    /* 强调色 */
    --primary: #3B6FE8 !important;
    --purple: #8B5CF6 !important;
    --accent-indigo: #3B6FE8 !important;
    --accent-purple: #8B5CF6 !important;
    /* 功能色统一 */
    --accent-green: #059669 !important;
    /* hover统一 */
    --hover-bg: rgba(59, 111, 232, 0.06) !important;
}


/* ============================================
   最高优先级：侧边栏颜色全局强制统一（覆盖所有页面）
   ============================================ */
html[data-theme=dark] body .sidebar-left,
html[data-theme=dark] body .sidebar-right {
    background-color: #020617 !important;
}

html[data-theme=light] body .sidebar-left,
html[data-theme=light] body .sidebar-right {
    background-color: rgba(255,255,255,0.95) !important;
}

/* 移动端内容区+页脚强制统一 */
@media (max-width:1024px) {
    html[data-theme=dark] body main,
    html[data-theme=dark] body footer {
        background-color: #020617 !important;
    }
    html[data-theme=light] body main,
    html[data-theme=light] body footer {
        background-color: rgba(255,255,255,0.95) !important;
    }
}


/* ============================================
   移动端最高优先级：全局背景色100%对齐顶导航栏
   ============================================ */
@media (max-width:1024px) {
    /* 深色模式：所有背景类元素强制统一为顶导航色 */
    html[data-theme=dark] body,
    html[data-theme=dark] main,
    html[data-theme=dark] footer,
    html[data-theme=dark] section,
    html[data-theme=dark] .container,
    html[data-theme=dark] .wrapper,
    html[data-theme=dark] .content {
        background: #020617 !important;
        background-color: #020617 !important;
    }

    /* 浅色模式：所有背景类元素强制统一为顶导航色 */
    html[data-theme=light] body,
    html[data-theme=light] main,
    html[data-theme=light] footer,
    html[data-theme=light] section,
    html[data-theme=light] .container,
    html[data-theme=light] .wrapper,
    html[data-theme=light] .content {
        background: rgba(255,255,255,0.95) !important;
        background-color: rgba(255,255,255,0.95) !important;
    }

    /* 排除特殊元素：按钮/输入框/渐变类组件不受影响 */
    html[data-theme=dark] button,
    html[data-theme=dark] input,
    html[data-theme=dark] textarea,
    html[data-theme=dark] [class*="bg-gradient"],
    html[data-theme=light] button,
    html[data-theme=light] input,
    html[data-theme=light] textarea,
    html[data-theme=light] [class*="bg-gradient"] {
        background: inherit !important;
        background-color: inherit !important;
    }
}


/* ============================================
   深色模式移动端：100%精确对齐顶导航栏颜色（带透明度）
   ============================================ */
@media (max-width:1024px) {
    html[data-theme=dark] body,
    html[data-theme=dark] main,
    html[data-theme=dark] footer,
    html[data-theme=dark] section,
    html[data-theme=dark] .container,
    html[data-theme=dark] .wrapper,
    html[data-theme=dark] .content,
    html[data-theme=dark] .app,
    html[data-theme=dark] #__next {
        background: rgba(2, 6, 23, 0.95) !important;
        background-color: rgba(2, 6, 23, 0.95) !important;
        backdrop-filter: blur(12px) !important;
    }
}


/* ============================================
   Demo页深色模式移动端：100%精确对齐顶导航栏颜色
   仅作用于<1024px + 深色模式，完全不影响其他端/模式
   ============================================ */
@media (max-width:1024px) {
    html[data-theme=dark] .demo-container,
    html[data-theme=dark] .demo-wrapper,
    html[data-theme=dark] .demo-content,
    html[data-theme=dark] #demo-app,
    html[data-theme=dark] .demo-page,
    html[data-theme=dark] .demo-body {
        background: rgba(2, 6, 23, 0.95) !important;
        background-color: rgba(2, 6, 23, 0.95) !important;
        backdrop-filter: blur(12px) !important;
    }
}

/* ============================================
   全站背景色统一终极方案：PC/移动端全端对齐顶导航
   优先级：最高级，覆盖所有样式
   ============================================ */
/* 深色模式：所有端所有背景统一为顶导航颜色 rgba(2,6,23,0.95) */
html[data-theme=dark] body,
html[data-theme=dark] main,
html[data-theme=dark] section,
html[data-theme=dark] .container,
html[data-theme=dark] .wrapper,
html[data-theme=dark] #__next,
html[data-theme=dark] #app,
html[data-theme=dark] .sidebar-left,
html[data-theme=dark] .sidebar-right,
html[data-theme=dark] footer,
html[data-theme=dark] .footer,
html[data-theme=dark] .page,
html[data-theme=dark] .content {
    background: rgba(2, 6, 23, 0.95) !important;
    background-color: rgba(2, 6, 23, 0.95) !important;
    backdrop-filter: blur(12px) !important;
}

/* 浅色模式：所有端所有背景统一为顶导航颜色 rgba(255,255,255,0.95) */
html[data-theme=light] body,
html[data-theme=light] main,
html[data-theme=light] section,
html[data-theme=light] .container,
html[data-theme=light] .wrapper,
html[data-theme=light] #__next,
html[data-theme=light] #app,
html[data-theme=light] .sidebar-left,
html[data-theme=light] .sidebar-right,
html[data-theme=light] footer,
html[data-theme=light] .footer,
html[data-theme=light] .page,
html[data-theme=light] .content {
    background: rgba(255, 255, 255, 0.95) !important;
    background-color: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(12px) !important;
}

/* 排除不需要改背景的元素（不含 input/textarea/select，避免移动端 compositing layer 缓存） */
html[data-theme=dark] button,
html[data-theme=dark] .card,
html[data-theme=dark] .bg-gradient,
html[data-theme=dark] [class*="bg-gradient"],
html[data-theme=light] button,
html[data-theme=light] .card,
html[data-theme=light] .bg-gradient,
html[data-theme=light] [class*="bg-gradient"] {
    background: inherit !important;
    background-color: inherit !important;
}

/* ============================================
   移动端输入框主题切换缓存修复
   根因：background:inherit 在 backdrop-filter compositing layer
   切换时不失效，导致深/浅色切换后输入框仍显示旧颜色。
   修复：显式颜色替代 inherit，浏览器直接重绘无需依赖父层。
   ============================================ */
@media (max-width: 1024px) {
    html[data-theme=dark] input[type="text"],
    html[data-theme=dark] input[type="number"],
    html[data-theme=dark] input[type="email"],
    html[data-theme=dark] input[type="tel"],
    html[data-theme=dark] input[type="search"],
    html[data-theme=dark] textarea,
    html[data-theme=dark] select {
        background-color: #0D1117 !important;
        color: #E6EDF3 !important;
    }
    html[data-theme=light] input[type="text"],
    html[data-theme=light] input[type="number"],
    html[data-theme=light] input[type="email"],
    html[data-theme=light] input[type="tel"],
    html[data-theme=light] input[type="search"],
    html[data-theme=light] textarea,
    html[data-theme=light] select {
        background-color: #FFFFFF !important;
        color: #1A1D26 !important;
    }
}


/* 覆盖html根节点背景，彻底解决底层颜色透出 */
html[data-theme=dark] {
    background: rgba(2, 6, 23, 0.95) !important;
    background-color: rgba(2, 6, 23, 0.95) !important;
}
html[data-theme=light] {
    background: rgba(255, 255, 255, 0.95) !important;
    background-color: rgba(255, 255, 255, 0.95) !important;
}


    html[data-theme=dark] .ripple-effect,
    html[data-theme=dark] button:active::after,
    html[data-theme=dark] .clickable:active::after {
        background-color: rgba(59, 130, 246, 0.3) !important;
    }
}


/* ====== Tailwind-compatible utility classes (all pages depend on these) ====== */
.hidden { display: none !important; }
/* 更多功能展开 (overrides .hidden) */
.more-features.open { display: flex !important; }
.more-arrow.open { transform: rotate(180deg); }
.flex { display: flex; }
.flex-col { flex-direction: column; }
.inline-flex { display: inline-flex; }
.grid { display: grid; }
.items-center { align-items: center; }
.justify-between { justify-content: space-between; }
.justify-center { justify-content: center; }
.gap-1 { gap: 4px; }
.gap-2 { gap: 8px; }
.gap-3 { gap: 12px; }
.gap-4 { gap: 16px; }
.flex-shrink-0 { flex-shrink: 0; }
.rounded-lg { border-radius: 8px; }
.rounded-xl { border-radius: 12px; }
.rounded-full { border-radius: 9999px; }
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-sm { font-size: 14px; }
.text-xs { font-size: 12px; }
.text-lg { font-size: 18px; }
.text-xl { font-size: 20px; }
.font-medium { font-weight: 500; }
.font-bold { font-weight: 700; }
.font-semibold { font-weight: 600; }
.w-full { width: 100%; }
.h-16 { height: 64px; }
.mx-auto { margin-left: auto; margin-right: auto; }
.px-3 { padding-left: 12px; padding-right: 12px; }
.px-4 { padding-left: 16px; padding-right: 16px; }
.px-6 { padding-left: 24px; padding-right: 24px; }
.py-1 { padding-top: 4px; padding-bottom: 4px; }
.py-2 { padding-top: 8px; padding-bottom: 8px; }
.py-4 { padding-top: 16px; padding-bottom: 16px; }
.pt-2 { padding-top: 8px; }
.pt-20 { padding-top: 80px; }
.pb-12 { padding-bottom: 48px; }
.pl-2 { padding-left: 8px; }
.mt-1 { margin-top: 4px; }
.mb-12 { margin-bottom: 48px; }
.border-t { border-top-width: 1px; border-top-style: solid; }
.border-b { border-bottom-width: 1px; border-bottom-style: solid; }
.border-gray-700 { border-color: #334155; }
.border-gray-800 { border-color: #1e293b; }
.bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-from, #6366f1), var(--tw-gradient-to, #8b5cf6)); }
.from-indigo-500 { --tw-gradient-from: #6366f1; }
.to-purple-500 { --tw-gradient-to: #8b5cf6; }
.text-white { color: #ffffff; }
.text-gray-300 { color: #d1d5db; }
.text-gray-400 { color: #9ca3af; }
.text-gray-500 { color: #6b7280; }
.hover\:text-white:hover { color: #ffffff !important; }
.hover\:bg-white\/10:hover { background-color: rgba(255,255,255,0.1); }
.transition { transition-property: all; transition-duration: 0.2s; }
.rotate-180 { transform: rotate(180deg); }
.backdrop-blur-md { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
.bg-\[\#020617\]\/95 { background-color: rgba(2,6,23,0.95); }
.z-50 { z-index: 50; }
.fixed { position: fixed; }
.top-0 { top: 0; }
.left-0 { left: 0; }
.right-0 { right: 0; }
.min-h-screen { min-height: 100vh; }
.max-w-4xl { max-width: 896px; }
.max-w-6xl { max-width: 1152px; }
.relative { position: relative; }
.overflow-hidden { overflow: hidden; }
.pointer-events-none { pointer-events: none; }
.space-y-1 > * + * { margin-top: 4px; }
.space-x-6 > * + * { margin-left: 24px; }

@media (min-width: 768px) {
  .md\:flex { display: flex !important; }
  .md\:hidden { display: none !important; }
}

/* 登录/注册页桌面端导航：免费试用按钮白字兜底 */
nav a[href="/register"].text-white { color: #ffffff !important; }