/* Tailwind Fallback - Essential utilities when CDN fails */
    .tailwind-fallback {
      /* Layout */
      .flex { display: flex; }
      .inline-flex { display: inline-flex; }
      .grid { display: grid; }
      .block { display: block; }
      .inline-block { display: inline-block; }
      .hidden { display: none; }
      .fixed { position: fixed; }
      .absolute { position: absolute; }
      .relative { position: relative; }
      /* Sizing */
      .w-full { width: 100%; }
      .w-auto { width: auto; }
      .h-full { height: 100%; }
      .min-h-screen { min-height: 100vh; }
      .max-w-md { max-width: 28rem; }
      /* Spacing */
      .p-1 { padding: 0.25rem; }
      .p-2 { padding: 0.5rem; }
      .p-3 { padding: 0.75rem; }
      .p-4 { padding: 1rem; }
      .p-6 { padding: 1.5rem; }
      .p-8 { padding: 2rem; }
      .px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
      .px-4 { padding-left: 1rem; padding-right: 1rem; }
      .px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
      .py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
      .py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
      .py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
      .py-4 { padding-top: 1rem; padding-bottom: 1rem; }
      .py-8 { padding-top: 2rem; padding-bottom: 2rem; }
      .py-20 { padding-top: 5rem; padding-bottom: 5rem; }
      .pt-32 { padding-top: 8rem; }
      .pb-20 { padding-bottom: 5rem; }
      .mb-1 { margin-bottom: 0.25rem; }
      .mb-2 { margin-bottom: 0.5rem; }
      .mb-3 { margin-bottom: 0.75rem; }
      .mb-4 { margin-bottom: 1rem; }
      .mb-6 { margin-bottom: 1.5rem; }
      .mb-8 { margin-bottom: 2rem; }
      .mt-1 { margin-top: 0.25rem; }
      .mt-2 { margin-top: 0.5rem; }
      .mt-3 { margin-top: 0.75rem; }
      .mt-6 { margin-top: 1.5rem; }
      .mr-2 { margin-right: 0.5rem; }
      .ml-2 { margin-left: 0.5rem; }
      .gap-2 { gap: 0.5rem; }
      .gap-4 { gap: 1rem; }
      .space-y-1 > * + * { margin-top: 0.25rem; }
      .space-y-2 > * + * { margin-top: 0.5rem; }
      .space-y-4 > * + * { margin-top: 1rem; }
      .space-y-5 > * + * { margin-top: 1.25rem; }
      /* Flexbox */
      .flex-1 { flex: 1 1 0%; }
      .flex-col { flex-direction: column; }
      .flex-wrap { flex-wrap: wrap; }
      .items-center { align-items: center; }
      .items-start { align-items: flex-start; }
      .justify-center { justify-content: center; }
      .justify-between { justify-content: space-between; }
      .justify-start { justify-content: flex-start; }
      /* Grid */
      .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
      .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
      .col-span-2 { grid-column: span 2 / span 2; }
      .row-span-2 { grid-row: span 2 / span 2; }
      /* Typography */
      .text-xs { font-size: 0.75rem; line-height: 1rem; }
      .text-sm { font-size: 0.875rem; line-height: 1.25rem; }
      .text-base { font-size: 1rem; line-height: 1.5rem; }
      .text-lg { font-size: 1.125rem; line-height: 1.75rem; }
      .text-xl { font-size: 1.25rem; line-height: 1.75rem; }
      .text-2xl { font-size: 1.5rem; line-height: 2rem; }
      .text-3xl { font-size: 1.875rem; line-height: 2.25rem; }
      .font-bold { font-weight: 700; }
      .font-semibold { font-weight: 600; }
      .font-medium { font-weight: 500; }
      .text-center { text-align: center; }
      .text-left { text-align: left; }
      .uppercase { text-transform: uppercase; }
      .tracking-wider { letter-spacing: 0.05em; }
      .whitespace-pre-wrap { white-space: pre-wrap; }
      /* Colors */
      .text-white { color: #fff; }
      .text-black { color: #000; }
      .text-slate-400 { color: #94a3b8; }
      .text-slate-500 { color: #64748b; }
      .text-cyan-400 { color: #22d3ee; }
      .text-cyan-500 { color: #06b6d4; }
      .text-purple-400 { color: #a78bfa; }
      .text-purple-500 { color: #8b5cf6; }
      .text-red-400 { color: #f87171; }
      .text-green-400 { color: #4ade80; }
      .bg-transparent { background-color: transparent; }
      .bg-black\/30 { background-color: rgba(0, 0, 0, 0.3); }
      .bg-white\/5 { background-color: rgba(255, 255, 255, 0.05); }
      .bg-white\/10 { background-color: rgba(255, 255, 255, 0.1); }
      .bg-red-500\/10 { background-color: rgba(239, 68, 68, 0.1); }
      .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)); }
      .from-cyan-500 { --tw-gradient-from: #06b6d4; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 182, 212, 0)); }
      .from-purple-500 { --tw-gradient-from: #a855f7; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(168, 85, 247, 0)); }
      .to-blue-600 { --tw-gradient-to: #2563eb; }
      .to-pink-600 { --tw-gradient-to: #db2777; }
      /* Borders */
      .border { border-width: 1px; }
      .border-2 { border-width: 2px; }
      .border-b { border-bottom-width: 1px; }
      .border-t { border-top-width: 1px; }
      .border-white\/10 { border-color: rgba(255, 255, 255, 0.1); }
      .border-white\/30 { border-color: rgba(255, 255, 255, 0.3); }
      .border-red-500 { border-color: #ef4444; }
      .border-cyan-500 { border-color: #06b6d4; }
      .border-purple-500 { border-color: #8b5cf6; }
      .rounded { border-radius: 0.25rem; }
      .rounded-lg { border-radius: 0.5rem; }
      .rounded-xl { border-radius: 0.75rem; }
      .rounded-2xl { border-radius: 1rem; }
      .rounded-full { border-radius: 9999px; }
      /* Effects */
      .shadow-lg { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1); }
      .opacity-50 { opacity: 0.5; }
      .opacity-60 { opacity: 0.6; }
      .blur { filter: blur(8px); }
      .backdrop-blur { backdrop-filter: blur(8px); }
      .backdrop-blur-10 { backdrop-filter: blur(10px); }
      /* Transitions */
      .transition-all { transition: all 0.15s ease; }
      .transition-colors { transition: color 0.15s ease, background-color 0.15s ease; }
      /* Cursor */
      .cursor-pointer { cursor: pointer; }
      .resize { resize: both; }
      /* Overflow */
      .overflow-hidden { overflow: hidden; }
      .overflow-y-auto { overflow-y: auto; }
      .overflow-x-hidden { overflow-x: hidden; }
    }
    /* 网格背景 */
    .grid-bg {
      background-image: linear-gradient(rgba(255,255,255,0.02) 1px, transparent 1px),
                        linear-gradient(90deg, rgba(255,255,255,0.02) 1px, transparent 1px);
      background-size: 50px 50px;
    }
    /* 重点光晕效果 */
    .glow-1 { background: radial-gradient(circle, rgba(139, 92, 246, 0.15) 0%, transparent 70%); }
    .glow-2 { background: radial-gradient(circle, rgba(6, 182, 212, 0.12) 0%, transparent 70%); }
    .glow-3 { background: radial-gradient(circle, rgba(245, 158, 11, 0.08) 0%, transparent 70%); }
    /* 玻璃拟态 */
    .glass {
      background: var(--bg-glass);
      backdrop-filter: blur(10px);
      border: 1px solid var(--border-color);
    }

    /* ========================
       统一组件样式（使用CSS变量）
       ======================== */

    /* 按钮基础样式 */
    .btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: var(--space-2) var(--space-4);
      font-family: var(--font-sans);
      font-size: var(--text-sm);
      font-weight: var(--font-medium);
      line-height: var(--leading-normal);
      border-radius: var(--radius-md);
      border: 1px solid transparent;
      cursor: pointer;
      transition: all var(--transition-fast);
      text-decoration: none;
    }

    .btn:disabled {
      opacity: 0.5;
      cursor: not-allowed;
    }

    /* 主按钮 */
    .btn-primary {
      background: var(--color-primary);
      color: white;
      border-color: var(--color-primary);
    }

    .btn-primary:hover:not(:disabled) {
      background: var(--color-primary-hover);
      border-color: var(--color-primary-hover);
      transform: translateY(-1px);
      box-shadow: 0 4px 12px var(--shadow-color);
    }

    .btn-primary:active:not(:disabled) {
      transform: translateY(0);
    }

    /* 次按钮 */
    .btn-secondary {
      background: transparent;
      color: var(--text-primary);
      border-color: var(--border-color-strong);
    }

    .btn-secondary:hover:not(:disabled) {
      background: var(--bg-card);
      border-color: var(--color-primary);
      color: var(--color-primary);
    }

    /* 成功按钮 */
    .btn-success {
      background: var(--color-success);
      color: white;
      border-color: var(--color-success);
    }

    .btn-success:hover:not(:disabled) {
      background: var(--color-success-600);
      border-color: var(--color-success-600);
    }

    /* 警告按钮 */
    .btn-warning {
      background: var(--color-warning);
      color: white;
      border-color: var(--color-warning);
    }

    .btn-warning:hover:not(:disabled) {
      background: var(--color-warning-600);
      border-color: var(--color-warning-600);
    }

    /* 错误按钮 */
    .btn-error {
      background: var(--color-error);
      color: white;
      border-color: var(--color-error);
    }

    .btn-error:hover:not(:disabled) {
      background: var(--color-error-600);
      border-color: var(--color-error-600);
    }

    /* 幽灵按钮 */
    .btn-ghost {
      background: transparent;
      color: var(--text-secondary);
      border-color: transparent;
    }

    .btn-ghost:hover:not(:disabled) {
      background: var(--bg-card);
      color: var(--text-primary);
    }

    /* 按钮尺寸 */
    .btn-sm {
      padding: var(--space-1) var(--space-3);
      font-size: var(--text-xs);
    }

    .btn-lg {
      padding: var(--space-3) var(--space-6);
      font-size: var(--text-base);
    }

    /* 输入框基础样式 */
    .input {
      display: block;
      width: 100%;
      padding: var(--space-2) var(--space-3);
      font-family: var(--font-sans);
      font-size: var(--text-sm);
      line-height: var(--leading-normal);
      color: var(--text-primary);
      background: var(--bg-tertiary);
      border: 1px solid var(--border-color);
      border-radius: var(--radius-md);
      transition: all var(--transition-fast);
    }

    .input::placeholder {
      color: var(--text-muted);
    }

    .input:focus {
      outline: none;
      border-color: var(--color-primary);
      box-shadow: 0 0 0 3px var(--color-primary-500);
    }

    .input:disabled {
      opacity: 0.5;
      cursor: not-allowed;
    }

    /* 卡片组件 */
    .card {
      background: var(--bg-card);
      border: 1px solid var(--border-color);
      border-radius: var(--radius-lg);
      padding: var(--space-4);
      transition: all var(--transition-normal);
    }

    .card-hover:hover {
      border-color: var(--border-color-strong);
      transform: translateY(-2px);
      box-shadow: 0 8px 25px var(--shadow-color);
    }

    /* 标签/徽章 */
    .badge {
      display: inline-flex;
      align-items: center;
      padding: var(--space-1) var(--space-2);
      font-size: var(--text-xs);
      font-weight: var(--font-medium);
      border-radius: var(--radius-full);
      line-height: var(--leading-none);
    }

    .badge-primary {
      background: var(--color-primary-500);
      color: white;
    }

    .badge-success {
      background: var(--color-success-500);
      color: white;
    }

    .badge-warning {
      background: var(--color-warning-500);
      color: white;
    }

    .badge-error {
      background: var(--color-error-500);
      color: white;
    }

    /* 分割线 */
    .divider {
      height: 1px;
      background: var(--border-color);
      margin: var(--space-4) 0;
    }

    /* 主题切换过渡动画 - 300ms ease-in-out */
    :root {
      --theme-transition: 300ms ease-in-out;
    }
    body,
    body *,
    body *::before,
    body *::after,
    .theme-transition,
    .theme-transition * {
      transition:
        background-color var(--theme-transition),
        border-color var(--theme-transition),
        color var(--theme-transition),
        box-shadow var(--theme-transition),
        fill var(--theme-transition),
        stroke var(--theme-transition) !important;
    }

    /* 禁用某些元素的主题过渡动画以提升性能 */
    .no-transition,
    .no-transition * {
      transition: none !important;
    }

    /* 主题切换时的平滑过渡类 */
    .theme-animating {
      pointer-events: none;
    }

    /* ========================
       页面过渡动画
       ======================== */
    .page-enter {
      opacity: 0;
      transform: translateY(10px);
    }
    .page-enter-active {
      opacity: 1;
      transform: translateY(0);
      transition: opacity 300ms ease-out, transform 300ms ease-out;
    }
    .page-leave {
      opacity: 1;
      transform: translateY(0);
    }
    .page-leave-active {
      opacity: 0;
      transform: translateY(-10px);
      transition: opacity 200ms ease-in, transform 200ms ease-in;
    }

    /* 路由内容容器 */
    .router-content {
      animation: page-fade-in 300ms ease-out;
    }

    @keyframes page-fade-in {
      from {
        opacity: 0;
        transform: translateY(10px);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    /* ========================
       暗色/亮色模式覆盖样式（保持向后兼容）
       ======================== */

    /* 奶油风白天模式 - 全面适配 */
    .light-mode {
      --bg-primary: #FDF8F3;
      --bg-secondary: #F5EDE4;
      --bg-card: #FFFFFF;
      --text-primary: #2D2D2D;
      --text-secondary: #5A5A5A;
      --text-muted: #9CA3AF;
    }
    .light-mode html {
      background: #FDF8F3 !important;
    }
    .light-mode body,
    .light-mode .bg-primary {
      background: #FDF8F3 !important;
      color: #2D2D2D !important;
    }
    .light-mode .bg-secondary {
      background: #F5EDE4 !important;
    }
    .light-mode .bg-card,
    .light-mode .glass {
      background: rgba(255, 255, 255, 0.85) !important;
      backdrop-filter: blur(12px);
      border: 1px solid rgba(0, 0, 0, 0.1) !important;
      box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
    }
    .light-mode .text-slate-100,
    .light-mode .text-slate-200,
    .light-mode .text-slate-300,
    .light-mode .text-slate-400 {
      color: #5A5A5A !important;
    }
    .light-mode .text-slate-500 {
      color: #9CA3AF !important;
    }
    .light-mode .text-white {
      color: #2D2D2D !important;
    }
    .light-mode .text-gray-400 {
      color: #9CA3AF !important;
    }
    .light-mode .border-white\/5,
    .light-mode .border-white\/10,
    .light-mode .border-white\/15 {
      border-color: rgba(0, 0, 0, 0.1) !important;
    }
    .light-mode .border-white\/20,
    .light-mode .border-white\/30 {
      border-color: rgba(0, 0, 0, 0.15) !important;
    }
    .light-mode .border-slate-700,
    .light-mode .border-slate-800 {
      border-color: rgba(0, 0, 0, 0.1) !important;
    }
    .light-mode .bg-white\/5,
    .light-mode .bg-white\/10,
    .light-mode .bg-white\/20,
    .light-mode .bg-white\/30 {
      background: rgba(0, 0, 0, 0.05) !important;
    }
    .light-mode .bg-slate-800,
    .light-mode .bg-slate-900 {
      background: #FDF8F3 !important;
    }
    .light-mode .bg-\[\#030712\] {
      background: #FDF8F3 !important;
    }
    .light-mode .bg-\[\#0f172a\] {
      background: #F5EDE4 !important;
    }
    .light-mode .bg-black\/30,
    .light-mode .bg-black\/50 {
      background: rgba(0, 0, 0, 0.1) !important;
    }
    .light-mode .grid-bg {
      background: #FDF8F3 !important;
      background-image:
        linear-gradient(rgba(0,0,0,0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0,0,0,0.03) 1px, transparent 1px) !important;
      background-size: 50px 50px;
    }
    .light-mode nav,
    .light-mode footer {
      background: rgba(255, 255, 255, 0.9) !important;
      border-color: rgba(0, 0, 0, 0.1) !important;
    }
    .light-mode .border-b {
      border-color: rgba(0, 0, 0, 0.1) !important;
    }
    .light-mode a {
      color: #2D2D2D !important;
    }
    .light-mode a:hover {
      color: #D97706 !important;
    }
    .light-mode button {
      color: #2D2D2D !important;
    }
    .light-mode .text-primary-400 {
      color: #D97706 !important;
    }
    .light-mode .text-primary-500 {
      color: #B45309 !important;
    }
    .light-mode .text-secondary-400 {
      color: #7C3AED !important;
    }
    .light-mode .text-secondary-500 {
      color: #6D28D9 !important;
    }
    .light-mode .text-yellow-400 {
      color: #CA8A04 !important;
    }
    .light-mode .text-cyan-400 {
      color: #0891B2 !important;
    }
    .light-mode .text-purple-400 {
      color: #9333EA !important;
    }
    .light-mode .text-green-400 {
      color: #16A34A !important;
    }
    .light-mode .text-red-400 {
      color: #DC2626 !important;
    }
    .light-mode .border-primary-500\/30 {
      border-color: rgba(217, 119, 6, 0.3) !important;
    }
    .light-mode .hover\:bg-primary-500:hover {
      background-color: #B45309 !important;
    }
    .light-mode nav .text-white {
      color: #2D2D2D !important;
    }
    .light-mode nav .text-primary-400 {
      color: #D97706 !important;
    }
    .light-mode .glow-1,
    .light-mode .glow-2,
    .light-mode .glow-3 {
      display: none !important;
    }
    /* 卡片和输入框适配 */
    .light-mode input,
    .light-mode textarea,
    .light-mode select {
      background: rgba(255, 255, 255, 0.9) !important;
      border-color: rgba(0, 0, 0, 0.15) !important;
      color: #2D2D2D !important;
    }
    .light-mode input::placeholder,
    .light-mode textarea::placeholder {
      color: #9CA3AF !important;
    }
    /* 滚动条适配 */
    .light-mode ::-webkit-scrollbar {
      background: #F5EDE4 !important;
    }
    .light-mode ::-webkit-scrollbar-thumb {
      background: rgba(0, 0, 0, 0.2) !important;
      border-radius: 4px;
    }
    /* 全局样式 */
    * { box-sizing: border-box; }
    body {
      margin: 0;
      font-family: var(--font-sans);
      background: var(--bg-primary);
      color: var(--text-primary);
      min-height: 100vh;
    }
    /* 白天模式 body 覆盖 */
    .light-mode body {
      background: var(--bg-primary) !important;
      color: var(--text-primary) !important;
    }
    /* 页面 section 背景覆盖 */
    .light-mode section,
    .light-mode .page-container,
    .light-mode .min-h-screen {
      background: #FDF8F3 !important;
    }
    /* 夜间模式背景覆盖 - 确保应用深色背景 */
    :not(.light-mode) section,
    :not(.light-mode) .page-container,
    :not(.light-mode) .min-h-screen {
      background: var(--bg-primary) !important;
    }
    /* 硬编码深色背景覆盖 */
    .light-mode .bg-\[\#030712\],
    .light-mode .bg-\[\#0f172a\],
    .light-mode .bg-slate-950 {
      background: #FDF8F3 !important;
    }
    /* 更多黑色半透明覆盖 */
    .light-mode .bg-black\/5,
    .light-mode .bg-black\/10,
    .light-mode .bg-black\/20,
    .light-mode .bg-black\/30,
    .light-mode .bg-black\/40,
    .light-mode .bg-black\/50,
    .light-mode .bg-black\/60,
    .light-mode .bg-black\/70 {
      background: rgba(0, 0, 0, 0.05) !important;
    }
    /* 白色半透明背景覆盖 */
    .light-mode .bg-white\/5,
    .light-mode .bg-white\/10,
    .light-mode .bg-white\/15,
    .light-mode .bg-white\/20 {
      background: rgba(0, 0, 0, 0.05) !important;
    }
    /* 白色半透明边框覆盖 */
    .light-mode .border-white\/5,
    .light-mode .border-white\/10,
    .light-mode .border-white\/15 {
      border-color: rgba(0, 0, 0, 0.1) !important;
    }
    .light-mode .border-white\/20,
    .light-mode .border-white\/30 {
      border-color: rgba(0, 0, 0, 0.15) !important;
    }
    /* 黑色背景卡片覆盖 */
    .light-mode .bg-\[rgba\(0\,0\,0\,0\.\d+\)\],
    .light-mode .bg-\[rgba\(255\,255\,255\,0\.0\d+\)\] {
      background: rgba(255, 255, 255, 0.9) !important;
    }
    /* 文字颜色覆盖 */
    .light-mode .text-white {
      color: #2D2D2D !important;
    }
    .light-mode .text-slate-100,
    .light-mode .text-slate-200 {
      color: #2D2D2D !important;
    }
    .light-mode .text-slate-300,
    .light-mode .text-slate-400 {
      color: #5A5A5A !important;
    }
    /* 玻璃拟态卡片覆盖 */
    .light-mode .glass {
      background: rgba(255, 255, 255, 0.85) !important;
      border-color: rgba(0, 0, 0, 0.1) !important;
    }

    /* ========================
       首页组件样式适配
       ======================== */
    .light-mode app-home .text-white {
      color: #3D3D3D !important;
    }
    .light-mode app-home .text-slate-400 {
      color: #6B6B6B !important;
    }
    .light-mode app-home .text-slate-500 {
      color: #9CA3AF !important;
    }
    /* 文字尺寸覆盖 */
    .light-mode app-home .text-xs {
      color: #6B6B6B !important;
    }
    .light-mode app-home .text-sm {
      color: #4B5563 !important;
    }
    .light-mode app-home .text-lg {
      color: #4B5563 !important;
    }
    .light-mode app-home .text-\[10px\] {
      color: #B45309 !important;
    }
    /* 渐变文字（用于标题） */
    .light-mode app-home .bg-clip-text.text-transparent {
      -webkit-text-fill-color: #3D3D3D !important;
    }
    /* 标题前缀渐变（from-white via-slate-100 to-slate-300 → 深色渐变） */
    .light-mode app-home .from-white {
      --tw-gradient-from: #374151 !important;
    }
    .light-mode app-home .via-slate-100 {
      --tw-gradient-stops: var(--tw-gradient-from), #6B7280, var(--tw-gradient-to) !important;
    }
    .light-mode app-home .to-slate-300 {
      --tw-gradient-to: #4B5563 !important;
    }
    /* 标题高亮渐变（琥珀色渐变保持但加深） */
    .light-mode app-home .from-amber-300 {
      --tw-gradient-from: #92400E !important;
    }
    .light-mode app-home .via-amber-200 {
      --tw-gradient-stops: var(--tw-gradient-from), #B45309, var(--tw-gradient-to) !important;
    }
    .light-mode app-home .to-amber-400 {
      --tw-gradient-to: #D97706 !important;
    }
    /* 网格线背景适配 */
    .light-mode app-home [style*="linear-gradient(rgba(255,255,255,0.5)"] {
      background-image: linear-gradient(rgba(0,0,0,0.08) 1px, transparent 1px), linear-gradient(90deg, rgba(0,0,0,0.08) 1px, transparent 1px) !important;
    }
    /* 背景图片滤镜反转 */
    .light-mode app-home [style*="filter: invert(1) contrast(1.3)"] {
      filter: contrast(0.9) !important;
    }
    .light-mode app-home .rounded-2xl.glass {
      background-color: rgba(255, 255, 255, 0.8);
      border-color: rgba(0, 0, 0, 0.1);
    }
    .light-mode app-home .rounded-2xl.glass:hover {
      background-color: rgba(255, 255, 255, 0.95);
    }
    .light-mode app-home .glass {
      background-color: rgba(255, 255, 255, 0.7);
      border-color: rgba(0, 0, 0, 0.1);
    }
    .light-mode app-home .glass.border {
      border-color: rgba(0, 0, 0, 0.15) !important;
    }
    /* 按钮边框颜色加深 */
    .light-mode app-home .border-slate-600\/50 {
      border-color: rgba(100, 116, 139, 0.5) !important;
    }
    .light-mode app-home .border-white\/10 {
      border-color: rgba(0, 0, 0, 0.1) !important;
    }
    .light-mode app-home .hover\:border-slate-500\/80:hover {
      border-color: rgba(100, 116, 139, 0.8) !important;
    }
    .light-mode app-home .hover\:bg-slate-800\/50:hover {
      background-color: rgba(241, 245, 249, 0.5) !important;
    }
    .light-mode app-home .hover\:border-green-500\/50:hover {
      border-color: rgba(34, 197, 94, 0.5) !important;
    }
    .light-mode app-home .hover\:border-cyan-500\/50:hover {
      border-color: rgba(34, 211, 238, 0.5) !important;
    }
    .light-mode app-home .hover\:border-purple-500\/50:hover {
      border-color: rgba(168, 85, 247, 0.5) !important;
    }
    .light-mode app-home .hover\:border-amber-500\/50:hover {
      border-color: rgba(251, 191, 36, 0.5) !important;
    }
    .light-mode app-home .hover\:bg-green-500\/5:hover {
      background-color: rgba(34, 197, 94, 0.05) !important;
    }
    .light-mode app-home .hover\:bg-cyan-500\/5:hover {
      background-color: rgba(34, 211, 238, 0.05) !important;
    }
    .light-mode app-home .hover\:bg-purple-500\/5:hover {
      background-color: rgba(168, 85, 247, 0.05) !important;
    }
    .light-mode app-home .hover\:bg-amber-500\/5:hover {
      background-color: rgba(251, 191, 36, 0.05) !important;
    }
    .light-mode app-home .bg-green-500\/5 {
      background-color: rgba(34, 197, 94, 0.05) !important;
    }
    .light-mode app-home .bg-cyan-500\/5 {
      background-color: rgba(34, 211, 238, 0.05) !important;
    }
    .light-mode app-home .bg-purple-500\/5 {
      background-color: rgba(168, 85, 247, 0.05) !important;
    }
    .light-mode app-home .bg-amber-500\/5 {
      background-color: rgba(251, 191, 36, 0.05) !important;
    }
    .light-mode app-home .bg-green-500\/80 {
      background-color: rgba(34, 197, 94, 0.8) !important;
    }
    .light-mode app-home .bg-cyan-500\/80 {
      background-color: rgba(34, 211, 238, 0.8) !important;
    }
    .light-mode app-home .bg-purple-500\/80 {
      background-color: rgba(168, 85, 247, 0.8) !important;
    }
    .light-mode app-home .bg-amber-500\/80 {
      background-color: rgba(251, 191, 36, 0.8) !important;
    }

    /* ========================
       首页Hero区域渐变背景适配
       ======================== */
    /* 深色渐变背景 → 奶油色渐变 */
    .light-mode .bg-gradient-to-br {
      background-image: linear-gradient(to bottom right, #FDF8F3, #F5EDE4, #EDE4D9) !important;
    }
    .light-mode .bg-gradient-to-br.from-\[\#0a0a0a\] {
      --tw-gradient-from: #FDF8F3 !important;
      --tw-gradient-via: #F5EDE4 !important;
      --tw-gradient-to: #EDE4D9 !important;
    }
    /* 径向渐变光晕 → 淡琥珀色 */
    .light-mode .bg-gradient-radial {
      background-image: radial-gradient(#FDF8F3, #F5EDE4, #EDE4D9) !important;
    }
    /* 琥珀色分隔线 → 浅琥珀色 */
    .light-mode .bg-gradient-to-r.from-transparent.via-amber-500\/30 {
      background-image: linear-gradient(to right, transparent, rgba(251, 191, 36, 0.15), transparent) !important;
    }

    /* ========================
       首页文字颜色适配
       ======================== */
    /* 琥珀色文字 → 深琥珀色（保证可读性） */
    .light-mode .text-amber-300,
    .light-mode .text-amber-400,
    .light-mode .text-amber-500 {
      color: #B45309 !important;
    }
    /* 琥珀色渐变文字 → 单色深琥珀色 */
    .light-mode .bg-gradient-to-r.from-amber-300,
    .light-mode .bg-gradient-to-r.from-amber-400 {
      background-image: linear-gradient(to right, #B45309, #D97706, #B45309) !important;
    }

    /* ========================
       首页按钮颜色适配
       ======================== */
    /* 琥珀色按钮保持深色确保可点击性 */
    .light-mode .from-amber-500,
    .light-mode .from-amber-600 {
      --tw-gradient-from: #D97706 !important;
      --tw-gradient-to: #B45309 !important;
    }
    .light-mode .to-amber-600,
    .light-mode .to-amber-500 {
      --tw-gradient-to: #92400E !important;
    }
    /* 琥珀色hover状态加深 */
    .light-mode .hover\:from-amber-400:hover {
      --tw-gradient-from: #B45309 !important;
    }
    .light-mode .hover\:to-amber-500:hover {
      --tw-gradient-to: #92400E !important;
    }

    /* ========================
       首页统计卡片颜色适配
       ======================== */
    /* 绿色/青色/紫色/琥珀色统计数字加深确保可读性 */
    .light-mode .text-green-400 { color: #15803D !important; }
    .light-mode .text-cyan-400 { color: #0E7490 !important; }
    .light-mode .text-purple-400 { color: #7C3AED !important; }
    .light-mode .text-amber-400 { color: #B45309 !important; }
    /* 状态指示点颜色 */
    .light-mode .bg-green-500\/60 { background-color: rgba(22, 163, 74, 0.6) !important; }
    .light-mode .bg-cyan-500\/60 { background-color: rgba(14, 116, 144, 0.6) !important; }
    .light-mode .bg-purple-500\/60 { background-color: rgba(124, 58, 237, 0.6) !important; }
    .light-mode .bg-amber-500\/60 { background-color: rgba(180, 83, 9, 0.6) !important; }
    /* 首页专属统计卡片颜色 */
    .light-mode app-home .text-green-400 { color: #15803D !important; }
    .light-mode app-home .text-cyan-400 { color: #0E7490 !important; }
    .light-mode app-home .text-purple-400 { color: #7C3AED !important; }
    .light-mode app-home .text-amber-400 { color: #B45309 !important; }

    /* ========================
       排行榜页面白天模式适配
       ======================== */
    /* 排行榜页面背景 */
    .light-mode app-leaderboard section,
    .light-mode .leaderboard-section {
      background: #FDF8F3 !important;
    }
    /* 排行榜Hero渐变光晕 → 隐藏或淡化 */
    .light-mode .bg-gradient-radial.from-purple-600\/20,
    .light-mode .bg-gradient-radial.from-cyan-600\/15,
    .light-mode .bg-gradient-radial.from-amber-500\/15 {
      background-image: radial-gradient(rgba(251, 191, 36, 0.08), rgba(251, 191, 36, 0.03), transparent) !important;
    }
    /* 排行榜动画粒子 → 隐藏 */
    .light-mode .animate-bounce[class*="bg-"] {
      display: none !important;
    }
    /* 排行榜标题渐变文字 → 深色系 */
    .light-mode .bg-gradient-to-b.from-white,
    .light-mode .text-gradient {
      background-image: linear-gradient(to bottom, #2D2D2D, #5A5A5A, #9CA3AF) !important;
      -webkit-background-clip: text !important;
      background-clip: text !important;
    }
    /* 排行榜统计卡片边框 */
    .light-mode .glass.rounded-2xl.border-white\/10 {
      border-color: rgba(0, 0, 0, 0.1) !important;
      background: rgba(255, 255, 255, 0.85) !important;
    }
    /* 排行榜Tab导航栏 */
    .light-mode .bg-black\/40 {
      background: rgba(0, 0, 0, 0.05) !important;
    }
    .light-mode .bg-black\/50 {
      background: rgba(255, 255, 255, 0.9) !important;
    }
    /* 排行榜输入框 */
    .light-mode input[type="text"],
    .light-mode select {
      background: rgba(255, 255, 255, 0.9) !important;
      border-color: rgba(0, 0, 0, 0.15) !important;
      color: #2D2D2D !important;
    }
    .light-mode input::placeholder {
      color: #9CA3AF !important;
    }
    /* 排行榜表格行样式 */
    .light-mode .border-white\/5 {
      border-color: rgba(0, 0, 0, 0.08) !important;
    }
    .light-mode .border-white\/10 {
      border-color: rgba(0, 0, 0, 0.1) !important;
    }
    /* 排行榜文字颜色加深 */
    .light-mode .text-slate-400 {
      color: #5A5A5A !important;
    }
    .light-mode .text-slate-500 {
      color: #6B7280 !important;
    }
    /* 排行榜选择框样式 */
    .light-mode app-leaderboard .dark-select,
    .light-mode app-leaderboard select {
      background: rgba(255, 255, 255, 0.95) !important;
      color: #2D2D2D !important;
      border-color: rgba(0, 0, 0, 0.15) !important;
    }
    /* 排行榜渐变文字 */
    .light-mode app-leaderboard .text-gradient {
      background-image: linear-gradient(to bottom, #2D2D2D, #5A5A5A, #9CA3AF) !important;
      -webkit-background-clip: text !important;
      background-clip: text !important;
    }

    /* ========================
       名人堂页面白天模式适配
       ======================== */
    .light-mode app-hall-of-fame .tilt-card-container,
    .light-mode .tilt-card-container {
      background: linear-gradient(to bottom, rgba(255,255,255,0.95), rgba(255,255,255,0.85)) !important;
      border-color: rgba(0, 0, 0, 0.1) !important;
    }
    .light-mode app-hall-of-fame .text-white,
    .light-mode .hall-of-fame-card .text-white {
      color: #2D2D2D !important;
    }
    .light-mode app-hall-of-fame .text-slate-400,
    .light-mode app-hall-of-fame .text-slate-500 {
      color: #6B7280 !important;
    }
    .light-mode app-hall-of-fame .border-white\/10 {
      border-color: rgba(0, 0, 0, 0.1) !important;
    }
    .light-mode app-hall-of-fame .bg-white\/5 {
      background-color: rgba(0, 0, 0, 0.03) !important;
    }
    .light-mode app-hall-of-fame .text-amber-400 {
      color: #B45309 !important;
    }
    .light-mode app-hall-of-fame .text-cyan-400 {
      color: #0E7490 !important;
    }
    .light-mode app-hall-of-fame .text-cyan-300 {
      color: #0E7490 !important;
    }
    .light-mode app-hall-of-fame .bg-gradient-to-b {
      background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.03), transparent) !important;
    }
    .light-mode app-hall-of-fame .from-amber-500\/10,
    .light-mode app-hall-of-fame .from-purple-500\/10 {
      --tw-gradient-from: rgba(180, 83, 9, 0.08) !important;
    }
    .light-mode app-hall-of-fame .bg-amber-500\/5 {
      background-color: rgba(180, 83, 9, 0.08) !important;
    }
    .light-mode app-hall-of-fame .bg-purple-500\/5 {
      background-color: rgba(124, 58, 237, 0.08) !important;
    }
    .light-mode app-hall-of-fame .border-amber-500\/20 {
      border-color: rgba(180, 83, 9, 0.2) !important;
    }
    .light-mode app-hall-of-fame .border-purple-500\/20 {
      border-color: rgba(124, 58, 237, 0.2) !important;
    }
    .light-mode app-hall-of-fame .bg-gradient-radial {
      background-image: radial-gradient(rgba(180, 83, 9, 0.05), rgba(124, 58, 237, 0.03), transparent) !important;
    }
    /* 名人堂入选标准卡片 */
    .light-mode app-hall-of-fame .bg-gradient-to-b.from-white\/5 {
      background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.03), transparent) !important;
    }
    /* 名人堂半透明背景适配 */
    .light-mode app-hall-of-fame .bg-amber-500\/20 {
      background-color: rgba(180, 83, 9, 0.15) !important;
    }
    .light-mode app-hall-of-fame .bg-amber-500\/40 {
      background-color: rgba(180, 83, 9, 0.25) !important;
    }
    .light-mode app-hall-of-fame .bg-purple-500\/20 {
      background-color: rgba(124, 58, 237, 0.15) !important;
    }
    /* 排行榜对比组件适配 */
    .light-mode app-player-compare {
      background: #F8FAFC !important;
    }
    .light-mode app-player-compare .bg-black\/90 {
      background-color: rgba(0, 0, 0, 0.05) !important;
    }
    .light-mode app-player-compare .glass {
      background: rgba(255, 255, 255, 0.9) !important;
      border-color: rgba(0, 0, 0, 0.1) !important;
    }
    .light-mode app-player-compare .text-slate-400 {
      color: #6B7280 !important;
    }
    .light-mode app-player-compare .text-slate-500 {
      color: #6B7280 !important;
    }
    .light-mode app-player-compare .text-white {
      color: #1F2937 !important;
    }
    .light-mode app-player-compare .hover\:text-white:hover {
      color: #1F2937 !important;
    }
    .light-mode app-player-compare .text-cyan-400 {
      color: #0891B2 !important;
    }
    .light-mode app-player-compare .text-purple-400 {
      color: #7C3AED !important;
    }
    .light-mode app-player-compare .hover\:text-cyan-400:hover {
      color: #0891B2 !important;
    }
    .light-mode app-player-compare .hover\:text-purple-400:hover {
      color: #7C3AED !important;
    }
    .light-mode app-player-compare .group-hover\:text-cyan-400:hover {
      color: #0891B2 !important;
    }
    .light-mode app-player-compare .group-hover\:text-purple-400:hover {
      color: #7C3AED !important;
    }
    .light-mode app-player-compare .border-white\/10 {
      border-color: rgba(0, 0, 0, 0.1) !important;
    }
    .light-mode app-player-compare .border-cyan-500\/20,
    .light-mode app-player-compare .border-cyan-500 {
      border-color: #0891B2 !important;
    }
    .light-mode app-player-compare .border-purple-500\/20,
    .light-mode app-player-compare .border-purple-500 {
      border-color: #7C3AED !important;
    }
    .light-mode app-player-compare .hover\:bg-white\/10:hover {
      background-color: rgba(0, 0, 0, 0.05) !important;
    }
    .light-mode app-player-compare .bg-gradient-to-r\/from-red-500\/20 {
      background: linear-gradient(to right, rgba(239, 68, 68, 0.15), rgba(239, 68, 68, 0.15)) !important;
    }
    .light-mode app-player-compare .bg-cyan-500\/20 {
      background-color: rgba(14, 116, 144, 0.15) !important;
    }
    .light-mode app-player-compare .bg-cyan-500\/30 {
      background-color: rgba(14, 116, 144, 0.2) !important;
    }
    .light-mode app-player-compare .bg-purple-500\/20 {
      background-color: rgba(124, 58, 237, 0.15) !important;
    }
    .light-mode app-player-compare .bg-purple-500\/30 {
      background-color: rgba(124, 58, 237, 0.2) !important;
    }
    /* 排行榜列表组件适配 */
    .light-mode app-leaderboard-list .bg-cyan-500\/10 {
      background-color: rgba(14, 116, 144, 0.1) !important;
    }
    .light-mode app-leaderboard-list .bg-white\/5,
    .light-mode app-leaderboard-list .bg-white\/10 {
      background-color: rgba(0, 0, 0, 0.05) !important;
    }
    .light-mode app-leaderboard-list .border-white\/5,
    .light-mode app-leaderboard-list .border-white\/10 {
      border-color: rgba(0, 0, 0, 0.1) !important;
    }
    .light-mode app-leaderboard-list .text-slate-500 {
      color: #6B7280 !important;
    }
    .light-mode app-leaderboard-list .text-green-400 {
      color: #15803D !important;
    }
    .light-mode app-leaderboard-list .text-red-400 {
      color: #DC2626 !important;
    }
    .light-mode app-leaderboard-list .text-cyan-400 {
      color: #0E7490 !important;
    }
    .light-mode app-leaderboard-list .hover\:border-white\/10:hover {
      border-color: rgba(0, 0, 0, 0.15) !important;
    }
    .light-mode app-leaderboard-list .hover\:text-cyan-400:hover {
      color: #0891B2 !important;
    }
    .light-mode app-leaderboard-list .group-hover\:text-cyan-400:hover {
      color: #0891B2 !important;
    }

    /* ========================
       AI评审页面白天模式适配
       ======================== */
    /* AI评审页面容器背景 */
    .light-mode app-ai-review section,
    .light-mode .ai-review-section {
      background: #FDF8F3 !important;
    }
    /* AI评审输入框和按钮 */
    .light-mode .bg-slate-800\/80,
    .light-mode .bg-slate-800\/50 {
      background: rgba(255, 255, 255, 0.9) !important;
    }
    .light-mode .bg-slate-900 {
      background: rgba(255, 255, 255, 0.95) !important;
    }
    .light-mode .bg-slate-700 {
      background: rgba(255, 255, 255, 0.85) !important;
    }
    .light-mode .bg-slate-600 {
      background: rgba(255, 255, 255, 0.8) !important;
    }
    .light-mode .hover\:bg-slate-600:hover {
      background-color: rgba(255, 255, 255, 0.7) !important;
    }
    .light-mode .hover\:bg-slate-700:hover {
      background-color: rgba(255, 255, 255, 0.75) !important;
    }
    /* AI评审边框颜色 */
    .light-mode .border-slate-700 {
      border-color: rgba(0, 0, 0, 0.15) !important;
    }
    .light-mode .border-slate-600 {
      border-color: rgba(0, 0, 0, 0.12) !important;
    }
    /* AI评审标签样式 */
    .light-mode .bg-amber-500\/20 {
      background: rgba(251, 191, 36, 0.15) !important;
    }
    .light-mode .text-amber-400 {
      color: #B45309 !important;
    }
    /* AI评审历史页按钮颜色 */
    .light-mode app-ai-review-history .bg-amber-500 {
      background-color: #B45309 !important;
    }
    .light-mode app-ai-review-history .hover\:bg-amber-600:hover {
      background-color: #92400E !important;
    }
    .light-mode app-ai-review-history .bg-purple-500 {
      background-color: #7C3AED !important;
    }
    .light-mode app-ai-review-history .hover\:bg-purple-600:hover {
      background-color: #6D28D9 !important;
    }
    /* AI评审表单页按钮和标签颜色 */
    .light-mode app-ai-review .bg-purple-500\/20 {
      background-color: rgba(124, 58, 237, 0.15) !important;
    }
    .light-mode app-ai-review .bg-green-500\/20 {
      background-color: rgba(22, 163, 74, 0.15) !important;
    }
    .light-mode app-ai-review .bg-red-500\/20 {
      background-color: rgba(220, 38, 38, 0.15) !important;
    }
    .light-mode app-ai-review .bg-blue-500\/20 {
      background-color: rgba(59, 130, 246, 0.15) !important;
    }
    .light-mode app-ai-review .bg-amber-500\/10 {
      background-color: rgba(251, 191, 36, 0.1) !important;
    }
    .light-mode app-ai-review .bg-amber-500\/30 {
      background-color: rgba(251, 191, 36, 0.2) !important;
    }
    .light-mode app-ai-review .bg-green-500\/10 {
      background-color: rgba(22, 163, 74, 0.1) !important;
    }
    .light-mode app-ai-review .bg-amber-500 {
      background-color: #B45309 !important;
    }
    .light-mode app-ai-review .hover\:bg-amber-600:hover {
      background-color: #92400E !important;
    }
    .light-mode app-ai-review .bg-gradient-to-br {
      background: linear-gradient(to bottom right, #FDF8F3, #E5E7EB) !important;
    }
    .light-mode app-ai-review-history .bg-gradient-to-br {
      background: linear-gradient(to bottom right, #FDF8F3, #E5E7EB) !important;
    }

    /* ========================
       对战大厅白天模式适配
       ======================== */
    .light-mode app-lobby section,
    .light-mode .lobby-section {
      background: #FDF8F3 !important;
    }
    .light-mode app-lobby .min-h-screen {
      background: #FDF8F3 !important;
    }
    .light-mode .bg-\[\#030712\]\/95 {
      background: rgba(253, 248, 243, 0.95) !important;
    }
    .light-mode app-lobby .bg-white\/\[0\.02\] {
      background: rgba(255, 255, 255, 0.1) !important;
    }
    .light-mode app-lobby .bg-gradient-to-t {
      background-image: linear-gradient(to top, #F5EDE4, transparent) !important;
    }
    .light-mode app-lobby .from-\[\#030712\] {
      --tw-gradient-from: #F5EDE4 !important;
    }
    .light-mode app-lobby .text-cyan-400 {
      color: #0891B2 !important;
    }
    .light-mode app-lobby .text-purple-400 {
      color: #9333EA !important;
    }
    .light-mode app-lobby .text-green-400 {
      color: #16A34A !important;
    }
    .light-mode app-lobby .glass {
      background: rgba(255, 255, 255, 0.9) !important;
      border-color: rgba(0, 0, 0, 0.1) !important;
    }
    .light-mode app-lobby .bg-white\/5 {
      background-color: rgba(255, 255, 255, 0.05) !important;
    }
    .light-mode app-lobby .bg-white\/10 {
      background-color: rgba(255, 255, 255, 0.1) !important;
    }
    .light-mode app-lobby .border-white\/10 {
      border-color: rgba(0, 0, 0, 0.1) !important;
    }
    .light-mode app-lobby .border-white\/30 {
      border-color: rgba(0, 0, 0, 0.2) !important;
    }
    .light-mode app-lobby .border-white\/50 {
      border-color: rgba(0, 0, 0, 0.25) !important;
    }
    .light-mode app-lobby input,
    .light-mode app-lobby select {
      background: rgba(255, 255, 255, 0.95) !important;
      color: #2D2D2D !important;
      border-color: rgba(0, 0, 0, 0.15) !important;
    }
    .light-mode app-lobby input::placeholder {
      color: #9CA3AF !important;
    }
    .light-mode app-lobby .bg-black\/30 {
      background: rgba(255, 255, 255, 0.9) !important;
    }
    .light-mode app-lobby .text-white {
      color: #2D2D2D !important;
    }
    .light-mode app-lobby .text-slate-400 {
      color: #5A5A5A !important;
    }
    .light-mode app-lobby .text-slate-300 {
      color: #6B7280 !important;
    }
    .light-mode app-lobby .bg-purple-500 {
      background-color: #7C3AED !important;
    }
    .light-mode app-lobby .bg-cyan-500 {
      background-color: #0891B2 !important;
    }
    .light-mode app-lobby .bg-green-500 {
      background-color: #16A34A !important;
    }
    .light-mode app-lobby .bg-cyan-500\/10 {
      background-color: rgba(8, 145, 178, 0.1) !important;
    }
    .light-mode app-lobby .bg-purple-500\/10 {
      background-color: rgba(124, 58, 237, 0.1) !important;
    }
    .light-mode app-lobby-rooms .bg-cyan-500 {
      background-color: #0891B2 !important;
    }
    .light-mode app-lobby-rooms .bg-green-500 {
      background-color: #16A34A !important;
    }
    .light-mode app-lobby-rooms .bg-purple-500 {
      background-color: #7C3AED !important;
    }
    .light-mode app-lobby-rooms .bg-cyan-500\/10 {
      background-color: rgba(8, 145, 178, 0.1) !important;
    }
    .light-mode app-lobby-rooms .border-cyan-500\/30 {
      border-color: rgba(14, 116, 144, 0.3) !important;
    }
    .light-mode app-lobby-rooms .bg-red-500 {
      background-color: #DC2626 !important;
    }
    .light-mode app-lobby-rooms .bg-gray-700 {
      background-color: #D1D5DB !important;
    }
    .light-mode app-lobby-tournaments .bg-blue-600 {
      background-color: #2563EB !important;
    }
    .light-mode app-lobby-tournaments .hover\:bg-blue-500:hover {
      background-color: #3B82F6 !important;
    }
    .light-mode app-lobby-tournaments .bg-gray-800 {
      background-color: #E5E7EB !important;
    }
    .light-mode app-lobby-tournaments .bg-gray-700 {
      background-color: #D1D5DB !important;
    }
    .light-mode app-lobby-tournaments .border-gray-700 {
      border-color: #D1D5DB !important;
    }
    .light-mode app-lobby-tournaments .text-white {
      color: #2D2D2D !important;
    }
    .light-mode app-lobby-tournaments .text-gray-400 {
      color: #6B7280 !important;
    }
    .light-mode app-lobby-tournaments .placeholder-gray-400::placeholder {
      color: #9CA3AF !important;
    }
    .light-mode app-lobby-tournaments input:focus {
      border-color: #2563EB !important;
    }

    /* ========================
       赛事卡片组件白天模式适配
       ======================== */
    .light-mode app-lobby-tournament-card .bg-blue-500 {
      background-color: #2563EB !important;
    }
    .light-mode app-lobby-tournament-card .bg-green-500 {
      background-color: #16A34A !important;
    }
    .light-mode app-lobby-tournament-card .bg-red-500 {
      background-color: #DC2626 !important;
    }
    .light-mode app-lobby-tournament-card .bg-purple-500 {
      background-color: #7C3AED !important;
    }
    .light-mode app-lobby-tournament-card .hover\:bg-purple-400:hover {
      background-color: #8B5CF6 !important;
    }
    .light-mode app-lobby-tournament-card .hover\:bg-blue-400:hover {
      background-color: #60A5FA !important;
    }
    .light-mode app-lobby-tournament-card .text-red-400 {
      color: #DC2626 !important;
    }
    .light-mode app-lobby-tournament-card .text-cyan-400 {
      color: #0891B2 !important;
    }
    .light-mode app-lobby-tournament-card .text-amber-400 {
      color: #B45309 !important;
    }
    .light-mode app-lobby-tournament-card .text-slate-400 {
      color: #6B7280 !important;
    }
    .light-mode app-lobby-tournament-card .text-slate-500 {
      color: #6B7280 !important;
    }
    .light-mode app-lobby-tournament-card .glass {
      background: rgba(255, 255, 255, 0.9) !important;
      border-color: rgba(0, 0, 0, 0.1) !important;
    }
    .light-mode app-lobby-tournament-card .border-white\/10 {
      border-color: rgba(0, 0, 0, 0.1) !important;
    }
    .light-mode app-lobby-tournament-card .hover\:border-purple-500\/50:hover {
      border-color: rgba(124, 58, 237, 0.5) !important;
    }

    .light-mode app-lobby-my-tournaments .bg-purple-500 {
      background-color: #7C3AED !important;
    }
    .light-mode app-lobby-my-tournaments .bg-amber-500\/5 {
      background-color: rgba(180, 83, 9, 0.05) !important;
    }
    .light-mode app-lobby-my-tournaments .bg-amber-500\/20 {
      background-color: rgba(180, 83, 9, 0.2) !important;
    }
    .light-mode app-lobby-my-tournaments .bg-amber-500\/50 {
      background-color: rgba(180, 83, 9, 0.5) !important;
    }
    .light-mode app-lobby-my-tournaments .hover\:bg-amber-500\/50:hover {
      background-color: rgba(180, 83, 9, 0.5) !important;
    }
    .light-mode app-lobby-my-tournaments .bg-cyan-500\/20 {
      background-color: rgba(14, 116, 144, 0.2) !important;
    }
    .light-mode app-lobby-my-tournaments .bg-green-500\/5 {
      background-color: rgba(22, 163, 74, 0.05) !important;
    }
    .light-mode app-lobby-my-tournaments .bg-green-500\/10 {
      background-color: rgba(22, 163, 74, 0.1) !important;
    }
    .light-mode app-lobby-my-tournaments .bg-green-500\/20 {
      background-color: rgba(22, 163, 74, 0.2) !important;
    }
    .light-mode app-lobby-my-tournaments .hover\:bg-green-500\/50:hover {
      background-color: rgba(22, 163, 74, 0.5) !important;
    }
    .light-mode app-lobby-my-tournaments .bg-blue-500\/20 {
      background-color: rgba(59, 130, 246, 0.2) !important;
    }
    .light-mode app-lobby-my-tournaments .bg-purple-500\/5 {
      background-color: rgba(124, 58, 237, 0.05) !important;
    }
    .light-mode app-lobby-my-tournaments .bg-purple-500\/10 {
      background-color: rgba(124, 58, 237, 0.1) !important;
    }
    .light-mode app-lobby-my-tournaments .bg-purple-500\/20 {
      background-color: rgba(124, 58, 237, 0.2) !important;
    }
    .light-mode app-lobby-my-tournaments .hover\:bg-purple-500\/50:hover {
      background-color: rgba(124, 58, 237, 0.5) !important;
    }
    .light-mode app-lobby-my-tournaments .text-purple-400 {
      color: #7C3AED !important;
    }
    .light-mode app-lobby-my-tournaments .border-amber-500\/30 {
      border-color: rgba(180, 83, 9, 0.3) !important;
    }
    .light-mode app-lobby-my-tournaments .border-green-500\/30 {
      border-color: rgba(22, 163, 74, 0.3) !important;
    }
    .light-mode app-lobby-my-tournaments .border-purple-500\/30 {
      border-color: rgba(124, 58, 237, 0.3) !important;
    }
    .light-mode app-lobby-my-tournaments .shadow-amber-500\/10 {
      box-shadow: 0 10px 15px -3px rgba(180, 83, 9, 0.1) !important;
    }
    .light-mode app-lobby-my-tournaments .shadow-green-500\/10 {
      box-shadow: 0 10px 15px -3px rgba(22, 163, 74, 0.1) !important;
    }
    .light-mode app-lobby-my-tournaments .shadow-purple-500\/10 {
      box-shadow: 0 10px 15px -3px rgba(124, 58, 237, 0.1) !important;
    }

    /* ========================
       房间卡片组件白天模式适配
       ======================== */
    .light-mode app-lobby-room-card .bg-green-500\/20 {
      background-color: rgba(22, 163, 74, 0.2) !important;
    }
    .light-mode app-lobby-room-card .bg-amber-500\/20 {
      background-color: rgba(180, 83, 9, 0.2) !important;
    }
    .light-mode app-lobby-room-card .bg-cyan-500\/20 {
      background-color: rgba(14, 116, 144, 0.2) !important;
    }
    .light-mode app-lobby-room-card .bg-purple-500\/20 {
      background-color: rgba(124, 58, 237, 0.2) !important;
    }
    .light-mode app-lobby-room-card .bg-blue-500\/20 {
      background-color: rgba(59, 130, 246, 0.2) !important;
    }
    .light-mode app-lobby-room-card .bg-green-500 {
      background-color: #16A34A !important;
    }
    .light-mode app-lobby-room-card .text-blue-300 {
      color: #2563EB !important;
    }
    .light-mode app-lobby-room-card .text-amber-300 {
      color: #B45309 !important;
    }
    .light-mode app-lobby-room-card .text-purple-300 {
      color: #7C3AED !important;
    }
    .light-mode app-lobby-room-card .text-slate-500 {
      color: #6B7280 !important;
    }
    .light-mode app-lobby-room-card .text-green-400 {
      color: #15803D !important;
    }
    .light-mode app-lobby-room-card .text-amber-400 {
      color: #B45309 !important;
    }
    .light-mode app-lobby-room-card .glass {
      background: rgba(255, 255, 255, 0.9) !important;
      border-color: rgba(0, 0, 0, 0.1) !important;
    }
    .light-mode app-lobby-room-card .border-white\/10 {
      border-color: rgba(0, 0, 0, 0.1) !important;
    }
    .light-mode app-lobby-room-card .hover\:border-cyan-500\/50:hover {
      border-color: rgba(14, 116, 144, 0.5) !important;
    }
    .light-mode app-lobby-room-card .bg-white\/5 {
      background-color: rgba(0, 0, 0, 0.05) !important;
    }
    .light-mode app-lobby-room-card .bg-gradient-to-br {
      background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.05)) !important;
    }

    /* ========================
       排位匹配面板白天模式适配
       ======================== */
    .light-mode app-lobby-ranked-panel .bg-green-500 {
      background-color: #16A34A !important;
    }
    .light-mode app-lobby-ranked-panel .bg-amber-500\/20 {
      background-color: rgba(180, 83, 9, 0.2) !important;
    }
    .light-mode app-lobby-ranked-panel .hover\:bg-amber-500\/20:hover {
      background-color: rgba(180, 83, 9, 0.2) !important;
    }
    .light-mode app-lobby-ranked-panel .text-amber-400 {
      color: #B45309 !important;
    }
    .light-mode app-lobby-ranked-panel .text-green-400 {
      color: #15803D !important;
    }
    .light-mode app-lobby-ranked-panel .text-slate-400 {
      color: #6B7280 !important;
    }
    .light-mode app-lobby-ranked-panel .text-slate-500 {
      color: #6B7280 !important;
    }
    .light-mode app-lobby-ranked-panel .text-slate-600 {
      color: #4B5563 !important;
    }
    .light-mode app-lobby-ranked-panel .glass {
      background: rgba(255, 255, 255, 0.9) !important;
      border-color: rgba(0, 0, 0, 0.1) !important;
    }
    .light-mode app-lobby-ranked-panel .border-white\/10 {
      border-color: rgba(0, 0, 0, 0.1) !important;
    }
    .light-mode app-lobby-ranked-panel .border-amber-500\/30 {
      border-color: rgba(180, 83, 9, 0.3) !important;
    }
    .light-mode app-lobby-ranked-panel .hover\:border-amber-500\/50:hover {
      border-color: rgba(180, 83, 9, 0.5) !important;
    }
    .light-mode app-lobby-ranked-panel .bg-slate-700\/80 {
      background-color: rgba(0, 0, 0, 0.1) !important;
    }
    .light-mode app-lobby-ranked-panel .bg-white\/10 {
      background-color: rgba(0, 0, 0, 0.05) !important;
    }
    .light-mode app-lobby-ranked-panel .hover\:bg-amber-500\/20:hover {
      background-color: rgba(180, 83, 9, 0.15) !important;
    }
    .light-mode app-lobby-ranked-panel .bg-gradient-to-r\/from-amber-500\/10 {
      background: linear-gradient(to right, rgba(180, 83, 9, 0.1), transparent) !important;
    }

    /* ========================
       房间网格组件白天模式适配
       ======================== */
    .light-mode app-lobby-room-grid .bg-cyan-500 {
      background-color: #0891B2 !important;
    }
    .light-mode app-lobby-room-grid .bg-green-500 {
      background-color: #16A34A !important;
    }
    .light-mode app-lobby-room-grid .bg-amber-500 {
      background-color: #B45309 !important;
    }
    .light-mode app-lobby-room-grid .bg-gray-800 {
      background-color: #E5E7EB !important;
    }
    .light-mode app-lobby-room-grid .bg-gray-700 {
      background-color: #D1D5DB !important;
    }
    .light-mode app-lobby-room-grid .hover\:bg-gray-600:hover {
      background-color: #9CA3AF !important;
    }
    .light-mode app-lobby-room-grid .text-white {
      color: #2D2D2D !important;
    }
    .light-mode app-lobby-room-grid .text-gray-400 {
      color: #6B7280 !important;
    }

    /* ========================
       房间筛选组件白天模式适配
       ======================== */
    .light-mode app-lobby-room-filters .bg-blue-600 {
      background-color: #2563EB !important;
    }
    .light-mode app-lobby-room-filters .hover\:bg-blue-700:hover {
      background-color: #1D4ED8 !important;
    }
    .light-mode app-lobby-room-filters .bg-green-600 {
      background-color: #16A34A !important;
    }
    .light-mode app-lobby-room-filters .hover\:bg-green-700:hover {
      background-color: #15803D !important;
    }
    .light-mode app-lobby-room-filters .bg-gray-800 {
      background-color: #E5E7EB !important;
    }
    .light-mode app-lobby-room-filters .border-gray-700 {
      border-color: #D1D5DB !important;
    }
    .light-mode app-lobby-room-filters .text-white {
      color: #2D2D2D !important;
    }
    .light-mode app-lobby-room-filters .placeholder-gray-400::placeholder {
      color: #9CA3AF !important;
    }
    .light-mode app-lobby-room-filters input:focus {
      border-color: #2563EB !important;
    }

    /* ========================
       消息/好友页白天模式适配
       ======================== */
    .light-mode app-messages section,
    .light-mode app-friends section,
    .light-mode .messages-section,
    .light-mode .friends-section {
      background: #FDF8F3 !important;
    }

    /* ========================
       战队页白天模式适配
       ======================== */
    .light-mode app-team section,
    .light-mode .team-section {
      background: #FDF8F3 !important;
    }

    /* ========================
       信息页白天模式适配
       ======================== */
    .light-mode app-info section,
    .light-mode .info-section {
      background: #FDF8F3 !important;
    }

    /* ========================
       登录页白天模式适配
       ======================== */
    .light-mode app-login section,
    .light-mode .login-section {
      background: #FDF8F3 !important;
    }
    .light-mode app-login .bg-black\/30,
    .light-mode app-login .bg-black\/40 {
      background: rgba(255, 255, 255, 0.9) !important;
    }
    .light-mode app-login .text-white {
      color: #2D2D2D !important;
    }
    .light-mode app-login .text-slate-400 {
      color: #6B7280 !important;
    }
    .light-mode app-login .text-slate-500 {
      color: #9CA3AF !important;
    }
    .light-mode app-login .border-white\/10 {
      border-color: rgba(0, 0, 0, 0.1) !important;
    }
    .light-mode app-login input {
      background: rgba(255, 255, 255, 0.95) !important;
      color: #2D2D2D !important;
      border-color: rgba(0, 0, 0, 0.15) !important;
    }
    .light-mode app-login input::placeholder {
      color: #9CA3AF !important;
    }
    .light-mode app-login .glass {
      background: rgba(255, 255, 255, 0.9) !important;
      border-color: rgba(0, 0, 0, 0.1) !important;
    }
    .light-mode app-login .bg-purple-500 {
      background-color: #A855F7 !important;
    }
    .light-mode app-login .bg-purple-500\/5 {
      background-color: rgba(168, 85, 247, 0.05) !important;
    }
    .light-mode app-login .bg-red-500\/10 {
      background-color: rgba(220, 38, 38, 0.1) !important;
    }
    .light-mode app-login .border-red-500\/30 {
      border-color: rgba(220, 38, 38, 0.3) !important;
    }

    /* ========================
       VIP页白天模式适配
       ======================== */
    .light-mode app-vip section,
    .light-mode .vip-section {
      background: #FDF8F3 !important;
    }
    .light-mode app-vip .min-h-screen {
      background: #FDF8F3 !important;
    }
    .light-mode app-vip .bg-\[\#030712\] {
      background: #FDF8F3 !important;
    }
    .light-mode app-vip .bg-blue-600 {
      background-color: #2563EB !important;
    }
    .light-mode app-vip .bg-blue-500 {
      background-color: #2563EB !important;
    }
    .light-mode app-vip .bg-blue-500\/20 {
      background-color: rgba(37, 99, 235, 0.2) !important;
    }
    .light-mode app-vip .bg-purple-500\/10 {
      background-color: rgba(124, 58, 237, 0.1) !important;
    }
    .light-mode app-vip .bg-cyan-500\/10 {
      background-color: rgba(8, 145, 178, 0.1) !important;
    }
    .light-mode app-vip .bg-green-500\/10 {
      background-color: rgba(22, 163, 74, 0.1) !important;
    }
    .light-mode app-vip .bg-yellow-500 {
      background-color: #CA8A04 !important;
    }
    .light-mode app-vip .bg-green-500\/20 {
      background-color: rgba(22, 163, 74, 0.2) !important;
    }
    .light-mode app-vip .bg-red-500 {
      background-color: #DC2626 !important;
    }
    .light-mode app-vip .text-gray-500 {
      color: #6B7280 !important;
    }
    .light-mode app-vip .text-white {
      color: #1F2937 !important;
    }

    /* ========================
       判准库页白天模式适配
       ======================== */
    .light-mode app-criteria-list,
    .light-mode app-criteria-detail,
    .light-mode app-my-criteria,
    .light-mode app-criteria-admin {
      background: #FDF8F3 !important;
    }
    .light-mode app-criteria-list .min-h-screen,
    .light-mode app-criteria-detail .min-h-screen,
    .light-mode app-my-criteria .min-h-screen,
    .light-mode app-criteria-admin .min-h-screen {
      background: linear-gradient(to bottom right, #FDF8F3, #F5EDE4, #FDF8F3) !important;
    }
    .light-mode app-criteria-list .bg-gray-800\/50,
    .light-mode app-criteria-detail .bg-gray-800\/50,
    .light-mode app-my-criteria .bg-gray-800\/50 {
      background: rgba(255, 255, 255, 0.9) !important;
    }
    .light-mode app-criteria-list .bg-gray-800,
    .light-mode app-criteria-detail .bg-gray-800,
    .light-mode app-my-criteria .bg-gray-800,
    .light-mode app-criteria-admin .bg-gray-800 {
      background: rgba(255, 255, 255, 0.9) !important;
    }
    .light-mode app-criteria-list .bg-gray-900,
    .light-mode app-criteria-detail .bg-gray-900 {
      background: #F5EDE4 !important;
    }
    .light-mode app-criteria-list .border-gray-700,
    .light-mode app-criteria-detail .border-gray-700,
    .light-mode app-my-criteria .border-gray-700,
    .light-mode app-criteria-admin .border-gray-700 {
      border-color: rgba(0, 0, 0, 0.1) !important;
    }
    .light-mode app-criteria-admin .bg-gray-700 {
      background-color: rgba(0, 0, 0, 0.05) !important;
    }
    .light-mode app-criteria-admin .bg-gray-800\/50 {
      background-color: rgba(0, 0, 0, 0.03) !important;
    }
    .light-mode app-criteria-list .text-white,
    .light-mode app-criteria-detail .text-white,
    .light-mode app-my-criteria .text-white {
      color: #2D2D2D !important;
    }
    .light-mode app-criteria-list .text-gray-400,
    .light-mode app-criteria-detail .text-gray-400,
    .light-mode app-my-criteria .text-gray-400 {
      color: #5A5A5A !important;
    }
    .light-mode app-criteria-list .text-gray-500,
    .light-mode app-criteria-detail .text-gray-500,
    .light-mode app-my-criteria .text-gray-500 {
      color: #6B7280 !important;
    }
    .light-mode app-criteria-detail .text-gray-300 {
      color: #6B7280 !important;
    }
    .light-mode app-criteria-list .hover\:text-white:hover,
    .light-mode app-criteria-detail .hover\:text-white:hover,
    .light-mode app-my-criteria .hover\:text-white:hover,
    .light-mode app-criteria-admin .hover\:text-white:hover {
      color: #1F2937 !important;
    }
    .light-mode app-criteria-list input,
    .light-mode app-criteria-detail input,
    .light-mode app-my-criteria input {
      background: rgba(255, 255, 255, 0.95) !important;
      color: #2D2D2D !important;
      border-color: rgba(0, 0, 0, 0.15) !important;
    }
    .light-mode app-criteria-list input::placeholder,
    .light-mode app-criteria-detail input::placeholder {
      color: #9CA3AF !important;
    }
    .light-mode app-criteria-list .bg-gradient-to-br,
    .light-mode app-criteria-detail .bg-gradient-to-br {
      background-image: linear-gradient(to bottom right, #FDF8F3, #F5EDE4, #FDF8F3) !important;
    }
    .light-mode app-criteria-list .bg-amber-500,
    .light-mode app-criteria-detail .bg-amber-500,
    .light-mode app-my-criteria .bg-amber-500,
    .light-mode app-criteria-admin .bg-amber-500 {
      background-color: #B45309 !important;
    }
    .light-mode app-criteria-list .bg-blue-500,
    .light-mode app-criteria-detail .bg-blue-500,
    .light-mode app-my-criteria .bg-blue-500,
    .light-mode app-criteria-admin .bg-blue-500 {
      background-color: #2563EB !important;
    }
    .light-mode app-criteria-list .bg-green-500,
    .light-mode app-criteria-detail .bg-green-500,
    .light-mode app-my-criteria .bg-green-500,
    .light-mode app-criteria-admin .bg-green-500 {
      background-color: #16A34A !important;
    }
    .light-mode app-criteria-list .bg-red-500,
    .light-mode app-criteria-detail .bg-red-500,
    .light-mode app-my-criteria .bg-red-500,
    .light-mode app-criteria-admin .bg-red-500 {
      background-color: #DC2626 !important;
    }
    .light-mode app-criteria-list .bg-amber-500\/20,
    .light-mode app-criteria-detail .bg-amber-500\/20,
    .light-mode app-my-criteria .bg-amber-500\/20,
    .light-mode app-criteria-admin .bg-amber-500\/20 {
      background-color: rgba(180, 83, 9, 0.2) !important;
    }
    .light-mode app-criteria-list .bg-blue-500\/20,
    .light-mode app-criteria-detail .bg-blue-500\/20,
    .light-mode app-my-criteria .bg-blue-500\/20,
    .light-mode app-criteria-admin .bg-blue-500\/20 {
      background-color: rgba(37, 99, 235, 0.2) !important;
    }
    .light-mode app-criteria-list .bg-green-500\/20,
    .light-mode app-criteria-detail .bg-green-500\/20,
    .light-mode app-my-criteria .bg-green-500\/20,
    .light-mode app-criteria-admin .bg-green-500\/20 {
      background-color: rgba(22, 163, 74, 0.2) !important;
    }
    .light-mode app-criteria-list .bg-red-500\/20,
    .light-mode app-criteria-detail .bg-red-500\/20,
    .light-mode app-my-criteria .bg-red-500\/20,
    .light-mode app-criteria-admin .bg-red-500\/20 {
      background-color: rgba(220, 38, 38, 0.2) !important;
    }

    /* ========================
       赛事详情页白天模式适配
       ======================== */
    .light-mode app-tournament-detail-page,
    .light-mode .tournament-detail-section {
      background: #FDF8F3 !important;
    }
    .light-mode app-tournament-detail-page .min-h-screen {
      background: #FDF8F3 !important;
    }
    .light-mode app-tournament-detail-page .bg-\[\#030712\] {
      background: #FDF8F3 !important;
    }
    .light-mode app-tournament-detail-page .bg-purple-500 {
      background-color: #7C3AED !important;
    }
    .light-mode app-tournament-detail-page .hover\:bg-purple-400:hover {
      background-color: #6D28D9 !important;
    }
    .light-mode app-tournament-detail-page .bg-cyan-500 {
      background-color: #0891B2 !important;
    }
    .light-mode app-tournament-detail-page .bg-green-500 {
      background-color: #16A34A !important;
    }
    .light-mode app-tournament-detail-page .bg-green-500\/20 {
      background-color: rgba(22, 163, 74, 0.15) !important;
    }
    .light-mode app-tournament-detail-page .bg-red-500 {
      background-color: #DC2626 !important;
    }
    .light-mode app-tournament-detail-page .bg-red-500\/20 {
      background-color: rgba(220, 38, 38, 0.15) !important;
    }
    .light-mode app-tournament-detail-page .bg-cyan-500\/20 {
      background-color: rgba(14, 116, 144, 0.15) !important;
    }
    .light-mode app-tournament-detail-page .bg-purple-500\/30 {
      background-color: rgba(124, 58, 237, 0.15) !important;
    }
    .light-mode app-tournament-detail-page .bg-purple-500\/10 {
      background-color: rgba(124, 58, 237, 0.08) !important;
    }

    /* ========================
       赛事观战页白天模式适配
       ======================== */
    .light-mode app-tournament-watch,
    .light-mode .tournament-watch-section {
      background: #FDF8F3 !important;
    }
    .light-mode app-tournament-watch .min-h-screen {
      background: #FDF8F3 !important;
    }
    .light-mode app-tournament-watch .bg-\[\#030712\] {
      background: #FDF8F3 !important;
    }
    .light-mode app-tournament-watch .bg-purple-500 {
      background-color: #7C3AED !important;
    }
    .light-mode app-tournament-watch .hover\:bg-purple-400:hover {
      background-color: #6D28D9 !important;
    }
    .light-mode app-tournament-watch .bg-cyan-500 {
      background-color: #0891B2 !important;
    }
    .light-mode app-tournament-watch .bg-green-500 {
      background-color: #16A34A !important;
    }
    .light-mode app-tournament-watch .bg-red-500 {
      background-color: #DC2626 !important;
    }
    .light-mode app-tournament-watch .bg-black {
      background-color: #1F2937 !important;
    }
    .light-mode app-tournament-watch .bg-black\/50 {
      background-color: rgba(31, 41, 55, 0.5) !important;
    }
    .light-mode app-tournament-watch .bg-black\/80 {
      background-color: rgba(31, 41, 55, 0.8) !important;
    }
    .light-mode app-tournament-watch .bg-black\/90 {
      background-color: rgba(31, 41, 55, 0.9) !important;
    }
    .light-mode app-tournament-watch .text-white {
      color: #1F2937 !important;
    }
    .light-mode app-tournament-watch .text-slate-400 {
      color: #6B7280 !important;
    }
    .light-mode app-tournament-watch .text-red-400 {
      color: #DC2626 !important;
    }
    .light-mode app-tournament-watch .bg-white\/10 {
      background-color: rgba(0, 0, 0, 0.1) !important;
    }
    .light-mode app-tournament-watch .bg-white\/20 {
      background-color: rgba(0, 0, 0, 0.15) !important;
    }
    .light-mode app-tournament-watch .hover\:bg-white\/20:hover {
      background-color: rgba(0, 0, 0, 0.2) !important;
    }
    .light-mode app-tournament-watch .from-black\/90 {
      --tw-gradient-from: rgba(31, 41, 55, 0.9) !important;
    }
    .light-mode app-tournament-watch .via-black\/50 {
      --tw-gradient-via: rgba(31, 41, 55, 0.5) !important;
    }
    .light-mode app-tournament-watch .to-transparent {
      --tw-gradient-to: transparent !important;
    }

    /* ========================
       赛事详情弹窗白天模式适配
       ======================== */
    .light-mode app-tournament-detail-modal .modal-overlay {
      background: rgba(0, 0, 0, 0.5) !important;
    }
    .light-mode app-tournament-detail-modal .modal-container {
      background: rgba(255, 255, 255, 0.98) !important;
      border-color: rgba(0, 0, 0, 0.1) !important;
    }
    .light-mode app-tournament-detail-modal .modal-header {
      background: rgba(255, 255, 255, 0.95) !important;
      border-color: rgba(0, 0, 0, 0.1) !important;
    }
    .light-mode app-tournament-detail-modal .header-title {
      color: #1F2937 !important;
    }
    .light-mode app-tournament-detail-modal .modal-tabs {
      background: rgba(255, 255, 255, 0.9) !important;
      border-color: rgba(0, 0, 0, 0.1) !important;
    }
    .light-mode app-tournament-detail-modal .tab-item {
      color: #6B7280 !important;
    }
    .light-mode app-tournament-detail-modal .tab-item:hover {
      color: #1F2937 !important;
    }
    .light-mode app-tournament-detail-modal .tab-item.active {
      color: #8B5CF6 !important;
    }
    .light-mode app-tournament-detail-modal .modal-content {
      background: #FFFFFF !important;
    }
    .light-mode app-tournament-detail-modal .icon-btn {
      background: rgba(0, 0, 0, 0.05) !important;
      color: #6B7280 !important;
    }
    .light-mode app-tournament-detail-modal .icon-btn:hover {
      background: rgba(0, 0, 0, 0.1) !important;
      color: #1F2937 !important;
    }
    .light-mode app-tournament-detail-modal .btn-primary {
      background: #8B5CF6 !important;
      color: white !important;
    }
    .light-mode app-tournament-detail-modal .btn-primary:hover {
      background: #7C3AED !important;
    }
    .light-mode app-tournament-detail-modal .btn-secondary {
      background: rgba(0, 0, 0, 0.05) !important;
      color: #1F2937 !important;
      border-color: rgba(0, 0, 0, 0.1) !important;
    }
    .light-mode app-tournament-detail-modal .btn-secondary:hover {
      background: rgba(0, 0, 0, 0.1) !important;
    }

    /* ========================
       赛事发现页白天模式适配
       ======================== */
    .light-mode app-tournament-discover,
    .light-mode .tournament-discover-section {
      background: #FDF8F3 !important;
    }
    .light-mode app-tournament-discover .bg-purple-500 {
      background-color: #7C3AED !important;
    }
    .light-mode app-tournament-discover .hover\:bg-purple-400:hover {
      background-color: #6D28D9 !important;
    }
    .light-mode app-tournament-discover .bg-purple-500\/20 {
      background-color: rgba(124, 58, 237, 0.15) !important;
    }
    .light-mode app-tournament-discover .bg-green-500 {
      background-color: #16A34A !important;
    }
    .light-mode app-tournament-discover .bg-green-500\/20 {
      background-color: rgba(22, 163, 74, 0.15) !important;
    }
    .light-mode app-tournament-discover .bg-green-500\/80 {
      background-color: rgba(22, 163, 74, 0.8) !important;
    }
    .light-mode app-tournament-discover .bg-blue-500 {
      background-color: #2563EB !important;
    }
    .light-mode app-tournament-discover .bg-blue-500\/20 {
      background-color: rgba(59, 130, 246, 0.15) !important;
    }
    .light-mode app-tournament-discover .bg-red-500 {
      background-color: #DC2626 !important;
    }

    /* ========================
       海报分享页白天模式适配
       ======================== */
    .light-mode app-share-poster .bg-purple-500\/10 {
      background-color: rgba(124, 58, 237, 0.1) !important;
    }
    .light-mode app-share-poster .bg-blue-500 {
      background-color: #2563EB !important;
    }
    .light-mode app-share-poster .bg-green-500 {
      background-color: #16A34A !important;
    }
    .light-mode app-share-poster .bg-green-500\/20 {
      background-color: rgba(22, 163, 74, 0.2) !important;
    }
    .light-mode app-share-poster .bg-green-100 {
      background-color: #DCFCE7 !important;
    }

    /* ========================
       房间详情弹窗白天模式适配
       ======================== */
    .light-mode app-room-detail-modal .bg-amber-500\/10 {
      background-color: rgba(180, 83, 9, 0.1) !important;
    }
    .light-mode app-room-detail-modal .bg-amber-500\/20 {
      background-color: rgba(180, 83, 9, 0.2) !important;
    }
    .light-mode app-room-detail-modal .bg-cyan-500\/10 {
      background-color: rgba(8, 145, 178, 0.1) !important;
    }
    .light-mode app-room-detail-modal .bg-cyan-500\/20 {
      background-color: rgba(14, 116, 144, 0.2) !important;
    }
    .light-mode app-room-detail-modal .bg-cyan-500\/30 {
      background-color: rgba(14, 116, 144, 0.3) !important;
    }
    .light-mode app-room-detail-modal .bg-red-500\/10 {
      background-color: rgba(220, 38, 38, 0.1) !important;
    }
    .light-mode app-room-detail-modal .bg-red-500\/20 {
      background-color: rgba(220, 38, 38, 0.2) !important;
    }
    .light-mode app-room-detail-modal .bg-green-500\/20 {
      background-color: rgba(22, 163, 74, 0.2) !important;
    }
    .light-mode app-room-detail-modal .bg-blue-500\/10 {
      background-color: rgba(59, 130, 246, 0.1) !important;
    }
    .light-mode app-room-detail-modal .bg-blue-500\/20 {
      background-color: rgba(59, 130, 246, 0.2) !important;
    }
    .light-mode app-room-detail-modal .bg-purple-500\/20 {
      background-color: rgba(124, 58, 237, 0.2) !important;
    }
    .light-mode app-room-detail-modal .bg-cyan-500 {
      background-color: #0891B2 !important;
    }
    .light-mode app-room-detail-modal .bg-blue-500 {
      background-color: #2563EB !important;
    }
    .light-mode app-room-detail-modal .bg-amber-500 {
      background-color: #B45309 !important;
    }
    .light-mode app-room-detail-modal .bg-purple-500 {
      background-color: #7C3AED !important;
    }
    .light-mode app-room-detail-modal .bg-green-500 {
      background-color: #16A34A !important;
    }
    .light-mode app-room-detail-modal .bg-red-500 {
      background-color: #DC2626 !important;
    }
    .light-mode app-room-detail-modal .text-cyan-400 {
      color: #0891B2 !important;
    }
    .light-mode app-room-detail-modal .text-red-400 {
      color: #DC2626 !important;
    }
    .light-mode app-room-detail-modal .text-purple-400 {
      color: #7C3AED !important;
    }
    .light-mode app-room-detail-modal .text-amber-400 {
      color: #B45309 !important;
    }
    .light-mode app-room-detail-modal .text-gray-400 {
      color: #6B7280 !important;
    }
    .light-mode app-room-detail-modal .border-cyan-500\/30 {
      border-color: rgba(14, 116, 144, 0.3) !important;
    }
    .light-mode app-room-detail-modal .border-amber-500\/20 {
      border-color: rgba(180, 83, 9, 0.2) !important;
    }
    .light-mode app-room-detail-modal .border-blue-500\/20 {
      border-color: rgba(59, 130, 246, 0.2) !important;
    }
    .light-mode app-room-detail-modal .border-red-500\/30 {
      border-color: rgba(220, 38, 38, 0.3) !important;
    }
    .light-mode app-room-detail-modal .border-red-500\/50 {
      border-color: rgba(220, 38, 38, 0.5) !important;
    }
    .light-mode app-room-detail-modal .border-purple-500\/30 {
      border-color: rgba(124, 58, 237, 0.3) !important;
    }
    .light-mode app-room-detail-modal .hover\:bg-cyan-500\/10:hover {
      background-color: rgba(8, 145, 178, 0.1) !important;
    }
    .light-mode app-room-detail-modal .hover\:bg-red-500\/10:hover {
      background-color: rgba(220, 38, 38, 0.1) !important;
    }
    .light-mode app-room-detail-modal .hover\:bg-purple-500\/10:hover {
      background-color: rgba(124, 58, 237, 0.1) !important;
    }
    .light-mode app-room-detail-modal .hover\:bg-blue-600:hover {
      background-color: #2563EB !important;
    }
    .light-mode app-room-detail-modal .bg-gray-500\/20 {
      background-color: rgba(107, 114, 128, 0.2) !important;
    }

    /* ========================
       加入房间弹窗白天模式适配
       ======================== */
    .light-mode app-join-by-code-modal .bg-cyan-500\/20 {
      background-color: rgba(14, 116, 144, 0.2) !important;
    }

    /* ========================
       邀请码弹窗白天模式适配
       ======================== */
    .light-mode app-invite-code-modal .bg-green-500\/20 {
      background-color: rgba(22, 163, 74, 0.2) !important;
    }
    .light-mode app-invite-code-modal .bg-black\/80 {
      background-color: rgba(0, 0, 0, 0.5) !important;
    }
    .light-mode app-invite-code-modal .glass {
      background: rgba(255, 255, 255, 0.95) !important;
      border-color: rgba(0, 0, 0, 0.1) !important;
    }
    .light-mode app-invite-code-modal .text-white {
      color: #1F2937 !important;
    }
    .light-mode app-invite-code-modal .text-slate-400 {
      color: #6B7280 !important;
    }
    .light-mode app-invite-code-modal .text-green-400 {
      color: #16A34A !important;
    }
    .light-mode app-invite-code-modal .border-green-500\/30 {
      border-color: rgba(22, 163, 74, 0.3) !important;
    }
    .light-mode app-invite-code-modal .border-white\/10 {
      border-color: rgba(0, 0, 0, 0.1) !important;
    }
    .light-mode app-invite-code-modal .bg-white\/5 {
      background-color: rgba(0, 0, 0, 0.05) !important;
    }
    .light-mode app-invite-code-modal .hover\:text-white:hover {
      color: #1F2937 !important;
    }

    /* ========================
       计时器页白天模式适配
       ======================== */
    .light-mode app-timer,
    .light-mode .timer-section {
      background: #FDF8F3 !important;
    }
    .light-mode app-timer .min-h-screen {
      background: #FDF8F3 !important;
    }
    .light-mode app-timer .bg-\[\#030712\] {
      background: #FDF8F3 !important;
    }
    .light-mode app-timer .text-white {
      color: #2D2D2D !important;
    }
    .light-mode app-timer .text-slate-400 {
      color: #6B7280 !important;
    }
    .light-mode app-timer .bg-white\/5,
    .light-mode app-timer .bg-white\/10 {
      background-color: rgba(0, 0, 0, 0.05) !important;
    }
    .light-mode app-timer .border-white\/10 {
      border-color: rgba(0, 0, 0, 0.1) !important;
    }
    .light-mode app-timer .bg-cyan-500 {
      background-color: #0891B2 !important;
    }
    .light-mode app-timer .bg-green-500 {
      background-color: #16A34A !important;
    }
    .light-mode app-timer .bg-yellow-500 {
      background-color: #CA8A04 !important;
    }
    .light-mode app-timer .bg-red-500 {
      background-color: #DC2626 !important;
    }
    .light-mode app-timer .bg-cyan-500\/5 {
      background-color: rgba(8, 145, 178, 0.05) !important;
    }
    .light-mode app-timer .bg-purple-500\/5 {
      background-color: rgba(124, 58, 237, 0.05) !important;
    }
    .light-mode app-timer .bg-green-500\/20 {
      background-color: rgba(22, 163, 74, 0.2) !important;
    }
    .light-mode app-timer .bg-black\/30 {
      background-color: rgba(0, 0, 0, 0.05) !important;
    }
    .light-mode app-timer .placeholder-slate-600::placeholder {
      color: #9CA3AF !important;
    }
    .light-mode app-timer input {
      background-color: rgba(0, 0, 0, 0.03) !important;
      color: #2D2D2D !important;
    }
    .light-mode app-timer input:focus {
      border-color: #0891B2 !important;
    }

    /* ========================
       个人档案页白天模式适配
       ======================== */
    .light-mode app-profile,
    .light-mode .profile-section {
      background: #FDF8F3 !important;
    }
    .light-mode app-profile .min-h-screen {
      background: #FDF8F3 !important;
    }
    .light-mode app-profile .bg-\[\#030712\] {
      background: #FDF8F3 !important;
    }
    .light-mode app-profile .bg-gray-900 {
      background-color: #F3F4F6 !important;
    }
    .light-mode app-profile .text-white {
      color: #2D2D2D !important;
    }
    .light-mode app-profile .text-slate-400 {
      color: #6B7280 !important;
    }
    .light-mode app-profile .bg-cyan-500 {
      background-color: #0891B2 !important;
    }
    .light-mode app-profile .bg-purple-500 {
      background-color: #7C3AED !important;
    }
    .light-mode app-profile .bg-green-500 {
      background-color: #16A34A !important;
    }
    .light-mode app-profile .bg-blue-500 {
      background-color: #2563EB !important;
    }
    .light-mode app-profile .bg-amber-500 {
      background-color: #B45309 !important;
    }
    .light-mode app-profile .bg-red-500 {
      background-color: #DC2626 !important;
    }
    .light-mode app-profile .bg-cyan-500\/10 {
      background-color: rgba(8, 145, 178, 0.1) !important;
    }
    .light-mode app-profile .bg-purple-500\/10 {
      background-color: rgba(124, 58, 237, 0.1) !important;
    }
    .light-mode app-profile .bg-amber-500\/10 {
      background-color: rgba(180, 83, 9, 0.1) !important;
    }
    .light-mode app-profile .bg-green-500\/20 {
      background-color: rgba(22, 163, 74, 0.2) !important;
    }
    .light-mode app-profile .bg-red-500\/20 {
      background-color: rgba(220, 38, 38, 0.2) !important;
    }
    .light-mode app-profile .bg-cyan-400 {
      background-color: #0891B2 !important;
    }
    .light-mode app-profile .bg-purple-400 {
      background-color: #7C3AED !important;
    }
    .light-mode app-profile .bg-amber-400 {
      background-color: #B45309 !important;
    }
    .light-mode app-profile .bg-green-400 {
      background-color: #16A34A !important;
    }
    .light-mode app-profile .bg-red-400 {
      background-color: #DC2626 !important;
    }
    .light-mode app-profile .border-cyan-500\/20 {
      border-color: rgba(8, 145, 178, 0.2) !important;
    }
    .light-mode app-profile .border-purple-500\/20 {
      border-color: rgba(124, 58, 237, 0.2) !important;
    }
    .light-mode app-profile .border-amber-500\/20 {
      border-color: rgba(180, 83, 9, 0.2) !important;
    }

    /* ========================
       战队页白天模式适配
       ======================== */
    .light-mode app-team .min-h-screen {
      background: #FDF8F3 !important;
    }
    .light-mode app-team .bg-\[\#030712\] {
      background: #FDF8F3 !important;
    }
    .light-mode app-team .bg-\[\#0f172a\] {
      background: #F5EDE4 !important;
    }
    .light-mode app-team .text-white {
      color: #2D2D2D !important;
    }
    .light-mode app-team .text-slate-400 {
      color: #6B7280 !important;
    }
    .light-mode app-team .bg-purple-500 {
      background-color: #7C3AED !important;
    }
    .light-mode app-team .bg-cyan-500 {
      background-color: #0891B2 !important;
    }
    .light-mode app-team .bg-green-500 {
      background-color: #16A34A !important;
    }
    .light-mode app-team .bg-cyan-500\/20 {
      background-color: rgba(14, 116, 144, 0.2) !important;
    }
    .light-mode app-team .bg-purple-500\/20 {
      background-color: rgba(124, 58, 237, 0.2) !important;
    }
    .light-mode app-team .bg-green-500\/20 {
      background-color: rgba(22, 163, 74, 0.2) !important;
    }
    .light-mode app-team .bg-amber-500\/20 {
      background-color: rgba(180, 83, 9, 0.2) !important;
    }

    /* ========================
       消息页白天模式适配
       ======================== */
    .light-mode app-messages .min-h-screen {
      background: #FDF8F3 !important;
    }
    .light-mode app-messages .bg-\[\#030712\] {
      background: #FDF8F3 !important;
    }
    .light-mode app-messages .bg-\[\#0f172a\] {
      background: #F5EDE4 !important;
    }
    .light-mode app-messages .text-white {
      color: #2D2D2D !important;
    }
    .light-mode app-messages .text-slate-400 {
      color: #6B7280 !important;
    }
    .light-mode app-messages .bg-cyan-500 {
      background-color: #0891B2 !important;
    }
    .light-mode app-messages .bg-red-500 {
      background-color: #DC2626 !important;
    }
    .light-mode app-messages .bg-cyan-500\/20 {
      background-color: rgba(8, 145, 178, 0.2) !important;
    }
    .light-mode app-messages .bg-cyan-500\/30 {
      background-color: rgba(8, 145, 178, 0.3) !important;
    }
    .light-mode app-messages .bg-red-500\/10 {
      background-color: rgba(220, 38, 38, 0.1) !important;
    }
    .light-mode app-messages .bg-red-500\/20 {
      background-color: rgba(220, 38, 38, 0.2) !important;
    }
    .light-mode app-messages .bg-red-500\/30 {
      background-color: rgba(220, 38, 38, 0.3) !important;
    }
    .light-mode app-messages .bg-green-500\/20 {
      background-color: rgba(22, 163, 74, 0.2) !important;
    }
    .light-mode app-messages .bg-green-500\/30 {
      background-color: rgba(22, 163, 74, 0.3) !important;
    }
    .light-mode app-messages .bg-white\/5,
    .light-mode app-messages .bg-white\/10,
    .light-mode app-messages .bg-white\/20 {
      background-color: rgba(0, 0, 0, 0.05) !important;
    }
    .light-mode app-messages .hover\:bg-white\/20:hover {
      background-color: rgba(0, 0, 0, 0.08) !important;
    }
    .light-mode app-messages .border-white\/10,
    .light-mode app-messages .border-transparent {
      border-color: rgba(0, 0, 0, 0.1) !important;
    }
    .light-mode app-messages .hover\:border-white\/10:hover {
      border-color: rgba(0, 0, 0, 0.15) !important;
    }
    .light-mode app-messages .text-slate-500 {
      color: #6B7280 !important;
    }
    .light-mode app-messages .hover\:text-white:hover {
      color: #374151 !important;
    }

    /* ========================
       好友页白天模式适配
       ======================== */
    .light-mode app-friends .min-h-screen {
      background: #FDF8F3 !important;
    }
    .light-mode app-friends .bg-\[\#030712\] {
      background: #FDF8F3 !important;
    }
    .light-mode app-friends .bg-\[\#0f172a\] {
      background: #F5EDE4 !important;
    }
    .light-mode app-friends .text-white {
      color: #2D2D2D !important;
    }
    .light-mode app-friends .text-slate-400 {
      color: #6B7280 !important;
    }
    .light-mode app-friends .bg-cyan-500 {
      background-color: #0891B2 !important;
    }
    .light-mode app-friends .bg-red-500 {
      background-color: #DC2626 !important;
    }
    .light-mode app-friends .bg-cyan-500\/20 {
      background-color: rgba(8, 145, 178, 0.2) !important;
    }
    .light-mode app-friends .bg-cyan-500\/30 {
      background-color: rgba(8, 145, 178, 0.3) !important;
    }
    .light-mode app-friends .bg-red-500\/10 {
      background-color: rgba(220, 38, 38, 0.1) !important;
    }
    .light-mode app-friends .bg-red-500\/20 {
      background-color: rgba(220, 38, 38, 0.2) !important;
    }
    .light-mode app-friends .bg-red-500\/30 {
      background-color: rgba(220, 38, 38, 0.3) !important;
    }
    .light-mode app-friends .bg-green-500\/20 {
      background-color: rgba(22, 163, 74, 0.2) !important;
    }
    .light-mode app-friends .bg-green-500\/30 {
      background-color: rgba(22, 163, 74, 0.3) !important;
    }
    .light-mode app-friends .bg-white\/5,
    .light-mode app-friends .bg-white\/10,
    .light-mode app-friends .bg-white\/20 {
      background-color: rgba(0, 0, 0, 0.05) !important;
    }
    .light-mode app-friends .hover\:bg-white\/20:hover {
      background-color: rgba(0, 0, 0, 0.08) !important;
    }
    .light-mode app-friends .border-white\/10 {
      border-color: rgba(0, 0, 0, 0.1) !important;
    }
    .light-mode app-friends .text-slate-500 {
      color: #6B7280 !important;
    }

    /* ========================
       信息页白天模式适配
       ======================== */
    .light-mode app-info .min-h-screen {
      background: #FDF8F3 !important;
    }
    .light-mode app-info .bg-\[\#030712\] {
      background: #FDF8F3 !important;
    }
    .light-mode app-info .bg-\[\#0f172a\] {
      background: #F5EDE4 !important;
    }
    .light-mode app-info .text-white {
      color: #2D2D2D !important;
    }
    .light-mode app-info .text-slate-400 {
      color: #6B7280 !important;
    }
    .light-mode app-info .bg-blue-600 {
      background-color: #2563EB !important;
    }
    .light-mode app-info .bg-blue-500 {
      background-color: #2563EB !important;
    }
    .light-mode app-info .bg-blue-500\/20 {
      background-color: rgba(37, 99, 235, 0.2) !important;
    }
    .light-mode app-info .bg-purple-500\/10 {
      background-color: rgba(124, 58, 237, 0.1) !important;
    }
    .light-mode app-info .bg-cyan-500\/10 {
      background-color: rgba(8, 145, 178, 0.1) !important;
    }
    .light-mode app-info .bg-green-500\/10 {
      background-color: rgba(22, 163, 74, 0.1) !important;
    }
    .light-mode app-info .bg-green-500 {
      background-color: #16A34A !important;
    }
    .light-mode app-info .bg-yellow-500 {
      background-color: #CA8A04 !important;
    }

    /* ========================
       比赛房间页白天模式适配
       ======================== */
    .light-mode app-battle-room .min-h-screen {
      background: #FDF8F3 !important;
    }
    .light-mode app-battle-room .bg-\[\#030712\] {
      background: #FDF8F3 !important;
    }
    .light-mode app-battle-room .text-white {
      color: #2D2D2D !important;
    }
    .light-mode app-battle-room .text-slate-400 {
      color: #6B7280 !important;
    }
    .light-mode app-battle-room .bg-amber-500 {
      background-color: #B45309 !important;
    }
    .light-mode app-battle-room .hover\:bg-amber-600:hover {
      background-color: #92400E !important;
    }
    .light-mode app-battle-room .bg-green-500 {
      background-color: #16A34A !important;
    }
    .light-mode app-battle-room .bg-red-500 {
      background-color: #DC2626 !important;
    }
    .light-mode app-battle-room .bg-purple-500 {
      background-color: #7C3AED !important;
    }
    .light-mode app-battle-room .bg-blue-500 {
      background-color: #2563EB !important;
    }
    .light-mode app-battle-room .bg-amber-500\/20 {
      background-color: rgba(180, 83, 9, 0.2) !important;
    }
    .light-mode app-battle-room .bg-green-500\/20 {
      background-color: rgba(22, 163, 74, 0.2) !important;
    }
    .light-mode app-battle-room .bg-red-500\/20 {
      background-color: rgba(220, 38, 38, 0.2) !important;
    }
    .light-mode app-battle-room .bg-purple-500\/20 {
      background-color: rgba(124, 58, 237, 0.2) !important;
    }
    .light-mode app-battle-room .bg-purple-900\/30 {
      background-color: rgba(88, 28, 135, 0.3) !important;
    }
    .light-mode app-battle-room .bg-amber-900\/30 {
      background-color: rgba(120, 53, 15, 0.3) !important;
    }
    .light-mode app-battle-room .text-amber-400 {
      color: #B45309 !important;
    }
    .light-mode app-battle-room .text-purple-400 {
      color: #7C3AED !important;
    }
    .light-mode app-battle-room .border-purple-500\/30 {
      border-color: rgba(124, 58, 237, 0.3) !important;
    }
    .light-mode app-battle-room .border-amber-500\/30 {
      border-color: rgba(180, 83, 9, 0.3) !important;
    }
    .light-mode app-battle-room .bg-slate-800 {
      background-color: #E5E7EB !important;
    }
    .light-mode app-battle-room .bg-slate-700 {
      background-color: #D1D5DB !important;
    }
    .light-mode app-battle-room .bg-slate-800\/80 {
      background-color: rgba(229, 231, 235, 0.8) !important;
    }
    .light-mode app-battle-room .bg-slate-800\/60 {
      background-color: rgba(229, 231, 235, 0.6) !important;
    }
    .light-mode app-battle-room .bg-slate-800\/50 {
      background-color: rgba(229, 231, 235, 0.5) !important;
    }
    .light-mode app-battle-room .bg-slate-700\/50 {
      background-color: rgba(209, 213, 219, 0.5) !important;
    }
    .light-mode app-battle-room .border-slate-700 {
      border-color: #D1D5DB !important;
    }
    .light-mode app-battle-room .hover\:border-amber-500\/50:hover {
      border-color: rgba(180, 83, 9, 0.5) !important;
    }
    .light-mode app-battle-room .bg-gradient-to-br {
      background: linear-gradient(to bottom right, #F5EDE4, #E5E7EB) !important;
    }

    /* ========================
       管理后台白天模式适配
       ======================== */
    .light-mode app-admin .min-h-screen {
      background: #FDF8F3 !important;
    }
    .light-mode app-data-admin .min-h-screen {
      background: #FDF8F3 !important;
    }
    .light-mode app-admin .bg-\[\#030712\] {
      background: #FDF8F3 !important;
    }
    .light-mode app-admin .bg-\[\#0f172a\] {
      background: #F5EDE4 !important;
    }
    .light-mode app-data-admin .bg-\[\#030712\] {
      background: #FDF8F3 !important;
    }
    .light-mode app-data-admin .bg-\[\#0f172a\] {
      background: #F5EDE4 !important;
    }
    /* 管理后台状态颜色 */
    .light-mode app-admin .bg-green-500\/10,
    .light-mode app-data-admin .bg-green-500\/10 {
      background-color: rgba(22, 163, 74, 0.15) !important;
    }
    .light-mode app-admin .bg-red-500\/10,
    .light-mode app-data-admin .bg-red-500\/10 {
      background-color: rgba(220, 38, 38, 0.15) !important;
    }
    .light-mode app-admin .bg-blue-500\/20,
    .light-mode app-data-admin .bg-blue-500\/20 {
      background-color: rgba(59, 130, 246, 0.15) !important;
    }
    .light-mode app-admin .bg-green-500\/20,
    .light-mode app-data-admin .bg-green-500\/20 {
      background-color: rgba(22, 163, 74, 0.15) !important;
    }
    .light-mode app-admin .bg-red-500\/20,
    .light-mode app-data-admin .bg-red-500\/20 {
      background-color: rgba(220, 38, 38, 0.15) !important;
    }
    .light-mode app-admin .bg-blue-600\/20,
    .light-mode app-data-admin .bg-blue-600\/20 {
      background-color: rgba(37, 99, 235, 0.15) !important;
    }
    .light-mode app-admin .bg-green-600\/20,
    .light-mode app-data-admin .bg-green-600\/20 {
      background-color: rgba(22, 163, 74, 0.15) !important;
    }
    .light-mode app-admin .bg-red-600\/20,
    .light-mode app-data-admin .bg-red-600\/20 {
      background-color: rgba(220, 38, 38, 0.15) !important;
    }
    .light-mode app-admin .bg-green-400,
    .light-mode app-data-admin .bg-green-400 {
      background-color: #16A34A !important;
    }
    .light-mode app-admin .bg-red-400,
    .light-mode app-data-admin .bg-red-400 {
      background-color: #DC2626 !important;
    }
    .light-mode app-admin .bg-blue-600,
    .light-mode app-data-admin .bg-blue-600 {
      background-color: #2563EB !important;
    }
    .light-mode app-admin .bg-green-600,
    .light-mode app-data-admin .bg-green-600 {
      background-color: #16A34A !important;
    }
    .light-mode app-admin .bg-red-600,
    .light-mode app-data-admin .bg-red-600 {
      background-color: #DC2626 !important;
    }

    /* ========================
       全局深色背景覆盖
       ======================== */
    .light-mode .min-h-screen {
      background: #FDF8F3 !important;
    }
    .light-mode .bg-\[\#030712\] {
      background: #FDF8F3 !important;
    }
    .light-mode .bg-\[\#0f172a\] {
      background: #F5EDE4 !important;
    }
    .light-mode .bg-\[\#111827\] {
      background: #F5EDE4 !important;
    }

    /* ========================
       管理后台白天模式适配
       ======================== */
    .light-mode app-admin section,
    .light-mode .admin-section,
    .light-mode app-data-admin section,
    .light-mode .data-admin-section {
      background: #FDF8F3 !important;
    }
    .light-mode .bg-\[\#0f172a\] {
      background: #FFFFFF !important;
    }

    /* ========================
       通用灰色系背景白天模式适配
       ======================== */
    .light-mode .bg-slate-800 {
      background: rgba(255, 255, 255, 0.9) !important;
    }
    .light-mode .bg-slate-900 {
      background: rgba(255, 255, 255, 0.95) !important;
    }
    .light-mode .bg-slate-950 {
      background: #FFFFFF !important;
    }

    /* ========================
       通用深色边框白天模式适配
       ======================== */
    .light-mode .border-white\/10 {
      border-color: rgba(0, 0, 0, 0.1) !important;
    }
    .light-mode .border-white\/20 {
      border-color: rgba(0, 0, 0, 0.15) !important;
    }
    .light-mode .border-white\/30 {
      border-color: rgba(0, 0, 0, 0.2) !important;
    }
    .light-mode .border-white\/5 {
      border-color: rgba(0, 0, 0, 0.05) !important;
    }

    /* ========================
       数据引用追踪组件白天模式适配
       ======================== */
    .light-mode app-data-citation-tracker .text-white {
      color: #2D2D2D !important;
    }
    .light-mode app-data-citation-tracker .text-slate-400 {
      color: #6B7280 !important;
    }
    .light-mode app-data-citation-tracker .text-slate-500 {
      color: #6B7280 !important;
    }
    .light-mode app-data-citation-tracker .bg-emerald-500\/20 {
      background-color: rgba(16, 185, 129, 0.2) !important;
    }
    .light-mode app-data-citation-tracker .text-emerald-400 {
      color: #059669 !important;
    }
    .light-mode app-data-citation-tracker .bg-green-500\/10 {
      background-color: rgba(22, 163, 74, 0.1) !important;
    }
    .light-mode app-data-citation-tracker .bg-green-500\/20 {
      background-color: rgba(22, 163, 74, 0.2) !important;
    }
    .light-mode app-data-citation-tracker .text-green-400 {
      color: #16A34A !important;
    }
    .light-mode app-data-citation-tracker .bg-yellow-500\/10 {
      background-color: rgba(202, 138, 4, 0.1) !important;
    }
    .light-mode app-data-citation-tracker .text-yellow-400 {
      color: #CA8A04 !important;
    }
    .light-mode app-data-citation-tracker .bg-red-500\/10 {
      background-color: rgba(220, 38, 38, 0.1) !important;
    }
    .light-mode app-data-citation-tracker .bg-red-500\/20 {
      background-color: rgba(220, 38, 38, 0.2) !important;
    }
    .light-mode app-data-citation-tracker .text-red-400 {
      color: #DC2626 !important;
    }
    .light-mode app-data-citation-tracker .bg-slate-500\/10 {
      background-color: rgba(107, 114, 128, 0.1) !important;
    }
    .light-mode app-data-citation-tracker .bg-slate-500\/20 {
      background-color: rgba(107, 114, 128, 0.2) !important;
    }
    .light-mode app-data-citation-tracker .bg-cyan-500\/20 {
      background-color: rgba(8, 145, 178, 0.2) !important;
    }
    .light-mode app-data-citation-tracker .text-cyan-400 {
      color: #0891B2 !important;
    }
    .light-mode app-data-citation-tracker .bg-purple-500\/20 {
      background-color: rgba(124, 58, 237, 0.2) !important;
    }
    .light-mode app-data-citation-tracker .text-purple-400 {
      color: #7C3AED !important;
    }
    .light-mode app-data-citation-tracker .border-green-500\/30 {
      border-color: rgba(22, 163, 74, 0.3) !important;
    }
    .light-mode app-data-citation-tracker .border-yellow-500\/30 {
      border-color: rgba(202, 138, 4, 0.3) !important;
    }
    .light-mode app-data-citation-tracker .border-red-500\/30 {
      border-color: rgba(220, 38, 38, 0.3) !important;
    }
    .light-mode app-data-citation-tracker .border-slate-500\/30 {
      border-color: rgba(107, 114, 128, 0.3) !important;
    }
    .light-mode app-data-citation-tracker .bg-white\/5,
    .light-mode app-data-citation-tracker .bg-white\/10,
    .light-mode app-data-citation-tracker .bg-white\/20 {
      background-color: rgba(0, 0, 0, 0.05) !important;
    }
    .light-mode app-data-citation-tracker .border-white\/10,
    .light-mode app-data-citation-tracker .border-white\/20 {
      border-color: rgba(0, 0, 0, 0.1) !important;
    }

    /* ========================
       语言风格雷达组件白天模式适配
       ======================== */
    .light-mode app-language-style-radar .text-white {
      color: #2D2D2D !important;
    }
    .light-mode app-language-style-radar .text-slate-300 {
      color: #6B7280 !important;
    }
    .light-mode app-language-style-radar .text-slate-400 {
      color: #6B7280 !important;
    }
    .light-mode app-language-style-radar .text-slate-500 {
      color: #9CA3AF !important;
    }
    .light-mode app-language-style-radar .text-cyan-400 {
      color: #0891B2 !important;
    }
    .light-mode app-language-style-radar .text-purple-400 {
      color: #7C3AED !important;
    }
    .light-mode app-language-style-radar .text-orange-400 {
      color: #EA580C !important;
    }
    .light-mode app-language-style-radar .text-amber-400 {
      color: #B45309 !important;
    }
    .light-mode app-language-style-radar .text-red-400 {
      color: #DC2626 !important;
    }
    .light-mode app-language-style-radar .text-green-400 {
      color: #16A34A !important;
    }
    .light-mode app-language-style-radar .bg-cyan-900\/20 {
      background-color: rgba(8, 145, 178, 0.2) !important;
    }
    .light-mode app-language-style-radar .bg-cyan-900\/5 {
      background-color: rgba(8, 145, 178, 0.05) !important;
    }
    .light-mode app-language-style-radar .bg-purple-900\/20 {
      background-color: rgba(124, 58, 237, 0.2) !important;
    }
    .light-mode app-language-style-radar .bg-purple-900\/5 {
      background-color: rgba(124, 58, 237, 0.05) !important;
    }
    .light-mode app-language-style-radar .bg-white\/5,
    .light-mode app-language-style-radar .bg-white\/10 {
      background-color: rgba(0, 0, 0, 0.05) !important;
    }
    .light-mode app-language-style-radar .border-cyan-500\/20 {
      border-color: rgba(8, 145, 178, 0.2) !important;
    }
    .light-mode app-language-style-radar .border-purple-500\/20 {
      border-color: rgba(124, 58, 237, 0.2) !important;
    }
    .light-mode app-language-style-radar .border-white\/10 {
      border-color: rgba(0, 0, 0, 0.1) !important;
    }

    /* ========================
       app-argument-framework 亮色模式
       ======================== */
    .light-mode app-argument-framework {
      color: #1F2937 !important;
    }
    .light-mode app-argument-framework .text-cyan-400 {
      color: #0891B2 !important;
    }
    .light-mode app-argument-framework .text-purple-400 {
      color: #7C3AED !important;
    }
    .light-mode app-argument-framework .text-amber-400 {
      color: #D97706 !important;
    }
    .light-mode app-argument-framework .text-slate-300 {
      color: #4B5563 !important;
    }
    .light-mode app-argument-framework .text-slate-400 {
      color: #6B7280 !important;
    }
    .light-mode app-argument-framework .text-slate-500 {
      color: #6B7280 !important;
    }
    .light-mode app-argument-framework .bg-cyan-900\/20 {
      background-color: rgba(8, 145, 178, 0.15) !important;
    }
    .light-mode app-argument-framework .bg-cyan-900\/5 {
      background-color: rgba(8, 145, 178, 0.08) !important;
    }
    .light-mode app-argument-framework .bg-purple-900\/20 {
      background-color: rgba(124, 58, 237, 0.15) !important;
    }
    .light-mode app-argument-framework .bg-purple-900\/5 {
      background-color: rgba(124, 58, 237, 0.08) !important;
    }
    .light-mode app-argument-framework .bg-white\/5,
    .light-mode app-argument-framework .bg-white\/10 {
      background-color: rgba(0, 0, 0, 0.05) !important;
    }
    .light-mode app-argument-framework .bg-green-500\/20 {
      background-color: rgba(22, 163, 74, 0.15) !important;
    }
    .light-mode app-argument-framework .bg-yellow-500\/20 {
      background-color: rgba(234, 179, 8, 0.15) !important;
    }
    .light-mode app-argument-framework .bg-red-500\/20 {
      background-color: rgba(220, 38, 38, 0.15) !important;
    }
    .light-mode app-argument-framework .border-cyan-500\/20 {
      border-color: rgba(8, 145, 178, 0.3) !important;
    }
    .light-mode app-argument-framework .border-purple-500\/20 {
      border-color: rgba(124, 58, 237, 0.3) !important;
    }
    .light-mode app-argument-framework .border-white\/10 {
      border-color: rgba(0, 0, 0, 0.1) !important;
    }
    .light-mode app-argument-framework .text-white {
      color: #1F2937 !important;
    }

    /* ========================
       app-attack-defense-timeline 亮色模式
       ======================== */
    .light-mode app-attack-defense-timeline {
      color: #1F2937 !important;
    }
    .light-mode app-attack-defense-timeline .text-white {
      color: #1F2937 !important;
    }
    .light-mode app-attack-defense-timeline .text-cyan-400 {
      color: #0891B2 !important;
    }
    .light-mode app-attack-defense-timeline .text-purple-400 {
      color: #7C3AED !important;
    }
    .light-mode app-attack-defense-timeline .text-slate-300 {
      color: #4B5563 !important;
    }
    .light-mode app-attack-defense-timeline .text-slate-400 {
      color: #6B7280 !important;
    }
    .light-mode app-attack-defense-timeline .text-slate-500 {
      color: #6B7280 !important;
    }
    .light-mode app-attack-defense-timeline .bg-white\/5,
    .light-mode app-attack-defense-timeline .bg-white\/10 {
      background-color: rgba(0, 0, 0, 0.05) !important;
    }
    .light-mode app-attack-defense-timeline .bg-cyan-500 {
      background-color: #0891B2 !important;
    }
    .light-mode app-attack-defense-timeline .bg-purple-500 {
      background-color: #7C3AED !important;
    }
    .light-mode app-attack-defense-timeline .bg-amber-500 {
      background-color: #D97706 !important;
    }
    .light-mode app-attack-defense-timeline .bg-cyan-500\/20 {
      background-color: rgba(8, 145, 178, 0.15) !important;
    }
    .light-mode app-attack-defense-timeline .bg-purple-500\/20 {
      background-color: rgba(124, 58, 237, 0.15) !important;
    }
    .light-mode app-attack-defense-timeline .bg-slate-500\/20 {
      background-color: rgba(107, 114, 128, 0.15) !important;
    }
    .light-mode app-attack-defense-timeline .bg-amber-500\/10 {
      background-color: rgba(217, 119, 6, 0.1) !important;
    }
    .light-mode app-attack-defense-timeline .border-cyan-400 {
      border-color: #0891B2 !important;
    }
    .light-mode app-attack-defense-timeline .border-purple-400 {
      border-color: #7C3AED !important;
    }
    .light-mode app-attack-defense-timeline .border-white\/10 {
      border-color: rgba(0, 0, 0, 0.1) !important;
    }
    .light-mode app-attack-defense-timeline .border-amber-500\/30 {
      border-color: rgba(217, 119, 6, 0.3) !important;
    }
    .light-mode app-attack-defense-timeline .border-amber-500\/20 {
      border-color: rgba(217, 119, 6, 0.2) !important;
    }
    .light-mode app-attack-defense-timeline .from-cyan-500,
    .light-mode app-attack-defense-timeline .via-purple-500,
    .light-mode app-attack-defense-timeline .to-amber-500 {
      --tw-gradient-from: #0891B2;
      --tw-gradient-via: #7C3AED;
      --tw-gradient-to: #D97706;
    }
    .light-mode app-attack-defense-timeline .text-green-400 {
      color: #16A34A !important;
    }
    .light-mode app-attack-defense-timeline .text-yellow-400 {
      color: #CA8A04 !important;
    }

    /* ========================
       app-learning-path-suggestions 亮色模式
       ======================== */
    .light-mode app-learning-path-suggestions {
      color: #1F2937 !important;
    }
    .light-mode app-learning-path-suggestions .text-white {
      color: #1F2937 !important;
    }
    .light-mode app-learning-path-suggestions .text-cyan-400 {
      color: #0891B2 !important;
    }
    .light-mode app-learning-path-suggestions .text-indigo-400 {
      color: #6366F1 !important;
    }
    .light-mode app-learning-path-suggestions .text-slate-300 {
      color: #4B5563 !important;
    }
    .light-mode app-learning-path-suggestions .text-slate-400 {
      color: #6B7280 !important;
    }
    .light-mode app-learning-path-suggestions .text-slate-500 {
      color: #6B7280 !important;
    }
    .light-mode app-learning-path-suggestions .text-red-400 {
      color: #DC2626 !important;
    }
    .light-mode app-learning-path-suggestions .bg-white\/5,
    .light-mode app-learning-path-suggestions .bg-white\/10 {
      background-color: rgba(0, 0, 0, 0.05) !important;
    }
    .light-mode app-learning-path-suggestions .bg-indigo-900\/20 {
      background-color: rgba(99, 102, 241, 0.15) !important;
    }
    .light-mode app-learning-path-suggestions .bg-indigo-900\/5 {
      background-color: rgba(99, 102, 241, 0.08) !important;
    }
    .light-mode app-learning-path-suggestions .bg-amber-500\/20 {
      background-color: rgba(217, 119, 6, 0.15) !important;
    }
    .light-mode app-learning-path-suggestions .bg-yellow-500\/20 {
      background-color: rgba(234, 179, 8, 0.15) !important;
    }
    .light-mode app-learning-path-suggestions .bg-slate-500\/20 {
      background-color: rgba(107, 114, 128, 0.15) !important;
    }
    .light-mode app-learning-path-suggestions .bg-indigo-500\/20 {
      background-color: rgba(99, 102, 241, 0.15) !important;
    }
    .light-mode app-learning-path-suggestions .border-amber-500\/30 {
      border-color: rgba(217, 119, 6, 0.3) !important;
    }
    .light-mode app-learning-path-suggestions .border-yellow-500\/30 {
      border-color: rgba(234, 179, 8, 0.3) !important;
    }
    .light-mode app-learning-path-suggestions .border-slate-500\/30 {
      border-color: rgba(107, 114, 128, 0.3) !important;
    }
    .light-mode app-learning-path-suggestions .border-indigo-500\/20 {
      border-color: rgba(99, 102, 241, 0.3) !important;
    }
    .light-mode app-learning-path-suggestions .bg-indigo-500,
    .light-mode app-learning-path-suggestions .from-indigo-500,
    .light-mode app-learning-path-suggestions .to-cyan-500 {
      background-color: #6366F1 !important;
      --tw-gradient-from: #6366F1;
      --tw-gradient-to: #0891B2;
    }
    .light-mode app-learning-path-suggestions .bg-indigo-500\/20 {
      background-color: rgba(99, 102, 241, 0.15) !important;
    }

    /* ========================
       app-leaderboard-podium 亮色模式
       ======================== */
    .light-mode app-leaderboard-podium .text-white {
      color: #1F2937 !important;
    }
    .light-mode app-leaderboard-podium .text-cyan-300 {
      color: #0891B2 !important;
    }
    .light-mode app-leaderboard-podium .text-amber-300 {
      color: #D97706 !important;
    }
    .light-mode app-leaderboard-podium .text-slate-400 {
      color: #6B7280 !important;
    }
    .light-mode app-leaderboard-podium .text-slate-700 {
      color: #374151 !important;
    }
    .light-mode app-leaderboard-podium .text-amber-900 {
      color: #92400E !important;
    }
    .light-mode app-leaderboard-podium .text-orange-900 {
      color: #9A3412 !important;
    }
    .light-mode app-leaderboard-podium .bg-amber-500\/20 {
      background-color: rgba(217, 119, 6, 0.15) !important;
    }
    .light-mode app-leaderboard-podium .bg-amber-500\/10 {
      background-color: rgba(217, 119, 6, 0.08) !important;
    }
    .light-mode app-leaderboard-podium .bg-white\/5 {
      background-color: rgba(0, 0, 0, 0.05) !important;
    }
    .light-mode app-leaderboard-podium .ring-amber-500\/50 {
      --tw-ring-color: rgba(217, 119, 6, 0.5) !important;
    }
    .light-mode app-leaderboard-podium .ring-slate-500\/30 {
      --tw-ring-color: rgba(107, 114, 128, 0.3) !important;
    }
    .light-mode app-leaderboard-podium .ring-orange-500\/30 {
      --tw-ring-color: rgba(249, 115, 22, 0.3) !important;
    }
    .light-mode app-leaderboard-podium .border-amber-500\/30 {
      border-color: rgba(217, 119, 6, 0.3) !important;
    }
    .light-mode app-leaderboard-podium .from-amber-500\/20 {
      background-color: rgba(217, 119, 6, 0.15) !important;
    }
    .light-mode app-leaderboard-podium .from-slate-400\/40 {
      background-color: rgba(156, 163, 175, 0.35) !important;
    }
    .light-mode app-leaderboard-podium .to-transparent {
      background-color: transparent !important;
    }
    .light-mode app-leaderboard-podium .shadow-amber-500\/30,
    .light-mode app-leaderboard-podium .shadow-amber-500\/20 {
      --tw-shadow-color: rgba(217, 119, 6, 0.25) !important;
    }
    .light-mode app-leaderboard-podium .shadow-slate-500\/20,
    .light-mode app-leaderboard-podium .shadow-slate-500\/30 {
      --tw-shadow-color: rgba(107, 114, 128, 0.2) !important;
    }
    .light-mode app-leaderboard-podium .shadow-orange-500\/20 {
      --tw-shadow-color: rgba(249, 115, 22, 0.2) !important;
    }
    .light-mode app-leaderboard-podium .from-amber-400\/50 {
      background-color: rgba(251, 191, 36, 0.45) !important;
    }
    .light-mode app-leaderboard-podium .from-amber-300\/30 {
      background-color: rgba(252, 211, 77, 0.25) !important;
    }
    .light-mode app-leaderboard-podium .from-slate-300,
    .light-mode app-leaderboard-podium .from-slate-500 {
      --tw-gradient-from: #CBD5E1;
    }
    .light-mode app-leaderboard-podium .to-slate-600,
    .light-mode app-leaderboard-podium .to-slate-500 {
      --tw-gradient-to: #9CA3AF;
    }
    .light-mode app-leaderboard-podium .from-amber-300,
    .light-mode app-leaderboard-podium .from-amber-500 {
      --tw-gradient-from: #FCD34D;
      --tw-gradient-to: #F59E0B;
    }
    .light-mode app-leaderboard-podium .to-amber-500,
    .light-mode app-leaderboard-podium .to-amber-600 {
      --tw-gradient-to: #D97706;
    }
    .light-mode app-leaderboard-podium .from-orange-300,
    .light-mode app-leaderboard-podium .from-orange-500,
    .light-mode app-leaderboard-podium .from-orange-400 {
      --tw-gradient-from: #FDBA74;
    }
    .light-mode app-leaderboard-podium .to-orange-600 {
      --tw-gradient-to: #EA580C;
    }
    .light-mode app-leaderboard-podium .opacity-60 {
      opacity: 0.7 !important;
    }
    .light-mode app-leaderboard-podium .opacity-70 {
      opacity: 0.8 !important;
    }

    /* ========================
       app-bracket 亮色模式
       ======================== */
    .light-mode app-bracket {
      color: #1F2937 !important;
    }
    .light-mode app-bracket .text-slate-400 {
      color: #6B7280 !important;
    }
    .light-mode app-bracket .text-white {
      color: #1F2937 !important;
    }
    .light-mode app-bracket .text-green-400 {
      color: #16A34A !important;
    }
    .light-mode app-bracket .text-yellow-400 {
      color: #CA8A04 !important;
    }
    .light-mode app-bracket .text-red-400 {
      color: #DC2626 !important;
    }
    .light-mode app-bracket .bg-white\/5 {
      background-color: rgba(0, 0, 0, 0.05) !important;
    }
    .light-mode app-bracket .border-white\/10 {
      border-color: rgba(0, 0, 0, 0.1) !important;
    }
    .light-mode app-bracket .border-t {
      border-color: rgba(0, 0, 0, 0.1) !important;
    }
    .light-mode app-bracket .match-card {
      background: rgba(0, 0, 0, 0.05) !important;
      border: 1px solid rgba(0, 0, 0, 0.1) !important;
    }
    .light-mode app-bracket .match-card.clickable:hover {
      border-color: rgba(8, 145, 178, 0.5) !important;
    }
    .light-mode app-bracket .team {
      border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
    }
    .light-mode app-bracket .team.winner {
      background: rgba(22, 163, 74, 0.15) !important;
    }
    .light-mode app-bracket .team.winner .team-name {
      color: #16A34A !important;
    }
    .light-mode app-bracket .team.loser {
      opacity: 0.5 !important;
    }
    .light-mode app-bracket .team.tbd .team-name {
      color: #9CA3AF !important;
    }
    .light-mode app-bracket .team-name {
      color: #374151 !important;
    }
    .light-mode app-bracket .team-score {
      color: #6B7280 !important;
    }
    .light-mode app-bracket .bye-badge {
      background: rgba(217, 119, 6, 0.15) !important;
      color: #D97706 !important;
    }
    .light-mode app-bracket .hover\:bg-white\/5:hover {
      background-color: rgba(0, 0, 0, 0.05) !important;
    }
    .light-mode app-bracket .hover\:shadow-cyan-500\/20:hover {
      box-shadow: 0 0 20px rgba(8, 145, 178, 0.2) !important;
    }

    /* ========================
       app-timer 亮色模式
       ======================== */
    .light-mode app-timer {
      background: #F9FAFB !important;
    }
    .light-mode app-timer .bg-\[\#030712\] {
      background: #F9FAFB !important;
    }
    .light-mode app-timer .bg-white\/5 {
      background-color: rgba(0, 0, 0, 0.05) !important;
    }
    .light-mode app-timer .bg-white\/10 {
      background-color: rgba(0, 0, 0, 0.08) !important;
    }
    .light-mode app-timer .border-white\/10 {
      border-color: rgba(0, 0, 0, 0.1) !important;
    }
    .light-mode app-timer .text-slate-400 {
      color: #6B7280 !important;
    }
    .light-mode app-timer .text-white\/60 {
      color: #4B5563 !important;
    }
    .light-mode app-timer .text-white {
      color: #1F2937 !important;
    }
    .light-mode app-timer .glass {
      background: rgba(255, 255, 255, 0.8) !important;
      border-color: rgba(0, 0, 0, 0.1) !important;
    }

    /* ========================
       app-profile-info-card 亮色模式
       ======================== */
    .light-mode app-profile-info-card {
      color: #1F2937 !important;
    }
    .light-mode app-profile-info-card .text-white {
      color: #1F2937 !important;
    }
    .light-mode app-profile-info-card .bg-gray-900 {
      background-color: #E5E7EB !important;
    }
    .light-mode app-profile-info-card .text-slate-400 {
      color: #6B7280 !important;
    }
    .light-mode app-profile-info-card .text-slate-500 {
      color: #6B7280 !important;
    }
    .light-mode app-profile-info-card .text-slate-600 {
      color: #4B5563 !important;
    }
    .light-mode app-profile-info-card .border-white\/10 {
      border-color: rgba(0, 0, 0, 0.1) !important;
    }
    .light-mode app-profile-info-card .hover\:bg-white\/5:hover {
      background-color: rgba(0, 0, 0, 0.05) !important;
    }
    .light-mode app-profile-info-card .bg-white\/5 {
      background-color: rgba(0, 0, 0, 0.05) !important;
    }
    .light-mode app-profile-info-card .bg-white\/10 {
      background-color: rgba(0, 0, 0, 0.08) !important;
    }
    .light-mode app-profile-info-card .group-hover\/cancel\:text-slate-400:hover,
    .light-mode app-profile-info-card .group-hover\/cancel:hover .text-slate-400 {
      color: #6B7280 !important;
    }

    /* ========================
       app-profile-overview-tab 亮色模式
       ======================== */
    .light-mode app-profile-overview-tab {
      color: #1F2937 !important;
    }
    .light-mode app-profile-overview-tab .text-white {
      color: #1F2937 !important;
    }
    .light-mode app-profile-overview-tab .text-slate-400 {
      color: #6B7280 !important;
    }
    .light-mode app-profile-overview-tab .text-slate-500 {
      color: #6B7280 !important;
    }
    .light-mode app-profile-overview-tab .bg-white\/5 {
      background-color: rgba(0, 0, 0, 0.05) !important;
    }
    .light-mode app-profile-overview-tab .bg-white\/10 {
      background-color: rgba(0, 0, 0, 0.08) !important;
    }
    .light-mode app-profile-overview-tab .border-white\/10 {
      border-color: rgba(0, 0, 0, 0.1) !important;
    }

    /* ========================
       app-profile-history-tab 亮色模式
       ======================== */
    .light-mode app-profile-history-tab {
      color: #1F2937 !important;
    }
    .light-mode app-profile-history-tab .text-white {
      color: #1F2937 !important;
    }
    .light-mode app-profile-history-tab .text-slate-400 {
      color: #6B7280 !important;
    }
    .light-mode app-profile-history-tab .text-slate-500 {
      color: #6B7280 !important;
    }
    .light-mode app-profile-history-tab .bg-white\/5 {
      background-color: rgba(0, 0, 0, 0.05) !important;
    }
    .light-mode app-profile-history-tab .border-white\/10 {
      border-color: rgba(0, 0, 0, 0.1) !important;
    }

    /* ========================
       app-profile-stats-tab 亮色模式
       ======================== */
    .light-mode app-profile-stats-tab {
      color: #1F2937 !important;
    }
    .light-mode app-profile-stats-tab .text-white {
      color: #1F2937 !important;
    }
    .light-mode app-profile-stats-tab .text-slate-400 {
      color: #6B7280 !important;
    }
    .light-mode app-profile-stats-tab .text-slate-500 {
      color: #6B7280 !important;
    }
    .light-mode app-profile-stats-tab .bg-white\/5 {
      background-color: rgba(0, 0, 0, 0.05) !important;
    }
    .light-mode app-profile-stats-tab .border-white\/10 {
      border-color: rgba(0, 0, 0, 0.1) !important;
    }

    /* ========================
       app-profile-panels 通用亮色模式 (覆盖所有子面板)
       ======================== */
    .light-mode app-profile-panels,
    .light-mode app-profile-visitors-panel,
    .light-mode app-profile-privacy-panel,
    .light-mode app-profile-titles-panel,
    .light-mode app-profile-frames-panel,
    .light-mode app-profile-highlights-panel,
    .light-mode app-profile-materials-panel,
    .light-mode app-profile-comments-panel,
    .light-mode app-profile-collections-panel,
    .light-mode app-profile-badge-showcase,
    .light-mode app-profile-recent-matches-card,
    .light-mode app-profile-weekly-stats-card,
    .light-mode app-profile-streak-card,
    .light-mode app-profile-badges-tab,
    .light-mode app-profile-elo-tab {
      color: #1F2937 !important;
    }
    .light-mode app-profile-panels .text-white,
    .light-mode app-profile-visitors-panel .text-white,
    .light-mode app-profile-privacy-panel .text-white,
    .light-mode app-profile-titles-panel .text-white,
    .light-mode app-profile-frames-panel .text-white,
    .light-mode app-profile-highlights-panel .text-white,
    .light-mode app-profile-materials-panel .text-white,
    .light-mode app-profile-comments-panel .text-white,
    .light-mode app-profile-collections-panel .text-white,
    .light-mode app-profile-badge-showcase .text-white,
    .light-mode app-profile-recent-matches-card .text-white,
    .light-mode app-profile-weekly-stats-card .text-white,
    .light-mode app-profile-streak-card .text-white,
    .light-mode app-profile-badges-tab .text-white,
    .light-mode app-profile-elo-tab .text-white {
      color: #1F2937 !important;
    }
    .light-mode app-profile-panels .text-slate-400,
    .light-mode app-profile-visitors-panel .text-slate-400,
    .light-mode app-profile-privacy-panel .text-slate-400,
    .light-mode app-profile-titles-panel .text-slate-400,
    .light-mode app-profile-frames-panel .text-slate-400,
    .light-mode app-profile-highlights-panel .text-slate-400,
    .light-mode app-profile-materials-panel .text-slate-400,
    .light-mode app-profile-comments-panel .text-slate-400,
    .light-mode app-profile-collections-panel .text-slate-400,
    .light-mode app-profile-badge-showcase .text-slate-400,
    .light-mode app-profile-recent-matches-card .text-slate-400,
    .light-mode app-profile-weekly-stats-card .text-slate-400,
    .light-mode app-profile-streak-card .text-slate-400,
    .light-mode app-profile-badges-tab .text-slate-400,
    .light-mode app-profile-elo-tab .text-slate-400 {
      color: #6B7280 !important;
    }
    .light-mode app-profile-panels .text-slate-500,
    .light-mode app-profile-visitors-panel .text-slate-500,
    .light-mode app-profile-privacy-panel .text-slate-500,
    .light-mode app-profile-titles-panel .text-slate-500,
    .light-mode app-profile-frames-panel .text-slate-500,
    .light-mode app-profile-highlights-panel .text-slate-500,
    .light-mode app-profile-materials-panel .text-slate-500,
    .light-mode app-profile-comments-panel .text-slate-500,
    .light-mode app-profile-collections-panel .text-slate-500,
    .light-mode app-profile-badge-showcase .text-slate-500,
    .light-mode app-profile-recent-matches-card .text-slate-500,
    .light-mode app-profile-weekly-stats-card .text-slate-500,
    .light-mode app-profile-streak-card .text-slate-500,
    .light-mode app-profile-badges-tab .text-slate-500,
    .light-mode app-profile-elo-tab .text-slate-500 {
      color: #6B7280 !important;
    }
    .light-mode app-profile-panels .bg-white\/5,
    .light-mode app-profile-visitors-panel .bg-white\/5,
    .light-mode app-profile-privacy-panel .bg-white\/5,
    .light-mode app-profile-titles-panel .bg-white\/5,
    .light-mode app-profile-frames-panel .bg-white\/5,
    .light-mode app-profile-highlights-panel .bg-white\/5,
    .light-mode app-profile-materials-panel .bg-white\/5,
    .light-mode app-profile-comments-panel .bg-white\/5,
    .light-mode app-profile-collections-panel .bg-white\/5,
    .light-mode app-profile-badge-showcase .bg-white\/5,
    .light-mode app-profile-recent-matches-card .bg-white\/5,
    .light-mode app-profile-weekly-stats-card .bg-white\/5,
    .light-mode app-profile-streak-card .bg-white\/5,
    .light-mode app-profile-badges-tab .bg-white\/5,
    .light-mode app-profile-elo-tab .bg-white\/5 {
      background-color: rgba(0, 0, 0, 0.05) !important;
    }
    .light-mode app-profile-panels .border-white\/10,
    .light-mode app-profile-visitors-panel .border-white\/10,
    .light-mode app-profile-privacy-panel .border-white\/10,
    .light-mode app-profile-titles-panel .border-white\/10,
    .light-mode app-profile-frames-panel .border-white\/10,
    .light-mode app-profile-highlights-panel .border-white\/10,
    .light-mode app-profile-materials-panel .border-white\/10,
    .light-mode app-profile-comments-panel .border-white\/10,
    .light-mode app-profile-collections-panel .border-white\/10,
    .light-mode app-profile-badge-showcase .border-white\/10,
    .light-mode app-profile-recent-matches-card .border-white\/10,
    .light-mode app-profile-weekly-stats-card .border-white\/10,
    .light-mode app-profile-streak-card .border-white\/10,
    .light-mode app-profile-badges-tab .border-white\/10,
    .light-mode app-profile-elo-tab .border-white\/10 {
      border-color: rgba(0, 0, 0, 0.1) !important;
    }

    /* ========================
       移动端触摸区域优化 (44px标准)
       ======================== */
    @media (max-width: 767px) {
      /* 按钮最小触摸区域 */
      button,
      a[href],
      .btn,
      .btn-primary,
      .btn-secondary,
      .btn-ghost,
      .btn-sm,
      .btn-lg {
        min-height: 44px;
        min-width: 44px;
      }

      /* 导航链接触摸区域 */
      nav a,
      nav button {
        min-height: 44px;
        padding-top: 10px;
        padding-bottom: 10px;
      }

      /* 表单元素触摸区域 */
      input,
      select,
      textarea {
        min-height: 44px;
      }

      /* 下拉菜单项 */
      .dropdown-item,
      select option {
        min-height: 44px;
        padding: 12px 16px;
      }
    }

    /* ========================
       app-tournament-tabs 亮色模式
       ======================== */
    .light-mode app-tournament-teams-tab,
    .light-mode app-tournament-rules-tab,
    .light-mode app-tournament-overview-tab,
    .light-mode app-tournament-bracket-tab,
    .light-mode app-tournament-my-participation-tab {
      color: #1F2937 !important;
    }
    .light-mode app-tournament-teams-tab .text-white,
    .light-mode app-tournament-rules-tab .text-white,
    .light-mode app-tournament-overview-tab .text-white,
    .light-mode app-tournament-bracket-tab .text-white,
    .light-mode app-tournament-my-participation-tab .text-white {
      color: #1F2937 !important;
    }
    .light-mode app-tournament-teams-tab .text-slate-400,
    .light-mode app-tournament-rules-tab .text-slate-400,
    .light-mode app-tournament-overview-tab .text-slate-400,
    .light-mode app-tournament-bracket-tab .text-slate-400,
    .light-mode app-tournament-my-participation-tab .text-slate-400 {
      color: #6B7280 !important;
    }
    .light-mode app-tournament-teams-tab .text-slate-500,
    .light-mode app-tournament-rules-tab .text-slate-500,
    .light-mode app-tournament-overview-tab .text-slate-500,
    .light-mode app-tournament-bracket-tab .text-slate-500,
    .light-mode app-tournament-my-participation-tab .text-slate-500 {
      color: #6B7280 !important;
    }
    .light-mode app-tournament-teams-tab .bg-white\/5,
    .light-mode app-tournament-rules-tab .bg-white\/5,
    .light-mode app-tournament-overview-tab .bg-white\/5,
    .light-mode app-tournament-bracket-tab .bg-white\/5,
    .light-mode app-tournament-my-participation-tab .bg-white\/5 {
      background-color: rgba(0, 0, 0, 0.05) !important;
    }
    .light-mode app-tournament-teams-tab .border-white\/10,
    .light-mode app-tournament-rules-tab .border-white\/10,
    .light-mode app-tournament-overview-tab .border-white\/10,
    .light-mode app-tournament-bracket-tab .border-white\/10,
    .light-mode app-tournament-my-participation-tab .border-white\/10 {
      border-color: rgba(0, 0, 0, 0.1) !important;
    }

    /* ========================
       app-ai-review 通用亮色模式
       ======================== */
    .light-mode app-ai-review-form,
    .light-mode app-ai-review-cover,
    .light-mode app-section-header,
    .light-mode app-ai-review-tabs,
    .light-mode app-ai-review-camp,
    .light-mode app-ai-review-evaluation,
    .light-mode app-ai-review-tactics,
    .light-mode app-ai-review-best-player,
    .light-mode app-ai-review-advantage,
    .light-mode app-ai-review-dashboard,
    .light-mode app-ai-review-player-radar,
    .light-mode app-bullet-list,
    .light-mode app-ai-review-result,
    .light-mode app-ai-review-history {
      color: #1F2937 !important;
    }
    .light-mode app-ai-review-form .text-white,
    .light-mode app-ai-review-cover .text-white,
    .light-mode app-section-header .text-white,
    .light-mode app-ai-review-tabs .text-white,
    .light-mode app-ai-review-camp .text-white,
    .light-mode app-ai-review-evaluation .text-white,
    .light-mode app-ai-review-tactics .text-white,
    .light-mode app-ai-review-best-player .text-white,
    .light-mode app-ai-review-advantage .text-white,
    .light-mode app-ai-review-dashboard .text-white,
    .light-mode app-ai-review-player-radar .text-white,
    .light-mode app-bullet-list .text-white,
    .light-mode app-ai-review-result .text-white,
    .light-mode app-ai-review-history .text-white {
      color: #1F2937 !important;
    }
    .light-mode app-ai-review-form .text-slate-400,
    .light-mode app-ai-review-cover .text-slate-400,
    .light-mode app-section-header .text-slate-400,
    .light-mode app-ai-review-tabs .text-slate-400,
    .light-mode app-ai-review-camp .text-slate-400,
    .light-mode app-ai-review-evaluation .text-slate-400,
    .light-mode app-ai-review-tactics .text-slate-400,
    .light-mode app-ai-review-best-player .text-slate-400,
    .light-mode app-ai-review-advantage .text-slate-400,
    .light-mode app-ai-review-dashboard .text-slate-400,
    .light-mode app-ai-review-player-radar .text-slate-400,
    .light-mode app-bullet-list .text-slate-400,
    .light-mode app-ai-review-result .text-slate-400,
    .light-mode app-ai-review-history .text-slate-400 {
      color: #6B7280 !important;
    }
    .light-mode app-ai-review-form .text-slate-500,
    .light-mode app-ai-review-cover .text-slate-500,
    .light-mode app-section-header .text-slate-500,
    .light-mode app-ai-review-tabs .text-slate-500,
    .light-mode app-ai-review-camp .text-slate-500,
    .light-mode app-ai-review-evaluation .text-slate-500,
    .light-mode app-ai-review-tactics .text-slate-500,
    .light-mode app-ai-review-best-player .text-slate-500,
    .light-mode app-ai-review-advantage .text-slate-500,
    .light-mode app-ai-review-dashboard .text-slate-500,
    .light-mode app-ai-review-player-radar .text-slate-500,
    .light-mode app-bullet-list .text-slate-500,
    .light-mode app-ai-review-result .text-slate-500,
    .light-mode app-ai-review-history .text-slate-500 {
      color: #6B7280 !important;
    }
    .light-mode app-ai-review-form .bg-white\/5,
    .light-mode app-ai-review-cover .bg-white\/5,
    .light-mode app-section-header .bg-white\/5,
    .light-mode app-ai-review-tabs .bg-white\/5,
    .light-mode app-ai-review-camp .bg-white\/5,
    .light-mode app-ai-review-evaluation .bg-white\/5,
    .light-mode app-ai-review-tactics .bg-white\/5,
    .light-mode app-ai-review-best-player .bg-white\/5,
    .light-mode app-ai-review-advantage .bg-white\/5,
    .light-mode app-ai-review-dashboard .bg-white\/5,
    .light-mode app-ai-review-player-radar .bg-white\/5,
    .light-mode app-bullet-list .bg-white\/5,
    .light-mode app-ai-review-result .bg-white\/5,
    .light-mode app-ai-review-history .bg-white\/5 {
      background-color: rgba(0, 0, 0, 0.05) !important;
    }
    .light-mode app-ai-review-form .border-white\/10,
    .light-mode app-ai-review-cover .border-white\/10,
    .light-mode app-section-header .border-white\/10,
    .light-mode app-ai-review-tabs .border-white\/10,
    .light-mode app-ai-review-camp .border-white\/10,
    .light-mode app-ai-review-evaluation .border-white\/10,
    .light-mode app-ai-review-tactics .border-white\/10,
    .light-mode app-ai-review-best-player .border-white\/10,
    .light-mode app-ai-review-advantage .border-white\/10,
    .light-mode app-ai-review-dashboard .border-white\/10,
    .light-mode app-ai-review-player-radar .border-white\/10,
    .light-mode app-bullet-list .border-white\/10,
    .light-mode app-ai-review-result .border-white\/10,
    .light-mode app-ai-review-history .border-white\/10 {
      border-color: rgba(0, 0, 0, 0.1) !important;
    }

    /* ========================
       通知组件白天模式适配
       ======================== */
    .light-mode app-notification .glass {
      background: rgba(255, 255, 255, 0.95) !important;
      border-color: rgba(0, 0, 0, 0.1) !important;
    }
    .light-mode app-notification .border-white\/10 {
      border-color: rgba(0, 0, 0, 0.1) !important;
    }
    .light-mode app-notification .text-slate-300,
    .light-mode app-notification .text-slate-400 {
      color: #5A5A5A !important;
    }
    .light-mode app-notification .text-slate-500 {
      color: #9CA3AF !important;
    }
    .light-mode app-notification .text-white {
      color: #2D2D2D !important;
    }
    .light-mode app-notification .bg-white\/10 {
      background: rgba(0, 0, 0, 0.05) !important;
    }
    .light-mode app-notification .hover\:bg-white\/10:hover {
      background: rgba(0, 0, 0, 0.08) !important;
    }
    /* Toast 类型颜色适配 */
    .light-mode app-notification .text-green-400 {
      color: #16A34A !important;
    }
    .light-mode app-notification .bg-green-500\/20 {
      background-color: rgba(22, 163, 74, 0.15) !important;
    }
    .light-mode app-notification .border-green-500\/20 {
      border-color: rgba(22, 163, 74, 0.3) !important;
    }
    .light-mode app-notification .text-cyan-400 {
      color: #0891B2 !important;
    }
    .light-mode app-notification .bg-cyan-500\/20 {
      background-color: rgba(14, 116, 144, 0.15) !important;
    }
    .light-mode app-notification .border-cyan-500\/20 {
      border-color: rgba(14, 116, 144, 0.3) !important;
    }
    .light-mode app-notification .text-yellow-400 {
      color: #CA8A04 !important;
    }
    .light-mode app-notification .bg-yellow-500\/20 {
      background-color: rgba(202, 138, 4, 0.15) !important;
    }
    .light-mode app-notification .border-yellow-500\/20 {
      border-color: rgba(202, 138, 4, 0.3) !important;
    }
    .light-mode app-notification .text-red-400 {
      color: #DC2626 !important;
    }
    .light-mode app-notification .bg-red-500\/20 {
      background-color: rgba(220, 38, 38, 0.15) !important;
    }
    .light-mode app-notification .border-red-500\/20 {
      border-color: rgba(220, 38, 38, 0.3) !important;
    }
    /* 通知历史面板 */
    .light-mode app-notification .border-b {
      border-color: rgba(0, 0, 0, 0.1) !important;
    }
    .light-mode app-notification .border-white\/5 {
      border-color: rgba(0, 0, 0, 0.05) !important;
    }

    /* ========================
       AI分析进度组件白天模式适配
       ======================== */
    .light-mode app-analyze-progress .analyze-progress {
      background: rgba(255, 255, 255, 0.95) !important;
      border-color: rgba(0, 0, 0, 0.1) !important;
      color: #2D2D2D !important;
    }
    .light-mode app-analyze-progress .progress-header h3 {
      color: #2D2D2D !important;
    }
    .light-mode app-analyze-progress .estimated-time {
      background: rgba(0, 0, 0, 0.05) !important;
      color: #6B7280 !important;
    }
    .light-mode app-analyze-progress .progress-bar-container {
      background: rgba(0, 0, 0, 0.1) !important;
    }
    .light-mode app-analyze-progress .current-stage {
      color: #6B7280 !important;
    }
    .light-mode app-analyze-progress .stage-dot {
      background: #9CA3AF !important;
    }
    .light-mode app-analyze-progress .progress-percent {
      color: #0891B2 !important;
    }
    .light-mode app-analyze-progress .model-name {
      color: #2D2D2D !important;
    }
    .light-mode app-analyze-progress .model-status-text {
      color: #9CA3AF !important;
    }
    .light-mode app-analyze-progress .model-progress-bar {
      background: rgba(0, 0, 0, 0.1) !important;
    }
    .light-mode app-analyze-progress .icon-pending {
      color: #9CA3AF !important;
    }
    .light-mode app-analyze-progress .model-item {
      background: rgba(0, 0, 0, 0.03) !important;
    }

    /* ========================
       雷达图组件白天模式适配
       ======================== */
    .light-mode app-radar-chart {
      --radar-grid-color: rgba(0, 0, 0, 0.1) !important;
      --radar-axis-color: rgba(0, 0, 0, 0.1) !important;
      --radar-label-color: #5A5A5A !important;
    }

    /* ========================
       淘汰赛 bracket 连接线白天模式
       ======================== */
    .light-mode app-bracket .connector svg path {
      stroke: #D1D5DB !important;
    }

    /* ========================
       房间详情弹窗进度条白天模式
       ======================== */
    .light-mode app-room-detail-modal .relative.w-32.h-32 svg circle:first-child {
      stroke: #E5E7EB !important;
    }
    .light-mode app-room-detail-modal .relative.w-32.h-32 svg circle:last-child {
      stroke: #0891B2 !important;
    }

    /* ========================
       AI评审报告 白天模式适配
       ======================== */
    /* 报告标题 - 硬编码 #f1f5f9 */
    .light-mode app-ai-review-result .cover-title,
    .light-mode app-ai-review-result .section-title-text {
      color: #2D2D2D !important;
    }
    /* 报告结果、统计值 */
    .light-mode app-ai-review-result .result-value,
    .light-mode app-ai-review-result .stat-value {
      color: #2D2D2D !important;
    }
    /* 白色序号圆点 */
    .light-mode app-ai-review-result .dot-number {
      color: #2D2D2D !important;
    }
    /* 报告Tab栏 - 硬编码 rgba(0,0,0,0.2) 背景 + 白色文字 */
    .light-mode app-ai-review-tabs .report-tabs {
      background: rgba(255, 255, 255, 0.85) !important;
      border: 1px solid rgba(0, 0, 0, 0.1) !important;
    }
    .light-mode app-ai-review-tabs .tab-item {
      color: #5A5A5A !important;
      border-color: rgba(0, 0, 0, 0.1) !important;
    }
    .light-mode app-ai-review-tabs .tab-indicator {
      color: #9CA3AF !important;
    }
    /* 阵营分析 - rgba(255,255,255,0.8) 文字 */
    .light-mode app-ai-review-camp .camp-summary-text,
    .light-mode app-ai-review-camp .player-name {
      color: #2D2D2D !important;
    }
    .light-mode app-ai-review-camp .stat-label {
      color: #5A5A5A !important;
    }
    /* 辩手能力雷达 - rgba(255,255,255,0.X) 文字 */
    .light-mode app-ai-review-player-radar .player-name,
    .light-mode app-ai-review-player-radar .dimension-label,
    .light-mode app-ai-review-player-radar .score-value,
    .light-mode app-ai-review-player-radar .chart-title {
      color: #2D2D2D !important;
    }
    .light-mode app-ai-review-player-radar .dimension-desc {
      color: #5A5A5A !important;
    }
    /* 战术建议 - rgba(255,255,255,0.X) 文字 */
    .light-mode app-ai-review-tactics .improvement-issue p,
    .light-mode app-ai-review-tactics .improvement-evidence p,
    .light-mode app-ai-review-tactics .improvement-suggestion p {
      color: #2D2D2D !important;
    }
    .light-mode app-ai-review-tactics .section-title {
      color: #2D2D2D !important;
    }
    /* 最佳辩手 - #f1f5f9 / #fef3c7 文字 */
    .light-mode app-ai-review-best-player .best-player-title,
    .light-mode app-ai-review-best-player .best-player-reason {
      color: #2D2D2D !important;
    }
    /* 评价组件 - 轻色文字 */
    .light-mode app-ai-review-evaluation .focus-item {
      color: #2D2D2D !important;
    }
    /* 仪表盘副标题 */
    .light-mode app-ai-review-dashboard .dashboard-subtitle {
      color: #5A5A5A !important;
    }
    /* 环节详情表格 */
    .light-mode app-ai-review-round-detail-table .table-cell,
    .light-mode app-ai-review-round-detail-table .table-header {
      color: #2D2D2D !important;
    }
    /* 修复 Tailwind preflight 覆盖 --color-primary（使用 :root:root 提升特异性） */
    :root:root {
      --color-primary: var(--color-primary-500);
      --color-primary-hover: var(--color-primary-600);
    }