/* Generated from the website navigation; edit index.html and rebuild. */
.nav { display: flex; align-items: center; padding: 10.2px 13.6px; }
.nav a { color: inherit; text-decoration: none; }
.brand-logo { display: block; width: 180px; height: 38px; flex-shrink: 0; }
.brand-logo img { display: block; width: 100%; height: 100%; object-fit: contain; }
.seg { display: inline-flex; align-items: center; flex-shrink: 0; }
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; line-height: 1.2; border: 1px solid transparent; }
[data-active-nav="faq"] [data-nav="faq"],
[data-active-nav="solution"] [data-nav="solution"] { color: var(--color-accent-700); box-shadow: inset 0 -1px 0 var(--color-accent); }
.site-header .theme-toggle { display: none; }
.js .site-header .theme-toggle { display: inline-flex; }

  [data-l] { display: none; }
  [data-l="zh"] { display: inline; }
  [data-lang="ru"] [data-l="zh"] { display: none; }
  [data-lang="ru"] [data-l="ru"] { display: inline; }
  [data-lang="en"] [data-l="zh"] { display: none; }
  [data-lang="en"] [data-l="en"] { display: inline; }


  [data-nav] { appearance: none; background: none; border: 0; font: inherit; font-size: 14px;
    letter-spacing: 0.02em; color: inherit; cursor: pointer; padding: 7px 0; white-space: nowrap; }
  [data-nav]:hover { color: var(--color-accent-600); }
  [data-view="home"] [data-nav="home"],

  [data-view="about"] [data-nav="about"],
  [data-view="demo"] [data-nav="demo"],
  [data-view="sol-h"] [data-nav="solution"], [data-view="sol-s"] [data-nav="solution"], [data-view="sol-p"] [data-nav="solution"], [data-view="platform"] [data-nav="solution"],
  [data-view="tut-pda"] [data-nav="help"], [data-view="tut-admin"] [data-nav="help"], [data-view="watch"] [data-nav="help"] { color: var(--color-accent-700); box-shadow: inset 0 -1px 0 var(--color-accent); }

  /* 窄屏主导航：汉堡键 + 左侧抽屉。两者默认隐藏，只在 860px 以下接管导航 */
  [data-burger] { display: none; appearance: none; padding: 0; cursor: pointer;
    width: 36px; height: 34px; align-items: center; justify-content: center;
    border: 1px solid var(--color-divider); background: none; color: var(--color-text); }
  [data-burger]:hover { border-color: var(--color-accent); color: var(--color-accent-700); }
  [data-drawer-open] { display: none; }
  [data-drawer-open="1"] { display: block; }
  [data-drawer] [data-nav] { width: 100%; padding: 15px 0; font-size: 16px; text-align: left;
    border-bottom: 1px solid var(--color-divider); }
  [data-drawer] [data-dsub] { appearance: none; background: none; border: 0; cursor: pointer;
    font: inherit; font-size: 14px; color: color-mix(in srgb, var(--color-text) 72%, transparent);
    display: flex; align-items: baseline; gap: 10px; width: 100%; padding: 11px 0 11px 14px;
    border-bottom: 1px solid var(--color-divider); text-align: left; }
  [data-drawer] [data-dsub] > i { font-style: normal; font: 600 11px/1 var(--font-heading), sans-serif;
    letter-spacing: .1em; color: var(--color-accent-700); }
  [data-drawer] [data-dsub]:hover { color: var(--color-accent-700); }
  [data-drawer-x] { appearance: none; border: 1px solid var(--color-divider); background: none;
    color: var(--color-text); font: 400 20px/1 var(--font-body); width: 32px; height: 32px; cursor: pointer; }
  /* solutions dropdown */
  [data-menu] { position: relative; display: inline-flex; }
  [data-submenu] { position: absolute; top: 100%; left: -18px; min-width: 268px; background: var(--color-bg);
    border: 1px solid var(--color-divider); box-shadow: var(--shadow-md); padding: 6px 0; z-index: 40;
    opacity: 0; visibility: hidden; transform: translateY(-4px);
    transition: opacity .18s ease, transform .18s ease, visibility .18s; }
  [data-menu]:hover [data-submenu], [data-menu]:focus-within [data-submenu] { opacity: 1; visibility: visible; transform: none; }
  [data-menu="faq"] [data-submenu] { min-width: 360px; }
  a[data-nav], a[data-subitem], a[data-dsub] { text-decoration: none; }
  [data-subitem] { appearance: none; background: none; border: 0; font: inherit; text-align: left; cursor: pointer;
    display: flex; align-items: baseline; gap: 12px; width: 100%; padding: 9px 18px; color: inherit; }
  [data-subitem]:hover { background: var(--color-accent-100); color: var(--color-accent-800); }
  [data-subitem] > i { font-style: normal; font: 600 11px/1.4 var(--font-heading), sans-serif; letter-spacing: .12em;
    color: var(--color-accent-700); min-width: 46px; }
  [data-subitem] > b { font-weight: 400; font-size: 14px; }
  [data-subitem] > s { text-decoration: none; margin-left: auto; font-size: 11px; letter-spacing: .06em;
    color: color-mix(in srgb, var(--color-text) 45%, transparent); }



  [data-langbtn] { appearance: none; border: 0; font: inherit; font-size: 12px; letter-spacing: 0.06em;
    cursor: pointer; padding: 6px 10px; background: none; color: inherit; }
  [data-langbtn="zh"] { background: var(--color-accent); color: var(--color-bg); }
  [data-langbtn] + [data-langbtn] { border-left: 1px solid var(--color-divider); }
  [data-lang] [data-langbtn] { background: none; color: inherit; }
  [data-lang="zh"] [data-langbtn="zh"], [data-lang="ru"] [data-langbtn="ru"],
  [data-lang="en"] [data-langbtn="en"] { background: var(--color-accent); color: var(--color-bg); }



[data-menu][data-open] [data-submenu] { opacity: 1; visibility: visible; transform: none; }
@media (max-width: 1320px) {
  html:not(.js) .site-header [data-navlinks] { display: flex !important; flex-wrap: wrap; }
  html:not(.js) .site-header .nav { flex-wrap: wrap; }
  html:not(.js) .site-header [data-burger] { display: none; }
}