body {
      background-color: var(--color-bg);
      color: var(--color-text-primary);
      font-family: 'Inter', sans-serif;
      transition: background-color 0.3s ease, color 0.3s ease;
    }
    .material-symbols-outlined {
      font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
    }
    /* 图标字体加载失败兜底：隐藏原始文字，防止 sidebar 布局崩坏 */
    @supports not (font-variation-settings: 'FILL' 0) {
      .material-symbols-outlined { font-size: 0 !important; width: 20px; height: 20px; display: inline-block; }
    }
    .technical-label {
      font-family: 'Space Grotesk', monospace;
    }
    .hide-scrollbar::-webkit-scrollbar {
      display: none;
    }
    .hide-scrollbar {
      -ms-overflow-style: none;
      scrollbar-width: none;
    }
    /* Language switching handled by i18n loader (see i18n/zh-CN.js, i18n/en.js) */
    /* ── 全局过渡（主题切换平滑） ── */
    body, aside, header, main, nav, a, button, input, textarea, select, [data-theme-transition] {
      transition: background-color 0.25s ease, border-color 0.25s ease, color 0.15s ease;
    }

    /* 修复 3.8: 通用 hover 工具类（取代页面里大量内onmouseover/onmouseout       - .lsp-hover-bg-subtle: 主题适配的浅色背hover（常sidebar 行）
       - .lsp-hover-lime: 主色按钮 hover（亮度抬升）
       - .lsp-hover-text-bright: 灰色文本 主题主文字色 hover
       - .lsp-hover-text-accent: 灰色文本 主色 + 边框点亮
       - .lsp-hover-text-danger: 灰色文本 红色（删除类按钮    */
    .lsp-hover-bg-subtle { transition: background-color 0.15s ease; }
    .lsp-hover-bg-subtle:hover { background-color: rgba(255,255,255,0.04); }
    .lsp-hover-lime { transition: background-color 0.15s ease; }
    .lsp-hover-lime:hover { background-color: #c4ef00; }
    .lsp-hover-text-bright { transition: color 0.15s ease; }
    .lsp-hover-text-bright:hover { color: var(--color-text-primary); }
    .lsp-hover-text-accent { transition: color 0.15s ease, border-color 0.15s ease; }
    .lsp-hover-text-accent:hover { color: #d4ff00; border-color: rgba(212,255,0,0.4); }
    .lsp-hover-text-danger { transition: color 0.15s ease, border-color 0.15s ease; }
    .lsp-hover-text-danger:hover { color: rgba(255,100,100,0.95); border-color: rgba(255,80,80,0.6); }

    /* Sidebar navigation active state */
    a.nav-item { color: var(--color-text-secondary); border-left: 2px solid transparent; }
    a.nav-item:hover { color: var(--color-accent); background-color: var(--color-bg-card-hover); }
    a.nav-item.is-active { color: var(--color-accent); border-left-color: var(--color-accent); background-color: var(--color-accent-subtle); }
    /* Collapsible nav groups */
    .nav-group-toggle { color: var(--color-text-secondary); border-left: 2px solid transparent; display: flex; align-items: center; justify-content: space-between; padding: 12px 16px 12px 24px; cursor: pointer; transition: all 0.15s; }
    .nav-group-toggle:hover { color: var(--color-accent); background-color: var(--color-bg-card-hover); }
    .nav-group-toggle.is-open { color: var(--color-text-primary); border-left-color: var(--color-accent-dim); }
    .nav-group-toggle.is-open .nav-chevron { transform: rotate(180deg); }
    .nav-chevron { transition: transform 0.2s ease; font-size: 18px; color: var(--color-text-tertiary); }
    .nav-submenu { max-height: 0; overflow: hidden; transition: max-height 0.25s ease; }
    .nav-submenu.is-open { max-height: 400px; }
    .nav-subitem { color: var(--color-text-tertiary); border-left: 2px solid transparent; display: flex; align-items: center; gap: 10px; padding: 9px 16px 9px 44px; cursor: pointer; text-decoration: none; transition: all 0.15s; font-family: 'Space Grotesk', monospace; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; }
    .nav-subitem:hover { color: var(--color-accent); background-color: var(--color-bg-card-hover); }
    .nav-subitem.is-active { color: var(--color-accent); border-left-color: var(--color-accent); background-color: var(--color-accent-subtle); }
    .nav-subitem-dot { width: 4px; height: 4px; background: currentColor; flex-shrink: 0; opacity: 0.5; }
    /* ── Global scrollbar styling ── */
    ::-webkit-scrollbar { width:6px; height:6px; }
    ::-webkit-scrollbar-track { background:transparent; }
    ::-webkit-scrollbar-thumb { background:var(--color-scrollbar); border-radius:3px; }
    ::-webkit-scrollbar-thumb:hover { background:var(--color-scrollbar-hover); }
    ::-webkit-scrollbar-corner { background:transparent; }
    * { scrollbar-width:thin; scrollbar-color:var(--color-scrollbar) transparent; }

    :root {
      --lsp-radius-card: 12px;
      --lsp-radius-control: 8px;
      --lsp-sidebar-width: 16rem;
      --lsp-topbar-height: 4rem;
    }

    /* 参old 项目：卡框架12px 为主，输入控件与小按钮以 8px 为主 */
    #page-content .bg-surface-container,
    #page-content .overflow-hidden,
    #page-content .border-dashed,
    #ls-nav-guest,
    #ls-nav-user-btn,
    #ls-nav-dropdown,
    .lsp-toggle-group {
      border-radius: var(--lsp-radius-card);
    }

    #page-content button,
    #page-content input,
    #page-content textarea,
    #page-content select,
    #page-content .bg-surface-bright,
    #page-content span.bg-surface-bright,
    .lsp-theme-btn {
      border-radius: var(--lsp-radius-control);
    }

    /* ── Sidebar & Topbar base colors using CSS variables ── */
    aside.lsp-sidebar {
      width: var(--lsp-sidebar-width);
      background-color: var(--color-bg-sidebar) !important;
      border-right-color: var(--color-border) !important;
      transition: transform 0.24s ease, box-shadow 0.24s ease;
    }
    header.lsp-topbar {
      left: var(--lsp-sidebar-width);
      min-height: var(--lsp-topbar-height);
      background-color: var(--color-bg-topbar) !important;
      border-bottom-color: var(--color-border) !important;
      transition: left 0.24s ease, padding 0.24s ease;
    }
    #page-content {
      margin-left: var(--lsp-sidebar-width);
      padding-top: calc(var(--lsp-topbar-height) + 2rem);
      transition: margin-left 0.24s ease, padding 0.24s ease;
    }
    .lsp-mobile-menu-btn,
    .lsp-mobile-brand,
    #lsp-sidebar-overlay {
      display: none;
    }

    .lsp-topnav-new-badge {
      display: none;
      position: absolute;
      top: -9px;
      right: -18px;
      padding: 2px 6px;
      background: #ff4d4f;
      color: #fff;
      font-family: 'Space Grotesk', monospace;
      font-size: 0.5rem;
      font-weight: 700;
      line-height: 1;
      text-transform: uppercase;
      letter-spacing: 0.1em;
      box-shadow: 0 8px 20px rgba(255,77,79,0.28);
      transform: rotate(45deg);
      transform-origin: center;
      pointer-events: none;
      z-index: 2;
    }

    /* ── 日光主题（data-theme=light）覆盖规── */
    [data-theme="light"] body { background-color: var(--color-bg); }
    [data-theme="light"] aside.lsp-sidebar { box-shadow: 1px 0 12px rgba(0,80,200,0.06); }
    [data-theme="light"] header.lsp-topbar { box-shadow: 0 1px 12px rgba(0,80,200,0.06); }

    @media (max-width: 960px) {
      body {
        overflow-x: hidden;
      }
      .lsp-mobile-menu-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 2.5rem;
        height: 2.5rem;
        border: 1px solid var(--color-border);
        background: var(--color-bg-card);
        color: var(--color-text-primary);
        flex-shrink: 0;
      }
      .lsp-mobile-brand {
        display: flex;
        flex-direction: column;
        min-width: 0;
      }
      .lsp-mobile-brand-title {
        font-family: 'Space Grotesk', monospace;
        font-size: 0.72rem;
        font-weight: 700;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        color: var(--color-accent);
        line-height: 1.1;
      }
      .lsp-mobile-brand-subtitle {
        font-family: 'Inter', sans-serif;
        font-size: 0.58rem;
        font-weight: 700;
        letter-spacing: 0.16em;
        text-transform: uppercase;
        color: var(--color-text-tertiary);
        line-height: 1.1;
        margin-top: 0.2rem;
      }
      #lsp-sidebar-overlay {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 45;
        background: rgba(0,0,0,0.52);
        backdrop-filter: blur(4px);
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.2s ease;
      }
      body.mobile-nav-open #lsp-sidebar-overlay {
        opacity: 1;
        pointer-events: auto;
      }
      aside.lsp-sidebar {
        transform: translateX(-100%);
        width: min(18rem, calc(100vw - 3.5rem));
        max-width: calc(100vw - 3.5rem);
        box-shadow: 20px 0 48px rgba(0,0,0,0.28);
      }
      body.mobile-nav-open aside.lsp-sidebar {
        transform: translateX(0);
      }
      header.lsp-topbar {
        left: 0 !important;
        right: 0;
        min-height: 3.75rem;
        height: 3.75rem;
        padding-left: 1rem !important;
        padding-right: 1rem !important;
        gap: 0.75rem;
      }
      #page-content {
        margin-left: 0 !important;
        padding: 4.75rem 1rem 1.5rem !important;
        min-height: calc(100vh - 3.75rem);
        overflow-x: hidden;
      }
      .lsp-topbar-left {
        gap: 0.75rem !important;
        min-width: 0;
        flex: 1;
      }
      .lsp-topbar-links {
        display: none !important;
      }
      .lsp-topbar-actions {
        gap: 0.5rem !important;
        margin-left: auto;
        flex-shrink: 0;
      }
      .lsp-toggle-group {
        padding-left: 0.125rem;
        padding-right: 0.125rem;
      }
      .lsp-toggle-group button {
        padding: 0.35rem 0.55rem !important;
      }
      .lsp-theme-btn {
        padding: 0.5rem 0.625rem;
      }
      .lsp-theme-btn .theme-label,
      #ls-nav-guest .lsp-account-text,
      #ls-nav-user-btn #ls-nav-username,
      #ls-nav-user-btn #ls-nav-chevron {
        display: none;
      }
      #ls-nav-guest,
      #ls-nav-user-btn {
        padding-left: 0.7rem !important;
        padding-right: 0.7rem !important;
        gap: 0.4rem !important;
      }
      #ls-nav-dropdown {
        right: 0;
        min-width: min(220px, calc(100vw - 2rem)) !important;
      }
      .nav-group-toggle {
        padding-left: 20px;
        padding-right: 14px;
      }
      .nav-subitem {
        padding-left: 38px;
        padding-right: 14px;
      }
      #page-content .text-5xl {
        font-size: clamp(2rem, 9vw, 2.9rem) !important;
        line-height: 1.04 !important;
      }
      #page-content .text-4xl {
        font-size: clamp(1.8rem, 7.8vw, 2.25rem) !important;
        line-height: 1.08 !important;
      }
      #page-content .text-3xl {
        font-size: clamp(1.45rem, 6.6vw, 1.9rem) !important;
        line-height: 1.12 !important;
      }
      #page-content .text-2xl {
        font-size: 1.25rem !important;
        line-height: 1.25 !important;
      }
      #page-content .grid.grid-cols-2,
      #page-content .grid.grid-cols-3,
      #page-content .grid.grid-cols-4,
      #page-content [style*="grid-template-columns:repeat(2"],
      #page-content [style*="grid-template-columns:repeat(3"],
      #page-content [style*="grid-template-columns:repeat(4"] {
        grid-template-columns: minmax(0, 1fr) !important;
      }
      #page-content .overflow-x-auto,
      #page-content .hide-scrollbar {
        -webkit-overflow-scrolling: touch;
      }
      #page-content input,
      #page-content textarea,
      #page-content select {
        font-size: 16px !important;
      }
      #igscroll-prev,
      #igscroll-next {
        display: none !important;
      }
      #page-content [class*="w-72"] {
        width: min(78vw, 18rem) !important;
      }
      #igb-wrapper,
      #igp-wrapper,
      #ige-wrapper,
      #igo-wrapper {
        display: flex !important;
        flex-direction: column !important;
        height: auto !important;
        min-height: calc(100vh - 3.75rem) !important;
        margin: 0 !important;
        overflow: visible !important;
      }
      #igb-wrapper > div:first-child,
      #igp-wrapper > div:first-child,
      #ige-wrapper > div:first-child,
      #igo-wrapper > div:first-child {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        border-right: none !important;
        border-bottom: 1px solid rgba(73,72,71,0.2) !important;
      }
      #igb-wrapper > div:last-child,
      #igp-wrapper > div:last-child,
      #ige-wrapper > div:last-child,
      #igo-wrapper > div:last-child {
        min-height: 56vh;
      }
      #ls-profile-page {
        min-height: auto !important;
        display: flex !important;
        flex-direction: column !important;
        margin: 0 !important;
      }
      #ls-profile-page > aside {
        width: 100% !important;
        min-width: 0 !important;
        border-right: none !important;
        border-bottom: 1px solid rgba(73,72,71,0.2) !important;
        padding: 1.25rem 0 !important;
      }
      #ls-profile-page > main {
        padding: 1.5rem 1rem 2rem !important;
      }
      #page-content [style*="width:30%;min-width:280px;max-width:420px"],
      #page-content [style*="width:22%;min-width:150px"],
      #page-content [style*="width:26%;min-width:210px"] {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
      }
    }

    /* 渚ц竟鏍忓簳閮?ICP / 鐗堟潈鏂囧瓧 */
    .lsp-icp-link { color: var(--color-text-muted) !important; }
    .lsp-icp-link:hover { color: var(--color-accent) !important; }
    .lsp-copyright { color: var(--color-text-muted) !important; }

    /* 语言/主题切换器通用容器 */
    .lsp-toggle-group {
      background-color: var(--color-bg-card);
      border: 1px solid var(--color-border);
      border-radius: 4px;
    }
    .lsp-theme-btn {
      display: flex; align-items: center; gap: 4px;
      padding: 4px 10px;
      color: var(--color-text-secondary);
      background: var(--color-bg-card);
      border: 1px solid var(--color-border);
      border-radius: 4px;
      cursor: pointer;
      font-family: 'Space Grotesk', monospace;
      font-size: 0.65rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.05em;
      transition: color 0.15s, background 0.15s;
    }
    .lsp-theme-btn:hover { color: var(--color-accent); background: var(--color-accent-subtle); }
    .lsp-theme-btn .theme-icon { font-size: 12px; line-height: 1; text-transform: none; }

    /* 用户登录/账号区块 日光适配 */
    #ls-nav-guest, #ls-nav-user-btn {
      background-color: var(--color-bg-card) !important;
      border-color: var(--color-border) !important;
    }
    #ls-nav-guest:hover, #ls-nav-user-btn:hover {
      background-color: var(--color-bg-card-hover) !important;
    }
    #ls-nav-dropdown {
      background: var(--color-bg-elevated) !important;
      border-color: var(--color-border-strong) !important;
    }

    /* ── 暗黑主题：工具面label 与小字可读性增强（仅限 dark）── */
    [data-theme="dark"] #page-content label {
      color: rgba(255,255,255,0.68) !important;
      font-size: 0.63rem !important;
      letter-spacing: 0.13em !important;
    }
    [data-theme="dark"] #page-content p[style*="rgba(255,255,255,0.22)"] { color: rgba(255,255,255,0.50) !important; }
    [data-theme="dark"] #page-content p[style*="rgba(255,255,255,0.18)"] { color: rgba(255,255,255,0.38) !important; }
    [data-theme="dark"] #page-content p[style*="rgba(255,255,255,0.2)"]  { color: rgba(255,255,255,0.40) !important; }
    [data-theme="dark"] #page-content span[style*="rgba(255,255,255,0.22)"] { color: rgba(255,255,255,0.50) !important; }

    /* 鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲
       日光主题 (data-theme=light) 全局覆盖
       注意：CSS class 选择器中 # 必须转义\#
       鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲 */

    /* ── 基础文字 ── */
    [data-theme="light"] .text-on-background,
    [data-theme="light"] .text-on-surface { color: #0a1628 !important; }

    /* text-white/opacity 深色等价 */
    [data-theme="light"] .text-white\/80 { color: rgba(10,22,40,0.82) !important; }
    [data-theme="light"] .text-white\/60 { color: rgba(10,22,40,0.62) !important; }
    [data-theme="light"] .text-white\/40 { color: rgba(10,22,40,0.48) !important; }
    [data-theme="light"] .text-white\/30 { color: rgba(10,22,40,0.36) !important; }
    [data-theme="light"] .text-white\/20 { color: rgba(10,22,40,0.26) !important; }
    [data-theme="light"] .text-white\/10 { color: rgba(10,22,40,0.14) !important; }
    [data-theme="light"] .hover\:text-white:hover { color: #0a1628 !important; }

    /* ── 强调green blue (注意 # 必须转义\#) ── */
    [data-theme="light"] .text-\[\#d4ff00\],
    [data-theme="light"] .text-primary-container  { color: #0066ff !important; }
    [data-theme="light"] .text-\[\#d4ff00\]\/50   { color: rgba(0,102,255,0.5) !important; }

    /* ── 强调色背green blue ── */
    [data-theme="light"] .bg-\[\#d4ff00\]         { background-color: #0066ff !important; color: #fff !important; }
    [data-theme="light"] .bg-\[\#d4ff00\]\/5      { background-color: rgba(0,102,255,0.06) !important; }
    [data-theme="light"] .bg-primary-container    { background-color: #0066ff !important; }
    [data-theme="light"] .text-on-primary-container { color: #ffffff !important; }

    /* ── 卡片/容器背景 ── */
    [data-theme="light"] .bg-surface-container    { background-color: #ffffff !important; }
    [data-theme="light"] .bg-surface-bright       { background-color: #e8f1fd !important; }
    [data-theme="light"] .bg-\[\#2c2c2c\]         { background-color: #e8f1fd !important; }
    [data-theme="light"] .bg-surface-bright\/20   { background-color: rgba(232,241,253,0.4) !important; }
    [data-theme="light"] .bg-background,
    [data-theme="light"] .bg-\[\#0e0e0e\]         { background-color: #f0f6ff !important; }
    [data-theme="light"] .bg-\[\#0e0e0e\]\/80     { background-color: rgba(240,246,255,0.88) !important; }

    /* ── 边框 ── */
    [data-theme="light"] .border-\[#494847\]\/10,
    [data-theme="light"] .border-outline-variant\/10  { border-color: rgba(0,80,200,0.12) !important; }
    [data-theme="light"] .border-\[\#d4ff00\]         { border-color: #0066ff !important; }
    [data-theme="light"] .hover\:border-primary-container\/30:hover { border-color: rgba(0,102,255,0.3) !important; }

    /* ── hover 状── */
    [data-theme="light"] .hover\:text-\[\#d4ff00\]:hover,
    [data-theme="light"] .hover\:text-primary-container:hover { color: #0066ff !important; }
    [data-theme="light"] .hover\:bg-\[\#2c2c2c\]:hover,
    [data-theme="light"] .hover\:bg-surface-bright:hover { background-color: #e8f1fd !important; }

    /* ── group-hover ── */
    [data-theme="light"] .group:hover .group-hover\:text-\[\#d4ff00\],
    [data-theme="light"] .group:hover .group-hover\:text-\[\#d4ff00\]\/50,
    [data-theme="light"] .group:hover .group-hover\:text-primary-container { color: #0066ff !important; }
    [data-theme="light"] .group:hover .group-hover\:bg-primary-container   { background-color: #0066ff !important; }
    [data-theme="light"] .group:hover .group-hover\:text-on-primary-container { color: #ffffff !important; }

    /* ── 内联 style 属性覆盖（通过属性选择器，# 不需要转义）── */
    /* 绿色强调蓝色 */
    [data-theme="light"] [style*="color:#d4ff00"],
    [data-theme="light"] [style*="color: #d4ff00"]    { color: #0066ff !important; }
    [data-theme="light"] [style*="background:#d4ff00"],
    [data-theme="light"] [style*="background: #d4ff00"]{ background-color: #0066ff !important; }
    /* ── 工具页面暗黑背景 日光背景 ── */
    [data-theme="light"] #page-content [style*="background:#0a0a0a"]  { background-color: #f7faff !important; }
    [data-theme="light"] #page-content [style*="background:#0e0e0e"]  { background-color: #f0f6ff !important; }
    [data-theme="light"] #page-content [style*="background:#0c0c0c"]  { background-color: #f4f8ff !important; }
    [data-theme="light"] #page-content [style*="background:#080808"]  { background-color: #f0f5ff !important; }
    [data-theme="light"] #page-content [style*="background:#111"]     { background-color: #eef4ff !important; }
    [data-theme="light"] #page-content [style*="background:#131313"]  { background-color: #f4f8ff !important; }
    [data-theme="light"] #page-content [style*="background:#141414"]  { background-color: #f7faff !important; }
    [data-theme="light"] #page-content [style*="background:#1a1a1a"]  { background-color: #f0f5ff !important; }
    [data-theme="light"] #page-content [style*="background:#1a1919"]  { background-color: #ffffff !important; }
    [data-theme="light"] #page-content [style*="background:#2c2c2c"]  { background-color: #e8f1fd !important; }
    [data-theme="light"] #page-content [style*="background:rgb(14"]   { background-color: #f0f6ff !important; }
    /* ── 工具页面内联文字颜色 深色 ── */
    [data-theme="light"] #page-content [style*="color:rgba(255,255,255,0.9"]  { color: rgba(10,22,40,0.90) !important; }
    [data-theme="light"] #page-content [style*="color:rgba(255,255,255,0.8"]  { color: rgba(10,22,40,0.82) !important; }
    [data-theme="light"] #page-content [style*="color:rgba(255,255,255,0.7"]  { color: rgba(10,22,40,0.72) !important; }
    [data-theme="light"] #page-content [style*="color:rgba(255,255,255,0.6"]  { color: rgba(10,22,40,0.65) !important; }
    [data-theme="light"] #page-content [style*="color:rgba(255,255,255,0.5"]  { color: rgba(10,22,40,0.60) !important; }
    [data-theme="light"] #page-content [style*="color:rgba(255,255,255,0.4"]  { color: rgba(10,22,40,0.52) !important; }
    [data-theme="light"] #page-content [style*="color:rgba(255,255,255,0.3"]  { color: rgba(10,22,40,0.42) !important; }
    [data-theme="light"] #page-content [style*="color:rgba(255,255,255,0.2"]  { color: rgba(10,22,40,0.32) !important; }
    [data-theme="light"] #page-content [style*="color:rgba(255,255,255,0.1"]  { color: rgba(10,22,40,0.22) !important; }
    [data-theme="light"] #page-content [style*="color:rgba(255,255,255,0.0"]  { color: rgba(10,22,40,0.12) !important; }
    [data-theme="light"] #page-content [style*="color:#fff"]                  { color: #0a1628 !important; }
    [data-theme="light"] #page-content [style*="color: #fff"]                 { color: #0a1628 !important; }
    [data-theme="light"] #page-content [style*="color:#ffffff"]               { color: #0a1628 !important; }
    /* ── 工具页面内联绿色强调 蓝色 ── */
    [data-theme="light"] #page-content [style*="color:rgba(212,255,0"]        { color: rgba(0,102,255,0.7) !important; }
    [data-theme="light"] #page-content [style*="background:rgba(212,255,0"]   { background-color: rgba(0,102,255,0.12) !important; }
    /* ── 工具页面内联边框 浅蓝边框 ── */
    [data-theme="light"] #page-content [style*="border:1px solid rgba(73,72,71"]    { border-color: rgba(0,80,200,0.15) !important; }
    [data-theme="light"] #page-content [style*="border-right:1px solid rgba(73,72"] { border-right-color: rgba(0,80,200,0.15) !important; }
    [data-theme="light"] #page-content [style*="border-bottom:1px solid rgba(73"]   { border-bottom-color: rgba(0,80,200,0.10) !important; }
    [data-theme="light"] #page-content [style*="border-top:1px solid rgba(73"]      { border-top-color: rgba(0,80,200,0.10) !important; }
    [data-theme="light"] #page-content [style*="border:1px dashed rgba(73,72,71"]   { border-color: rgba(0,80,200,0.22) !important; }
    /* ── 工具页面 focus 状态蓝色描── */
    [data-theme="light"] #page-content input:focus,
    [data-theme="light"] #page-content textarea:focus,
    [data-theme="light"] #page-content select:focus { border-color: rgba(0,102,255,0.5) !important; outline: none !important; }
    /* ── 提交按钮（JS 补丁后背景已#0066ff，改白字；同时兼hover #4488ff）──
       selector 同时覆盖无空格（setAttribute）和有空格（浏览器规范化后）两种格式
       须同时覆button 本身及其 span[data-i18n] 子元素（后者被全局规则强制深色*/
    [data-theme="light"] #page-content button[style*="background:#0066ff"],
    [data-theme="light"] #page-content button[style*="background: #0066ff"],
    [data-theme="light"] #page-content button[style*="background:#4488ff"],
    [data-theme="light"] #page-content button[style*="background: #4488ff"],
    [data-theme="light"] #page-content button[style*="background:#0066ff"] span,
    [data-theme="light"] #page-content button[style*="background: #0066ff"] span,
    [data-theme="light"] #page-content button[style*="background:#4488ff"] span,
    [data-theme="light"] #page-content button[style*="background: #4488ff"] span { color: #ffffff !important; }

    /* ── 全局页面文字继承 ── */
    [data-theme="light"] #page-content              { color: #0a1628; }
    [data-theme="light"] #page-content h1,
    [data-theme="light"] #page-content h2,
    [data-theme="light"] #page-content h3,
    [data-theme="light"] #page-content h4           { color: #0a1628; }
    [data-theme="light"] #page-content label        { color: rgba(10,22,40,0.72) !important; font-size: 0.63rem !important; }

    /* ── 下拉菜单 ── */
    [data-theme="light"] #ls-nav-dropdown     { box-shadow: 0 8px 32px rgba(0,80,200,0.12) !important; }
    [data-theme="light"] #ls-nav-username     { color: #0066ff !important; }
    [data-theme="light"] #ls-nav-chevron      { color: rgba(10,22,40,0.30) !important; }
    [data-theme="light"] #ls-nav-dropdown [style*="color:rgba(255,255,255"] { color: rgba(10,22,40,0.55) !important; }
    [data-theme="light"] #ls-nav-dropdown [style*="color:#fff"]             { color: #0a1628 !important; }
    [data-theme="light"] #ls-nav-dropdown [style*="color: #fff"]            { color: #0a1628 !important; }
    [data-theme="light"] #ls-nav-dropdown [style*="color:#d4ff00"]          { color: #0066ff !important; }

    /* ── 顶部导航 ── */
    [data-theme="light"] header .text-white\/40 { color: rgba(10,22,40,0.45) !important; }
    [data-theme="light"] #ls-nav-guest span    { color: rgba(10,22,40,0.50) !important; }

    /* ── 工具CSS 类通用覆盖（igb / igp / igo / ige 等工具共用规则）── */
    /* 上传区背#0d0d0d 浅色 */
    [data-theme="light"] #page-content [style*="background:#0d0d0d"] { background-color: #f4f8ff !important; }
    /* 小字 p 步骤标签深色化（直接覆盖已补丁的 rgba(10,22,40,X) 使其更深）── */
    [data-theme="light"] #page-content p[data-i18n]   { color: rgba(10,22,40,0.58) !important; }
    [data-theme="light"] #page-content span[data-i18n] { color: rgba(10,22,40,0.58) !important; }
    /* 工具卡片文案例外：顶部两行保持白色，底部说明保持主题亮蓝 */
    [data-theme="light"] #page-content .home-card-track .absolute.bottom-5 span[data-i18n],
    [data-theme="light"] #page-content .home-card-track .absolute.bottom-5 h3[data-i18n],
    [data-theme="light"] #page-content .home-card-track .absolute.bottom-6 span,
    [data-theme="light"] #page-content .home-card-track .absolute.bottom-6 h3,
    [data-theme="light"] #page-content [id^="igall-track-"] .absolute.bottom-4 span[data-i18n],
    [data-theme="light"] #page-content [id^="igall-track-"] .absolute.bottom-4 h3[data-i18n] {
      color: #ffffff !important;
    }
    [data-theme="light"] #page-content .home-card-track .absolute.bottom-5 p[data-i18n],
    [data-theme="light"] #page-content .home-card-track .absolute.bottom-6 p,
    [data-theme="light"] #page-content [id^="igall-track-"] .absolute.bottom-4 p[data-i18n] {
      color: #0066ff !important;
    }
    /* 卡片图片取消黑白滤镜，直接显示原始色*/
    #page-content img.grayscale {
      filter: none !important;
    }
    /* 激活态路线按钮内span 保持白字，不被上#page-content 规则覆盖（需#page-content 以提升特异性）*/
    [data-theme="light"] #page-content .igb-route-btn.igb-route-active span[data-i18n],
    [data-theme="light"] #page-content .ige-route-btn.ige-route-active span[data-i18n],
    [data-theme="light"] #page-content .igp-route-btn.igp-route-active span[data-i18n],
    [data-theme="light"] #page-content .igo-route-btn.igo-route-active span[data-i18n],
    [data-theme="light"] #page-content .vgb-route-btn.vgb-route-active span[data-i18n],
    [data-theme="light"] #page-content .vgb-route-btn.vgb-route-active span { color: #ffffff !important; }
    /* 视频工具：提交按钮内 span（vgb-submit-label保持白字 */
    [data-theme="light"] #page-content .vgb-submit-btn,
    [data-theme="light"] #page-content .vgb-submit-btn span,
    [data-theme="light"] #page-content .vgb-submit-btn span[data-i18n] { color: #ffffff !important; }
    /* igp-sel-btn（产品工具质比例/颜色/材贤选择按钮/
    [data-theme="light"] .igp-sel-btn {
      color: rgba(10,22,40,0.50) !important;
      border-color: rgba(0,80,200,0.18) !important;
    }
    [data-theme="light"] .igp-sel-btn:hover {
      color: rgba(10,22,40,0.80) !important;
      border-color: rgba(0,102,255,0.45) !important;
    }
    /* 激活态：绿底 蓝底 + 白字 */
    [data-theme="light"] .igp-sel-btn.igp-active,
    [data-theme="light"] .igb-sel-btn.igb-active,
    [data-theme="light"] .ige-sel-btn.ige-active,
    [data-theme="light"] .igo-sel-btn.igo-active {
      background: #0066ff !important;
      border-color: #0066ff !important;
      color: #ffffff !important;
    }
    [data-theme="light"] .igp-sel-btn.igp-active .igp-cdot {
      border-color: rgba(255,255,255,0.35) !important;
    }
    /* Lightbox（igp）保持深色遮*/
    [data-theme="light"] #igp-lightbox { background: rgba(0,0,0,0.35) !important; }
    [data-theme="light"] .igp-lb-nav-btn {
      background: rgba(255,255,255,0.07) !important;
      border-color: rgba(255,255,255,0.15) !important;
      color: rgba(255,255,255,0.52) !important;
    }
    [data-theme="light"] .igp-lb-nav-btn:hover,
    [data-theme="light"] #igp-lb-close:hover {
      background: rgba(0,102,255,0.20) !important;
      border-color: #0066ff !important;
      color: #0066ff !important;
    }
    [data-theme="light"] #igp-lb-close {
      background: rgba(255,255,255,0.07) !important;
      border-color: rgba(255,255,255,0.15) !important;
      color: rgba(255,255,255,0.48) !important;
    }
    /* image-gen-basic / 工具CSS 类覆── */
    /* 选择按钮（质比例）：白字→深*/
    [data-theme="light"] .igb-sel-btn {
      color: rgba(10,22,40,0.50) !important;
      border-color: rgba(0,80,200,0.18) !important;
    }
    [data-theme="light"] .igb-sel-btn:hover {
      color: rgba(10,22,40,0.80) !important;
      border-color: rgba(0,102,255,0.45) !important;
    }
    /* ige / igo 选择按钮 */
    [data-theme="light"] .ige-sel-btn {
      color: rgba(10,22,40,0.50) !important;
      border-color: rgba(0,80,200,0.18) !important;
    }
    [data-theme="light"] .ige-sel-btn:hover {
      color: rgba(10,22,40,0.80) !important;
      border-color: rgba(0,102,255,0.45) !important;
    }
    [data-theme="light"] .igo-sel-btn {
      color: rgba(10,22,40,0.50) !important;
      border-color: rgba(0,80,200,0.18) !important;
    }
    [data-theme="light"] .igo-sel-btn:hover {
      color: rgba(10,22,40,0.80) !important;
      border-color: rgba(0,102,255,0.45) !important;
    }
    /* 工具按钮（画橡皮等）白字→深*/
    [data-theme="light"] .igb-pt-toolbtn {
      color: rgba(10,22,40,0.50) !important;
      border-color: rgba(0,80,200,0.20) !important;
    }
    [data-theme="light"] .igb-pt-toolbtn:hover {
      color: rgba(10,22,40,0.80) !important;
    }
    /* 缩图包裹层深背景→浅*/
    [data-theme="light"] .igb-thumb-wrap { background: #e8f1fd !important; }
    /* 参考图上传区深背景→浅*/
    [data-theme="light"] .igb-inp-ref-thumb-wrap { background: #eef4ff !important; }
    /* 分区标题深背景→浅色 */
    [data-theme="light"] .igb-inp-region { border-color: rgba(0,80,200,0.12) !important; }
    [data-theme="light"] .igb-inp-region-header { background: rgba(0,80,200,0.05) !important; }
    [data-theme="light"] .igb-inp-region-label  { color: rgba(10,22,40,0.55) !important; }
    /* Lightbox 保持深色遮罩（深色背白色文字/图标，不随主题变化）*/
    [data-theme="light"] #igb-lightbox { background: rgba(0,0,0,0.35) !important; }
    [data-theme="light"] .igb-lb-nav-btn {
      background: rgba(255,255,255,0.07) !important;
      border-color: rgba(255,255,255,0.15) !important;
      color: rgba(255,255,255,0.52) !important;
    }
    [data-theme="light"] .igb-lb-nav-btn:hover {
      background: rgba(0,102,255,0.20) !important;
      border-color: #0066ff !important;
      color: #0066ff !important;
    }
    [data-theme="light"] #igb-lb-close {
      background: rgba(255,255,255,0.07) !important;
      border-color: rgba(255,255,255,0.15) !important;
      color: rgba(255,255,255,0.48) !important;
    }
    [data-theme="light"] #igb-lb-close:hover {
      background: rgba(0,102,255,0.20) !important;
      border-color: #0066ff !important;
      color: #0066ff !important;
    }
    [data-theme="light"] #igb-lb-nav { color: rgba(255,255,255,0.35) !important; }

    /* ── 文字选中 ── */
      ::selection,
      *::selection,
      input::selection,
      textarea::selection {
        background-color: var(--color-selection-bg) !important;
        color: var(--color-selection-text) !important;
      }