/* ============================================================
   DexaDesk 官网 · 内页共享样式
   与 index.html 同一套令牌，供 solution / sdk / security / download 复用
   双主题：默认暗色，html[data-theme="light"] 切到亮色，两套只换令牌值
   ============================================================ */

:root{
  color-scheme:dark;
  --dx-bg-0:#05070C;
  --dx-bg-1:#080B12;
  --dx-bg-2:#0B0F18;
  --dx-surf-1:rgba(255,255,255,.018);
  --dx-surf-2:rgba(255,255,255,.032);
  --dx-surf-3:rgba(255,255,255,.042);
  --dx-surf-4:rgba(255,255,255,.055);
  --dx-surf-5:rgba(255,255,255,.085);
  --dx-surface:rgba(255,255,255,.032);
  --dx-surface-2:rgba(255,255,255,.055);
  --dx-line:rgba(255,255,255,.075);
  --dx-line-strong:rgba(255,255,255,.13);
  --dx-line-hover:rgba(255,255,255,.22);
  --dx-card-grad:linear-gradient(180deg,var(--dx-surf-3),var(--dx-surf-1));

  --dx-ink:#E9EEF7;
  --dx-ink-2:#A0ADC2;
  --dx-ink-3:#8B9AB0;
  --dx-ink-soft:#BBD0F0;
  --dx-ink-strong:#C2CEDF;
  --dx-ink-mono:#C7D6EA;
  --dx-ink-code:#93A6C0;
  --dx-ink-faint:#8B9AB0;
  --dx-ink-emph:#CFE0FF;
  --dx-ink-brand:#CFE3FF;
  --dx-placeholder:#4E5C72;

  --dx-brand:#4F8CFF;
  --dx-brand-hover:#5F97FF;
  --dx-brand-deep:#1B5BD6;
  --dx-brand-l:#8FB6FF;
  --dx-brand-ink:#B7D2FF;
  --dx-brand-tag:#7BA6EE;
  --dx-brand-tint:rgba(79,140,255,.08);
  --dx-brand-tint-2:rgba(79,140,255,.14);
  --dx-brand-fill:rgba(79,140,255,.09);
  --dx-brand-fill-2:rgba(79,140,255,.05);
  --dx-brand-line:rgba(79,140,255,.22);
  --dx-brand-line-strong:rgba(79,140,255,.42);
  --dx-cyan:#2BD2FF;
  --dx-mint:#3CE6B0;
  --dx-warn:#FFB020;
  --dx-warn-t:#E7C27A;
  --dx-warn-tint:rgba(255,176,32,.10);
  --dx-danger:#F0616D;
  --dx-danger-t:#F49AA2;
  --dx-violet-t:#B7AAFF;
  --dx-violet-tint:rgba(155,140,255,.10);
  --dx-ok-ink:#8FE3C4;
  --dx-ok-tint:rgba(60,230,176,.10);

  --dx-panel-solid:#0A0F19;
  --dx-panel-alt:#12203A;
  --dx-input-bg:rgba(4,7,12,.6);
  --dx-nav-bg:rgba(5,7,12,.82);
  --dx-dot:#2A3448;

  --dx-grid-line:rgba(120,160,255,.04);
  --dx-glow-1:rgba(40,110,220,.45);
  --dx-glow-2:rgba(40,120,210,.22);
  --dx-glow-op:.5;

  --dx-shadow-btn:0 10px 26px -14px rgba(79,140,255,.85);
  --dx-shadow-mark:0 6px 16px -8px rgba(79,140,255,.9);
  --dx-sel-bg:rgba(79,140,255,.34);
  --dx-sel-ink:#fff;

  --dx-grad-brand:linear-gradient(102deg,#3FA9FF 0%,#4F8CFF 62%,#5E9EFF 100%);
  --dx-grad-text:linear-gradient(100deg,#FFFFFF 10%,#C7DCFA 55%,#A8BCE8 100%);
  --dx-grad-mark:linear-gradient(150deg,#3FA9FF,#4F8CFF 60%,#5E9EFF);

  --dx-ok-line:rgba(60,230,176,.28);
  --dx-violet-line:rgba(155,140,255,.28);
  --dx-cyan-t:#8AE4FF;
  --dx-cyan-line:rgba(43,210,255,.22);
  --dx-cyan-tint:rgba(43,210,255,.07);
  --dx-shadow-thumb:0 2px 8px rgba(0,0,0,.5);

  --dx-sw-on-bg:rgba(255,255,255,.085);
  --dx-sw-on-ink:var(--dx-brand-l);
  --dx-sw-on-ring:rgba(255,255,255,.13);

  --dx-shadow-card:0 40px 80px -50px #000;
  --dx-download-card:linear-gradient(180deg,var(--dx-surf-4),var(--dx-surf-1));
  --dx-button-bg:#2863D6;
  --dx-button-hover:#245BC7;
  --dx-button-ink:#FFFFFF;

  --dx-r-sm:8px; --dx-r-md:12px; --dx-r-lg:16px; --dx-r-xl:22px;
  --dx-maxw:1180px;
  --dx-mono:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;
  --dx-sans:"Inter","HarmonyOS Sans SC",-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
}

/* --dx--------- 亮色主题（白天） --dx--------- */
html[data-theme="light"]{
  color-scheme:light;
  --dx-bg-0:#F5F7FB;
  --dx-bg-1:#FFFFFF;
  --dx-bg-2:#EDF1F8;
  --dx-surf-1:rgba(17,38,74,.022);
  --dx-surf-2:rgba(17,38,74,.034);
  --dx-surf-3:rgba(17,38,74,.05);
  --dx-surf-4:rgba(17,38,74,.065);
  --dx-surf-5:rgba(17,38,74,.095);
  --dx-surface:rgba(17,38,74,.034);
  --dx-surface-2:rgba(17,38,74,.065);
  --dx-line:rgba(17,38,74,.10);
  --dx-line-strong:rgba(17,38,74,.16);
  --dx-line-hover:rgba(17,38,74,.28);
  --dx-card-grad:linear-gradient(180deg,#FFFFFF,#FAFCFF);

  --dx-ink:#0E1A2B;
  --dx-ink-2:#41526B;
  --dx-ink-3:#5F6E84;
  --dx-ink-soft:#2F4A72;
  --dx-ink-strong:#22314A;
  --dx-ink-mono:#2C3D57;
  --dx-ink-code:#43566F;
  --dx-ink-faint:#66768C;
  --dx-ink-emph:#0B47A0;
  --dx-ink-brand:#13499F;
  --dx-placeholder:#8496AC;

  --dx-brand:#2563EB;
  --dx-brand-hover:#1D56D8;
  --dx-brand-deep:#1B4FC2;
  --dx-brand-l:#2A62D8;
  --dx-brand-ink:#1B4CA8;
  --dx-brand-tag:#2C5FBF;
  --dx-brand-tint:rgba(37,99,235,.07);
  --dx-brand-tint-2:rgba(37,99,235,.11);
  --dx-brand-fill:rgba(37,99,235,.055);
  --dx-brand-fill-2:rgba(37,99,235,.04);
  --dx-brand-line:rgba(37,99,235,.22);
  --dx-brand-line-strong:rgba(37,99,235,.38);
  --dx-cyan:#0E8FBF;
  --dx-mint:#0FA579;
  --dx-warn:#B47800;
  --dx-warn-t:#8A5A05;
  --dx-warn-tint:rgba(180,120,0,.10);
  --dx-danger:#C23B47;
  --dx-danger-t:#A8404B;
  --dx-violet-t:#5B49C4;
  --dx-violet-tint:rgba(91,73,196,.09);
  --dx-ok-ink:#0B7A57;
  --dx-ok-tint:rgba(11,127,91,.075);

  --dx-panel-solid:#FFFFFF;
  --dx-panel-alt:#EAF0FB;
  --dx-input-bg:#FFFFFF;
  --dx-nav-bg:rgba(255,255,255,.82);
  --dx-dot:#C6D2E3;

  --dx-grid-line:rgba(30,74,160,.05);
  --dx-glow-1:rgba(70,125,225,.28);
  --dx-glow-2:rgba(80,140,230,.14);
  --dx-glow-op:.45;

  --dx-shadow-btn:0 10px 20px -14px rgba(37,99,235,.55);
  --dx-shadow-mark:0 6px 14px -8px rgba(37,99,235,.65);
  --dx-sel-bg:rgba(37,99,235,.18);
  --dx-sel-ink:#0E1A2B;

  --dx-grad-brand:linear-gradient(102deg,#2E7BF5 0%,#2563EB 62%,#3D74E8 100%);
  --dx-grad-text:linear-gradient(100deg,#0B1A30 6%,#16305A 58%,#2A4A7E 100%);
  --dx-grad-mark:linear-gradient(150deg,#3FA9FF,#2563EB 62%,#4C86F0);

  --dx-ok-line:rgba(11,127,91,.24);
  --dx-violet-line:rgba(91,73,196,.26);
  --dx-cyan-t:#0B6E92;
  --dx-cyan-line:rgba(11,110,146,.26);
  --dx-cyan-tint:rgba(11,110,146,.07);
  --dx-shadow-thumb:0 1px 4px rgba(16,38,76,.3);

  --dx-shadow-card:0 22px 46px -30px rgba(16,38,76,.34);
  --dx-download-card:#FFFFFF;
  --dx-button-bg:#2563EB;
  --dx-button-hover:#1D56D8;
  --dx-button-ink:#FFFFFF;

  --dx-sw-on-bg:#FFFFFF;
  --dx-sw-on-ink:#2563EB;
  --dx-sw-on-ring:rgba(37,99,235,.16);
}

/* Adaptive colors for the original dark components. */
html[data-theme="light"] {
  --dx-text-3ce6b0:var(--dx-ok-ink);
  --dx-text-4e5c72:var(--dx-ink-2);
  --dx-text-4e5e76:var(--dx-ink-2);
  --dx-text-4e5f79:var(--dx-ink-2);
  --dx-text-4f8cff:var(--dx-brand-deep);
  --dx-text-54657d:var(--dx-ink-2);
  --dx-text-586a85:var(--dx-ink-2);
  --dx-text-5b6a80:var(--dx-ink-2);
  --dx-text-5e7086:var(--dx-ink-2);
  --dx-text-5f7089:var(--dx-ink-2);
  --dx-text-5fd3ff:var(--dx-cyan-t);
  --dx-text-68768c:var(--dx-ink-2);
  --dx-text-6b8fb8:var(--dx-ink-2);
  --dx-text-6f86a4:var(--dx-ink-2);
  --dx-text-7b8da6:var(--dx-ink-2);
  --dx-text-7be8c6:var(--dx-ok-ink);
  --dx-text-7c8ca3:var(--dx-ink-2);
  --dx-text-7c8fa8:var(--dx-ink-2);
  --dx-text-7c93b8:var(--dx-ink-2);
  --dx-text-7cf0c8:var(--dx-ok-ink);
  --dx-text-7e8da5:var(--dx-ink-2);
  --dx-text-7fe0be:var(--dx-ok-ink);
  --dx-text-8798ae:var(--dx-ink-2);
  --dx-text-8a96a9:var(--dx-ink-2);
  --dx-text-8a9ab2:var(--dx-ink-2);
  --dx-text-8ae4ff:var(--dx-cyan-t);
  --dx-text-8fa1b9:var(--dx-ink-2);
  --dx-text-8fa3bd:var(--dx-ink-2);
  --dx-text-8fa6c6:var(--dx-ink-2);
  --dx-text-8fa9c4:var(--dx-ink-2);
  --dx-text-8fb6ff:var(--dx-ink);
  --dx-text-8fdcc4:var(--dx-ok-ink);
  --dx-text-8fe3c4:var(--dx-ok-ink);
  --dx-text-93a6c0:var(--dx-ink-2);
  --dx-text-9cc0ff:var(--dx-ink);
  --dx-text-9daec6:var(--dx-ink-2);
  --dx-text-9fb4ce:var(--dx-ink-2);
  --dx-text-9fb6d4:var(--dx-ink-2);
  --dx-text-9fd8ff:var(--dx-cyan-t);
  --dx-text-a0adc2:var(--dx-ink-2);
  --dx-text-a9b8cc:var(--dx-ink-2);
  --dx-text-a9c8ff:var(--dx-ink);
  --dx-text-a9e9d3:var(--dx-ok-ink);
  --dx-text-afccff:var(--dx-ink);
  --dx-text-b7abff:var(--dx-violet-t);
  --dx-text-b7c7de:var(--dx-ink);
  --dx-text-b7d2ff:var(--dx-ink);
  --dx-text-b8c8dd:var(--dx-ink);
  --dx-text-b9c9e0:var(--dx-ink);
  --dx-text-b9cbe2:var(--dx-ink);
  --dx-text-bbd0f0:var(--dx-ink);
  --dx-text-bee9ff:var(--dx-cyan-t);
  --dx-text-bfd3ff:var(--dx-ink);
  --dx-text-bfd8ff:var(--dx-ink);
  --dx-text-c2cedf:var(--dx-ink);
  --dx-text-c3d4e8:var(--dx-ink);
  --dx-text-c4b5ff:var(--dx-violet-t);
  --dx-text-c7d6ea:var(--dx-ink);
  --dx-text-c8d5e6:var(--dx-ink);
  --dx-text-c99aa0:var(--dx-violet-t);
  --dx-text-c9d6ea:var(--dx-ink);
  --dx-text-c9f5e5:var(--dx-ok-ink);
  --dx-text-cbd9ec:var(--dx-ink);
  --dx-text-cfdaeb:var(--dx-ink);
  --dx-text-cfe0ff:var(--dx-ink);
  --dx-text-cfe3ff:var(--dx-ink);
  --dx-text-d6e2f2:var(--dx-ink);
  --dx-text-dce6f7:var(--dx-ink);
  --dx-text-dce7f6:var(--dx-ink);
  --dx-text-dce9fa:var(--dx-ink);
  --dx-text-dceaff:var(--dx-ink);
  --dx-text-ddb97a:var(--dx-warn-t);
  --dx-text-dde7f5:var(--dx-ink);
  --dx-text-dfe9f7:var(--dx-ink);
  --dx-text-e4eeff:var(--dx-ink);
  --dx-text-e7c27a:var(--dx-warn-t);
  --dx-text-eaf2ff:var(--dx-ink);
  --dx-text-f3c56e:var(--dx-warn-t);
  --dx-text-ffb4b4:var(--dx-ink);
  --dx-white-0_012:rgba(17,38,74,0.012);
  --dx-white-0_014:rgba(17,38,74,0.014);
  --dx-white-0_015:rgba(17,38,74,0.015);
  --dx-white-0_018:rgba(17,38,74,0.018);
  --dx-white-0_02:rgba(17,38,74,0.02);
  --dx-white-0_022:rgba(17,38,74,0.022);
  --dx-white-0_03:rgba(17,38,74,0.03);
  --dx-white-0_038:rgba(17,38,74,0.038);
  --dx-white-0_04:rgba(17,38,74,0.04);
  --dx-white-0_045:rgba(17,38,74,0.045);
  --dx-white-0_05:rgba(17,38,74,0.05);
  --dx-white-0_055:rgba(17,38,74,0.055);
  --dx-white-0_06:rgba(17,38,74,0.06);
  --dx-white-0_07:rgba(17,38,74,0.07);
  --dx-white-0_075:rgba(17,38,74,0.075);
  --dx-white-0_08:rgba(17,38,74,0.08);
  --dx-white-0_13:rgba(17,38,74,0.13);
  --dx-white-0_14:rgba(17,38,74,0.14);
  --dx-white-0_16:rgba(17,38,74,0.16);
  --dx-white-0_22:rgba(17,38,74,0.22);
  --dx-white-0_24:rgba(17,38,74,0.24);
  --dx-white-_008:rgba(17,38,74,.008);
  --dx-white-_012:rgba(17,38,74,.012);
  --dx-white-_014:rgba(17,38,74,.014);
  --dx-white-_015:rgba(17,38,74,.015);
  --dx-white-_018:rgba(17,38,74,.018);
  --dx-white-_02:rgba(17,38,74,.02);
  --dx-white-_022:rgba(17,38,74,.022);
  --dx-white-_028:rgba(17,38,74,.028);
  --dx-white-_03:rgba(17,38,74,.03);
  --dx-white-_04:rgba(17,38,74,.04);
  --dx-white-_045:rgba(17,38,74,.045);
  --dx-white-_05:rgba(17,38,74,.05);
  --dx-white-_055:rgba(17,38,74,.055);
  --dx-white-_06:rgba(17,38,74,.06);
  --dx-white-_07:rgba(17,38,74,.07);
  --dx-white-_08:rgba(17,38,74,.08);
  --dx-white-_09:rgba(17,38,74,.09);
  --dx-white-_1:rgba(17,38,74,.1);
  --dx-white-_14:rgba(17,38,74,.14);
  --dx-white-_16:rgba(17,38,74,.16);
  --dx-white-_2:rgba(17,38,74,.2);
  --dx-white-_26:rgba(17,38,74,.26);
  --dx-white-_4:rgba(17,38,74,.4);
  --dx-white-_45:rgba(17,38,74,.45);
}

html[data-theme="light"] {
  --dx-panel-10-14-22-0_72:var(--dx-bg-1);
  --dx-panel-12-18-32-0_5:var(--dx-bg-1);
  --dx-panel-28-46-86-0_28:var(--dx-bg-1);
  --dx-panel-4-18-28-_18:var(--dx-bg-1);
  --dx-panel-5-8-14-_72:var(--dx-bg-1);
  --dx-panel-8-12-19-0_9:var(--dx-bg-1);
  --dx-panel-9-13-20-0_92:var(--dx-bg-1);
}