html {
        font-feature-settings: "kern" 1, "liga" 1;
      }
      .app-main-bg {
        background-color: #f0eef6;
        background-image:
          radial-gradient(
            ellipse 100% 60% at 50% -15%,
            rgba(139, 92, 246, 0.11),
            transparent 55%
          ),
          radial-gradient(
            ellipse 80% 50% at 100% 50%,
            rgba(56, 189, 248, 0.06),
            transparent 50%
          ),
          radial-gradient(
            ellipse 60% 40% at 0% 80%,
            rgba(244, 114, 182, 0.05),
            transparent 45%
          );
      }
      .app-sidebar-bg {
        background: linear-gradient(
          165deg,
          #0c0c10 0%,
          #12101a 45%,
          #0a0a0f 100%
        );
      }
      .app-glass-header {
        background: rgba(255, 255, 255, 0.72);
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
      }
      .top-nav-tab:hover,
      .top-nav-tab.is-active {
        color: rgb(124 58 237) !important;
      }
      .top-nav-parent:hover,
      .top-nav-parent.is-active {
        color: rgb(124 58 237) !important;
      }
      .top-nav-dd.is-active,
      .mega-menu-card.is-active {
        background: #f8fafc !important; /* Tailwind 的 slate-50 */
      }
      
      #main-scroll-region .dark-workspace-tab .text-slate-400 {
        color: rgb(148 163 184) !important;
      }
      #main-scroll-region .dark-workspace-tab [class*="placeholder:text-slate-400"]::placeholder {
        color: rgb(100 116 139) !important;
      }
      #tab5 [class*="from-white/90"] {
        background: rgb(15 23 42 / 0.5) !important;
        border-color: rgb(255 255 255 / 0.1) !important;
      }
      #tab5 [class*="ring-violet-200"] {
        --tw-ring-color: rgb(139 92 246 / 0.2) !important;
      }
      #tab5 [class*="border-slate-200/80"] {
        border-color: rgb(255 255 255 / 0.1) !important;
      }
      #tab5 h3.text-slate-900 {
        color: rgb(241 245 249) !important;
      }
      #tab5 p.text-slate-500 {
        color: rgb(148 163 184) !important;
      }
      #tab5 #imageCanvas article.group {
        background-color: rgb(15 23 42 / 0.5) !important;
        border-color: rgb(255 255 255 / 0.1) !important;
      }
      #tab5 #imageCanvas [class*="from-slate-100"] {
        background: linear-gradient(
          to bottom,
          rgb(15 23 42 / 0.6),
          rgb(15 23 42 / 0.85)
        ) !important;
      }
      #tab5 #imageCanvas p.col-span-full {
        background-color: rgb(15 23 42 / 0.4) !important;
        border-color: rgb(255 255 255 / 0.12) !important;
        color: rgb(148 163 184) !important;
      }
      #tab5 #imageCanvas .text-slate-600,
      #tab5 #imageCanvas .text-slate-500,
      #tab5 #imageCanvas .text-slate-400 {
        color: rgb(148 163 184) !important;
      }