/*
  THESIS: This site behaves like a precise product dossier, not a neon AI landing page.
  OWN-WORLD: Cloud-grey canvas, white working surfaces, rock-blue actions, restrained borders, real imagery.
  STORY: Visitors identify the company, understand its product system, inspect evidence, and move to a real page or download.
  FIRST VIEWPORT: Quiet company navigation frames one decisive piece of real visual evidence and a clear route into the site.
  FORM: Cloud-grey technical dossier; approved by the user for a full local redesign.
  FINISH: unreviewed and undocumented is unfinished; this build ends with the finish review, the verdict, and DESIGN.md
*/

:root {
  --lx-canvas: #f3f5f7;
  --lx-surface: #ffffff;
  --lx-surface-soft: #e9edf1;
  --lx-surface-blue: #e7eff7;
  --lx-ink: #202938;
  --lx-copy: #5f6b7a;
  --lx-muted: #5e6a79;
  --lx-line: #d8dfe6;
  --lx-line-strong: #c8d2dc;
  --lx-blue: #3a6b9a;
  --lx-blue-strong: #315d88;
  --lx-green: #2b7467;
  --lx-warn: #8a4d27;
  --lx-danger: #a64040;
  --lx-content: 1200px;
  --lx-reading: 760px;
  --lx-radius-sm: 9px;
  --lx-radius: 14px;
  --lx-shadow: 0 18px 48px rgba(32, 41, 56, 0.09);
  --lx-shadow-soft: 0 9px 28px rgba(32, 41, 56, 0.06);
}

html { scroll-behavior: smooth; scroll-padding-top: 88px; }
body.lx-site,
body.lx-product {
  margin: 0;
  color: var(--lx-ink);
  background: var(--lx-canvas);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;
  line-height: 1.68;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
}

body.lx-site *,
body.lx-site *::before,
body.lx-site *::after,
body.lx-product *,
body.lx-product *::before,
body.lx-product *::after { box-sizing: border-box; }

body.lx-site img,
body.lx-product img { max-width: 100%; }

body.lx-site a,
body.lx-site button,
body.lx-product a,
body.lx-product button { -webkit-tap-highlight-color: transparent; }

body.lx-site a:focus-visible,
body.lx-site button:focus-visible,
body.lx-site summary:focus-visible,
body.lx-product a:focus-visible,
body.lx-product button:focus-visible,
body.lx-product input:focus-visible,
body.lx-product select:focus-visible {
  outline: 3px solid rgba(63, 114, 164, 0.28) !important;
  outline-offset: 3px;
}

.skip-link {
  position: fixed;
  z-index: 9999;
  top: 10px;
  left: 12px;
  padding: 10px 14px;
  color: #fff;
  background: var(--lx-blue-strong);
  border-radius: var(--lx-radius-sm);
  transform: translateY(-160%);
  transition: transform 160ms ease;
}
.skip-link:focus { transform: translateY(0); }

body.lx-site .container {
  width: min(calc(100% - 48px), var(--lx-content));
  max-width: var(--lx-content);
  margin-inline: auto;
  padding-inline: 0;
}

/* Shared company navigation */
body.page-home .header,
body.page-news .header,
body.page-news-detail .header,
body.page-competition .site-header {
  position: sticky !important;
  z-index: 1000;
  top: 0;
  left: auto;
  right: auto;
  min-height: 72px;
  padding: 0 !important;
  color: var(--lx-ink);
  background: rgba(255, 255, 255, 0.97) !important;
  border-bottom: 1px solid rgba(216, 223, 230, 0.92);
  box-shadow: none !important;
  transform: none !important;
  backdrop-filter: saturate(120%) blur(12px);
}

body.page-home .header .container,
body.page-news .header .container,
body.page-news-detail .header .container,
body.page-competition .header-inner {
  min-height: 72px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
}

/* 新闻内容暂时保留，仅隐藏全站公开入口与首页展示，便于后续恢复。 */
body.page-home #news,
.header a[href$="news.html"],
.site-header a[href$="news.html"],
.product-site-header a[href$="/news.html"] {
  display: none !important;
}

body.lx-site .logo,
body.lx-site .brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  color: var(--lx-ink);
  text-decoration: none;
}

body.lx-site .logo img,
body.lx-site .brand img {
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  object-fit: contain;
}

body.lx-site .logo-text,
body.lx-site .brand span {
  color: var(--lx-ink) !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.01em;
  white-space: nowrap;
}

body.lx-site .nav-list,
body.page-competition .desktop-nav {
  display: flex;
  align-items: center;
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
}

body.lx-site .nav-link,
body.page-competition .desktop-nav a {
  display: inline-flex;
  min-height: 40px;
  align-items: center;
  padding: 0 13px !important;
  color: #435064 !important;
  background: transparent !important;
  border-radius: 8px;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-decoration: none;
  transition: color 160ms ease, background-color 160ms ease;
}

body.lx-site .nav-link:hover,
body.lx-site .nav-link[aria-current="page"],
body.page-competition .desktop-nav a:hover,
body.page-competition .desktop-nav a[aria-current="page"] {
  color: var(--lx-blue-strong) !important;
  background: var(--lx-surface-blue) !important;
}

body.lx-site .dropdown { position: relative; }
body.lx-site .dropdown-menu {
  position: absolute;
  z-index: 1100;
  top: calc(100% + 8px);
  left: 0;
  display: block;
  min-width: 248px;
  margin: 0;
  padding: 8px;
  visibility: hidden;
  opacity: 0;
  background: var(--lx-surface) !important;
  border: 1px solid var(--lx-line);
  border-radius: 12px !important;
  box-shadow: var(--lx-shadow);
  transform: translateY(-4px);
  transition: opacity 160ms ease, transform 160ms ease, visibility 160ms ease;
  overflow: visible;
}

body.lx-site .dropdown:hover .dropdown-menu,
body.lx-site .dropdown:focus-within .dropdown-menu {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}

body.lx-site .dropdown-menu a {
  display: block;
  padding: 10px 12px !important;
  color: var(--lx-copy) !important;
  background: transparent !important;
  border-radius: 7px;
  font-size: 13px !important;
  text-decoration: none;
}
body.lx-site .dropdown-menu a:hover,
body.lx-site .dropdown-menu a:focus-visible {
  color: var(--lx-blue-strong) !important;
  background: var(--lx-surface-blue) !important;
}

body.lx-site .mobile-menu-btn,
body.page-competition .menu-toggle {
  display: none;
  width: 46px;
  height: 42px;
  padding: 10px;
  color: var(--lx-ink);
  background: var(--lx-surface) !important;
  border: 1px solid var(--lx-line) !important;
  border-radius: 10px !important;
  cursor: pointer;
}

body.lx-site .mobile-menu-btn span {
  display: block;
  width: 20px;
  height: 2px;
  margin: 4px auto;
  background: var(--lx-ink);
  border-radius: 2px;
  transition: transform 160ms ease, opacity 160ms ease;
}

/* Home */
body.page-home main { overflow: clip; }
body.page-home .carousel-section {
  position: relative;
  height: auto;
  min-height: 0;
  padding: 30px 24px 0;
  background: var(--lx-canvas);
}
body.page-home .carousel {
  position: relative;
  width: min(100%, 1320px);
  height: auto;
  aspect-ratio: 12 / 5;
  margin-inline: auto;
  overflow: hidden;
  background: var(--lx-surface-soft);
  border: 1px solid var(--lx-line);
  border-radius: 16px;
  box-shadow: var(--lx-shadow-soft);
}
body.page-home .carousel-item { inset: 0; }
body.page-home .carousel-item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
body.page-home .carousel-prev,
body.page-home .carousel-next {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  color: var(--lx-ink);
  background: rgba(255, 255, 255, 0.92) !important;
  border: 1px solid rgba(216, 223, 230, 0.95) !important;
  border-radius: 50% !important;
  box-shadow: 0 8px 24px rgba(32, 41, 56, 0.12);
  font-size: 20px;
  line-height: 1;
}
body.page-home .carousel-prev { left: 20px; }
body.page-home .carousel-next { right: 20px; }
body.page-home .carousel-indicators {
  right: 24px;
  bottom: 20px;
  left: auto;
  display: flex;
  gap: 8px;
  padding: 8px 10px;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(216, 223, 230, 0.9);
  border-radius: 999px;
}
body.page-home .indicator {
  width: 8px;
  height: 8px;
  padding: 0;
  background: #aeb8c3;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
}
body.page-home .indicator.active { width: 24px; background: var(--lx-blue); border-radius: 8px; }

body.page-home .about-section,
body.page-home .products-section,
body.page-home .news-section,
body.page-home .strategic-section,
body.page-home .partners-section {
  padding: 108px 0;
  background: var(--lx-canvas);
}

body.page-home .about-section .container {
  display: grid;
  grid-template-columns: minmax(190px, 0.28fr) minmax(0, 1fr);
  gap: 72px;
  align-items: start;
}

body.page-home .section-title,
body.page-home .section-title-white,
body.page-news .section-title {
  margin: 0;
  color: var(--lx-ink) !important;
  font-size: clamp(32px, 4vw, 48px);
  font-weight: 720;
  line-height: 1.16;
  letter-spacing: -0.035em;
  text-align: left;
}
body.page-home .section-title::after,
body.page-home .section-title-white::after,
body.page-news .section-title::after { display: none; }

body.page-home .about-content {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr);
  gap: 48px;
  align-items: center;
}
body.page-home .about-image {
  min-height: 430px;
  overflow: hidden;
  background: var(--lx-surface-soft);
  border-radius: 14px;
}
body.page-home .about-image img { width: 100%; height: 100%; min-height: 430px; object-fit: cover; }
body.page-home .about-text { color: var(--lx-copy); font-size: 17px; line-height: 1.9; }
body.page-home .business-title { margin: 30px 0 8px; color: var(--lx-ink); font-weight: 700; }
body.page-home .business-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 28px;
  margin: 0;
  padding: 0;
  list-style: none;
}
body.page-home .business-list li {
  padding: 12px 0;
  color: var(--lx-copy);
  border-bottom: 1px solid var(--lx-line);
}
body.page-home .business-list li::before { display: none; }

body.page-home .products-section { padding-bottom: 118px; background: var(--lx-surface-soft); }
body.page-home .products-section > .container { margin-bottom: 42px; }
body.page-home .products-section-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 32px;
}
body.page-home .products-section-heading p {
  max-width: 48ch;
  margin: 14px 0 0;
  color: var(--lx-copy);
  font-size: 15px;
}
body.page-home .products-overview-link {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 42px;
  padding: 0 16px;
  color: var(--lx-blue-strong);
  background: rgba(255, 255, 255, 0.66);
  border: 1px solid var(--lx-line);
  border-radius: var(--lx-radius-sm);
  font-size: 14px;
  font-weight: 680;
  text-decoration: none;
  white-space: nowrap;
}
body.page-home .products-overview-link:hover { background: var(--lx-surface); border-color: var(--lx-line-strong); }
body.page-home .products-dark-bg { padding: 0; background: transparent !important; }
body.page-home .products-layout {
  display: grid;
  grid-template-columns: minmax(300px, 0.7fr) minmax(0, 1.3fr);
  gap: 54px;
  align-items: start;
}
body.page-home .products-left,
body.page-home .products-right { min-width: 0; }
body.page-home .product-list { margin: 0; padding: 0; border-top: 1px solid var(--lx-line-strong); }
body.page-home .product-item {
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 4px 18px;
  align-items: center;
  min-height: 90px;
  padding: 18px 16px !important;
  color: var(--lx-copy) !important;
  text-decoration: none !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid var(--lx-line-strong) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  cursor: pointer;
  transition: color 160ms ease, background-color 160ms ease;
}
body.page-home .product-item:hover,
body.page-home .product-item:focus-visible,
body.page-home .product-item.active {
  color: var(--lx-ink) !important;
  background: rgba(255, 255, 255, 0.72) !important;
}
body.page-home .product-item:focus-visible { outline: 3px solid rgba(63, 114, 164, 0.26); outline-offset: -3px; }
body.page-home .product-item .product-name,
body.page-home .product-item:hover .product-name,
body.page-home .product-item.active .product-name {
  grid-column: 1;
  grid-row: 1;
  margin: 0;
  color: inherit !important;
  font-size: 18px !important;
  font-weight: 700;
  line-height: 1.45;
}
body.page-home .product-item .product-desc,
body.page-home .product-item:hover .product-desc,
body.page-home .product-item.active .product-desc {
  grid-column: 1;
  grid-row: 2;
  color: var(--lx-muted) !important;
  font-size: 13px !important;
  line-height: 1.55;
}
body.page-home .product-arrow {
  grid-column: 2;
  grid-row: 1 / span 2;
  position: static;
  align-self: center;
  opacity: 1;
  color: var(--lx-blue) !important;
  font-size: 20px;
  transform: none !important;
}
body.page-home .products-right { position: sticky; top: 102px; }
body.page-home .product-images { display: none; }
body.page-home .product-images.active { display: block; }
body.page-home .image-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
body.page-home .image-link:first-child { grid-column: 1 / -1; }
body.page-home .image-item {
  position: relative;
  height: clamp(112px, 10vw, 150px);
  overflow: hidden;
  background: var(--lx-surface);
  border: 1px solid var(--lx-line);
  border-radius: 12px;
  box-shadow: none;
}
body.page-home .image-link:first-child .image-item { height: clamp(310px, 31vw, 440px); }
body.page-home .image-item img { width: 100%; height: 100%; object-fit: cover; transition: transform 280ms ease; }
body.page-home .image-link:hover .image-item img { transform: scale(1.025); }
body.page-home .image-arrow {
  right: 14px;
  bottom: 14px;
  width: 34px;
  height: 34px;
  background: rgba(255, 255, 255, 0.92) !important;
  border: 1px solid var(--lx-line);
  border-radius: 50%;
}

body.page-home .news-section { background: var(--lx-surface); }
body.page-home .news-section .container {
  display: grid;
  grid-template-columns: minmax(240px, 0.28fr) minmax(0, 1fr);
  gap: 56px;
  align-items: start;
}
body.page-home .news-section .section-title {
  font-size: clamp(34px, 3vw, 40px);
  white-space: nowrap;
}
body.page-home .news-container {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
body.page-home .news-item-link { color: inherit; text-decoration: none; }
body.page-home .news-item-link:first-child { grid-row: auto; }
body.page-home .news-item {
  height: 100%;
  min-height: 238px;
  display: flex;
  flex-direction: column;
  padding: 24px;
  background: var(--lx-canvas);
  border: 1px solid var(--lx-line);
  border-radius: 12px;
  box-shadow: none;
  transition: border-color 160ms ease, background-color 160ms ease;
}
body.page-home .news-item-link:first-child .news-item { padding: 24px; overflow: visible; }
body.page-home .news-item:hover { background: #eef2f5; border-color: var(--lx-line-strong); transform: none; }
body.page-home .news-image,
body.page-home .news-item-link:first-child .news-image { display: none; }
body.page-home .news-content,
body.page-home .news-item-link:first-child .news-content {
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 0;
}
body.page-home .news-date { color: var(--lx-muted); font-size: 12px; font-weight: 650; }
body.page-home .news-title { margin: 8px 0; color: var(--lx-ink); font-size: 18px; line-height: 1.45; }
body.page-home .news-item-link:first-child .news-title { font-size: 18px; }
body.page-home .news-desc { margin: 0; color: var(--lx-copy); font-size: 14px; line-height: 1.8; }
body.page-home .news-content::after {
  content: "阅读全文  →";
  margin-top: auto;
  padding-top: 24px;
  color: var(--lx-blue);
  font-size: 13px;
  font-weight: 650;
}

body.page-home .strategic-section { background: var(--lx-canvas); }
body.page-home .partners-section { padding-top: 0; background: var(--lx-canvas); }
body.page-home .strategic-section .container,
body.page-home .partners-section .container {
  display: grid;
  grid-template-columns: minmax(190px, 0.28fr) minmax(0, 1fr);
  gap: 72px;
  align-items: start;
}
body.page-home .strategic-grid,
body.page-home .partners-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0;
  overflow: hidden;
  background: var(--lx-surface);
  border: 1px solid var(--lx-line);
  border-radius: 12px;
}
body.page-home .partner-item,
body.page-home .strategic-item {
  min-width: 0;
  min-height: 142px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 18px 12px;
  background: var(--lx-surface) !important;
  border: 0 !important;
  border-right: 1px solid var(--lx-line) !important;
  border-bottom: 1px solid var(--lx-line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}
body.page-home .partner-item img,
body.page-home .strategic-item img { width: auto; max-width: 92%; height: 56px; object-fit: contain; }
body.page-home .partner-item span,
body.page-home .strategic-item span { color: var(--lx-copy); font-size: 12px; line-height: 1.35; text-align: center; }

body.page-home .footer,
body.page-news .footer,
body.page-news footer,
body.page-news-detail .footer {
  margin: 0;
  padding: 72px 0 0;
  color: var(--lx-copy) !important;
  background: var(--lx-surface-soft) !important;
  border-top: 1px solid var(--lx-line);
}
body.page-home .footer-content { display: grid; grid-template-columns: 1fr 0.8fr 1.2fr; gap: 56px; }
body.page-home .footer-section h3,
body.page-news .contact-item h4 { color: var(--lx-ink) !important; }
body.page-home .contact-list,
body.page-home .product-list-footer { color: var(--lx-copy); }
body.page-home .contact-list li,
body.page-home .product-list-footer li,
body.page-home #copyright-counter { color: var(--lx-copy) !important; }
body.page-home .product-list-footer li a { color: var(--lx-copy) !important; text-decoration: none; }
body.page-home .product-list-footer li a:hover { color: var(--lx-blue-strong) !important; padding-left: 0; }
body.page-home .copyright-images {
  padding: 10px;
  background: var(--lx-surface);
  border: 1px solid var(--lx-line);
  border-radius: 12px;
}
body.page-home .copyright-nav button {
  min-height: 36px;
  padding: 0 12px;
  color: var(--lx-blue-strong);
  background: var(--lx-surface-blue);
  border: 0;
  border-radius: 7px;
}
body.page-home .copyright,
body.page-news .copyright,
body.page-news-detail .copyright {
  margin-top: 54px;
  padding: 20px 24px;
  color: var(--lx-muted) !important;
  background: rgba(255, 255, 255, 0.45);
  border-top: 1px solid var(--lx-line);
  font-size: 13px;
}

/* News list */
body.page-news .news-section {
  max-width: var(--lx-content);
  margin: 0 auto;
  padding: 70px 24px 110px;
}
body.page-news .news-page-intro {
  display: grid;
  grid-template-columns: minmax(0, 0.72fr) minmax(300px, 1.28fr);
  gap: 56px;
  align-items: end;
  margin-bottom: 42px;
  padding-bottom: 38px;
  border-bottom: 1px solid var(--lx-line-strong);
}
body.page-news .news-page-intro h1 {
  margin: 0;
  color: var(--lx-ink);
  font-size: clamp(2.25rem, 4.2vw, 3.25rem);
  font-weight: 750;
  line-height: 1.1;
  letter-spacing: -0.035em;
}
body.page-news .news-page-intro p { max-width: 52ch; margin: 0; color: var(--lx-copy); font-size: 16px; line-height: 1.8; }
body.page-news .news-grid {
  display: block;
  border-top: 1px solid var(--lx-line-strong);
}
body.page-news .news-card-link,
body.page-news .news-card-link:first-child,
body.page-news .news-card-link:nth-child(2) { display: block; color: inherit; text-decoration: none; }
body.page-news .news-card {
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr);
  gap: 34px;
  min-height: 0;
  padding: 28px 0;
  overflow: visible;
  background: transparent !important;
  border: 0;
  border-bottom: 1px solid var(--lx-line-strong);
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
  transition: border-color 160ms ease;
}
body.page-news .news-card:hover { border-color: var(--lx-blue); }
body.page-news .news-image {
  display: flex;
  align-items: flex-start;
  height: auto;
  min-height: 0;
  margin-top: 2px;
  overflow: visible;
  background: transparent !important;
  border-radius: 0;
}
body.page-news .news-card-link:first-child .news-image { height: auto; }
body.page-news .news-image img { display: none; }
body.page-news .news-date {
  position: static;
  display: inline-block;
  padding: 0;
  color: var(--lx-muted);
  background: transparent !important;
  border-radius: 0;
  font-size: 13px;
  font-weight: 650;
}
body.page-news .news-content {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px 40px;
  align-items: start;
  padding: 0;
}
body.page-news .news-title { grid-column: 1; margin: 0; color: var(--lx-ink); font-size: clamp(19px, 2vw, 24px); line-height: 1.38; }
body.page-news .news-card-link:first-child .news-title { font-size: clamp(19px, 2vw, 24px); }
body.page-news .news-desc { grid-column: 1; max-width: 72ch; margin: 0; color: var(--lx-copy); font-size: 15px; line-height: 1.8; }
body.page-news .news-content::after {
  content: "查看详情  →";
  grid-column: 2;
  grid-row: 1 / span 2;
  align-self: center;
  color: var(--lx-blue);
  font-size: 13px;
  font-weight: 650;
  white-space: nowrap;
}
body.page-news .contact-info {
  max-width: var(--lx-content);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr);
  gap: 24px;
  padding: 0 24px 42px;
  border: 0;
}
body.page-news .contact-item { text-align: left; }
body.page-news .contact-item p { color: var(--lx-copy) !important; }
body.page-news .contact-people p + p { margin-top: 8px; }

/* News detail */
body.page-news-detail .news-detail-section {
  max-width: var(--lx-reading);
  margin: 0 auto;
  padding: 82px 24px 108px;
}
body.page-news-detail .news-detail-title {
  margin: 0 0 16px;
  color: var(--lx-ink);
  max-width: 20ch;
  font-size: clamp(30px, 4.5vw, 48px);
  font-weight: 720;
  line-height: 1.18;
  letter-spacing: -0.035em;
  text-align: left;
  text-wrap: balance;
}
body.page-news-detail .news-detail-meta {
  margin-bottom: 30px;
  color: var(--lx-muted);
  text-align: left;
}
body.page-news-detail .news-detail-image {
  display: none;
}
body.page-news-detail .news-detail-content { color: #465365; font-size: 17px; line-height: 1.95; }
body.page-news-detail .news-detail-content p { margin-bottom: 24px; text-indent: 0; }
body.page-news-detail .back-link {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  margin-top: 26px;
  padding: 0 16px;
  color: var(--lx-blue-strong);
  background: var(--lx-surface-blue) !important;
  border: 1px solid transparent;
  border-radius: 9px;
  box-shadow: none;
  transform: none !important;
}

/* AI detector / competition page */
body.page-competition {
  --ink: var(--lx-ink);
  --ink-soft: var(--lx-copy);
  --muted: var(--lx-muted);
  --line: var(--lx-line);
  --line-strong: var(--lx-line-strong);
  --surface: var(--lx-surface);
  --soft: var(--lx-canvas);
  --blue-soft: var(--lx-surface-blue);
  --blue: var(--lx-blue);
  --blue-dark: var(--lx-blue-strong);
  --green: var(--lx-green);
  --navy: var(--lx-surface-soft);
  --navy-soft: var(--lx-surface);
  --content: var(--lx-content);
  background: var(--lx-canvas);
}
body.page-competition .site-header { color: var(--lx-ink); }
body.page-competition .competition-section-nav {
  position: sticky;
  z-index: 900;
  top: 72px;
  background: rgba(243, 245, 247, 0.96);
  border-bottom: 1px solid var(--lx-line);
  backdrop-filter: saturate(120%) blur(10px);
}
body.page-competition .competition-section-nav .container {
  min-height: 52px;
  display: flex;
  align-items: center;
  gap: 8px;
  overflow-x: auto;
  scrollbar-width: none;
}
body.page-competition .competition-section-nav .container::-webkit-scrollbar { display: none; }
body.page-competition .competition-section-nav a {
  flex: 0 0 auto;
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  padding: 7px 11px;
  color: var(--lx-copy);
  border: 1px solid transparent;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 650;
  text-decoration: none;
  white-space: nowrap;
}
body.page-competition .competition-section-nav a:hover,
body.page-competition .competition-section-nav a:focus-visible { color: var(--lx-blue-strong); background: var(--lx-surface); border-color: var(--lx-line); }
body.page-competition #main-content [id] { scroll-margin-top: 148px; }
body.page-competition .header-download,
body.page-competition .button-primary,
body.page-competition .mobile-download {
  color: #fff;
  background: var(--lx-blue) !important;
  border-color: var(--lx-blue) !important;
  box-shadow: none !important;
}
body.page-competition .header-download:hover,
body.page-competition .button-primary:hover { background: var(--lx-blue-strong) !important; }
body.page-competition .download-note {
  max-width: 620px;
  margin: 14px 0 0;
  color: var(--lx-muted);
  font-size: 13px;
  line-height: 1.6;
}
body.page-competition .js-download-link.is-loading {
  cursor: progress;
  opacity: 0.78;
}
body.page-competition .hero {
  padding: 76px 0 84px;
  background: var(--lx-canvas) !important;
}
body.page-competition .hero::before,
body.page-competition .hero::after { display: none; }
body.page-competition .hero .container {
  display: grid;
  grid-template-columns: minmax(330px, 0.78fr) minmax(0, 1.22fr);
  gap: 54px;
  align-items: center;
}
body.page-competition .hero-copy { margin: 0; text-align: left; }
body.page-competition .hero h1 {
  margin: 0 0 18px;
  color: var(--lx-ink);
  font-size: clamp(40px, 5vw, 64px);
  line-height: 1.08;
  letter-spacing: -0.04em;
}
body.page-competition .hero-statement {
  margin: 0 0 20px;
  color: var(--lx-blue-strong);
  font-size: clamp(20px, 2.3vw, 30px);
  font-weight: 680;
  line-height: 1.35;
}
body.page-competition .hero-lead { margin: 0; color: var(--lx-copy); font-size: 16px; }
body.page-competition .hero-actions { justify-content: flex-start; margin-top: 28px; }
body.page-competition .button { min-height: 46px; border-radius: 9px; }
body.page-competition .button-secondary { background: var(--lx-surface); border-color: var(--lx-line-strong); }
body.page-competition .trust-row {
  justify-content: flex-start;
  gap: 10px 22px;
  margin-top: 24px;
  color: var(--lx-muted);
}
body.page-competition .trust-row span::before { width: 5px; height: 5px; box-shadow: none; }
body.page-competition .product-frame {
  padding: 8px;
  background: var(--lx-surface);
  border: 1px solid var(--lx-line);
  border-radius: 14px;
  box-shadow: var(--lx-shadow);
}
body.page-competition .event-access {
  margin-top: 44px;
  padding: 28px 30px;
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid var(--lx-line);
  border-radius: var(--lx-radius);
}
body.page-competition .hero .event-access-shell { display: block; }
body.page-competition .event-access-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--lx-line);
}
body.page-competition .event-access-header h2 { margin: 0; color: var(--lx-ink); font-size: 18px; line-height: 1.4; }
body.page-competition .event-name-block { padding: 24px 0 12px; }
body.page-competition .event-name-block span {
  display: block;
  margin-bottom: 8px;
  color: var(--lx-blue-strong);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
}
body.page-competition .event-name-block h3 {
  margin: 0;
  color: var(--lx-ink);
  font-size: clamp(23px, 2.1vw, 30px);
  line-height: 1.35;
}
body.page-competition .event-introduction {
  max-width: 1040px;
  color: var(--lx-copy);
  font-size: 15px;
  line-height: 1.9;
}
body.page-competition .event-introduction p { margin: 0; }
body.page-competition .event-introduction p + p { margin-top: 12px; }
body.page-competition .event-access-note {
  margin: 22px 0 0;
  padding-top: 16px;
  color: var(--lx-muted);
  font-size: 12px;
  line-height: 1.7;
  border-top: 1px solid var(--lx-line);
}
body.page-competition .event-access-actions { flex: 0 0 auto; display: flex; align-items: center; gap: 10px; }
body.page-competition .event-access-actions .button { min-height: 42px; padding-inline: 16px; font-size: 13px; }
body.page-competition .section,
body.page-competition .evidence-section { padding: 104px 0; }
body.page-competition .section-soft,
body.page-competition .evidence-section { background: var(--lx-surface-soft) !important; }
body.page-competition .evidence-section { color: var(--lx-ink) !important; }
body.page-competition .evidence-shot {
  padding: 8px;
  background: var(--lx-surface);
  border: 1px solid var(--lx-line);
  border-radius: 14px;
  box-shadow: var(--lx-shadow-soft);
}
body.page-competition .evidence-copy h2,
body.page-competition .section-heading h2,
body.page-competition .final-cta h2 { color: var(--lx-ink); }
body.page-competition .evidence-copy > p,
body.page-competition .feature-item p { color: var(--lx-copy); }
body.page-competition .feature-list { gap: 0; border-top: 1px solid var(--lx-line-strong); }
body.page-competition .feature-item {
  display: block;
  padding: 20px 0;
  border-bottom: 1px solid var(--lx-line-strong);
}
body.page-competition .feature-number { display: none; }
body.page-competition .scenario-grid { gap: 44px; }
body.page-competition .scenario-card {
  min-height: 0;
  padding: 28px 0 0;
  background: transparent;
  border: 0;
  border-top: 1px solid var(--lx-line-strong);
  border-radius: 0;
  box-shadow: none;
}
body.page-competition .scenario-index { display: none; }
body.page-competition .scenario-card h3 { margin: 0 0 10px; }
body.page-competition .scenario-tags { gap: 0; color: var(--lx-muted); }
body.page-competition .scenario-tags span {
  padding: 0 12px;
  color: var(--lx-muted);
  background: transparent;
  border: 0;
  border-right: 1px solid var(--lx-line-strong);
  border-radius: 0;
}
body.page-competition .scenario-tags span:first-child { padding-left: 0; }
body.page-competition .scenario-tags span:last-child { border-right: 0; }
body.page-competition .guide-note { color: var(--lx-copy); background: var(--lx-surface-blue); border-color: #cfdae5; }
body.page-competition .step {
  padding: 24px 0;
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--lx-line);
  border-radius: 0;
  box-shadow: none;
}
body.page-competition .step:first-child { border-top: 1px solid var(--lx-line); }
body.page-competition .step-number { color: var(--lx-blue-strong); background: var(--lx-surface-blue); border-radius: 10px; }
body.page-competition .interface-guide,
body.page-competition .requirements-card {
  background: var(--lx-surface);
  border-color: var(--lx-line);
  border-radius: 14px;
  box-shadow: none;
}
body.page-competition .notice-link { border-radius: 10px; box-shadow: none !important; }
body.page-competition .final-cta { background: var(--lx-surface-blue) !important; }
body.page-competition .site-footer { background: var(--lx-canvas); border-color: var(--lx-line); }

/* Linked product pages: shared visual grammar without changing their data or controls */
body.lx-product {
  --primary: var(--lx-blue) !important;
  --primary-dark: var(--lx-blue-strong) !important;
  --secondary: #6d859b !important;
  --accent: var(--lx-blue) !important;
  --light-bg: var(--lx-canvas) !important;
  --light-blue: var(--lx-surface-blue) !important;
  --white: var(--lx-surface) !important;
  --gray-900: var(--lx-ink) !important;
  --gray-700: var(--lx-copy) !important;
  --gray-500: var(--lx-muted) !important;
}
body.lx-product h1,
body.lx-product h2,
body.lx-product h3,
body.lx-product h4 { letter-spacing: -0.025em; }
body.lx-product .nav-fixed,
body.lx-product #navbar,
body.page-embodied > nav,
body.page-ai-education .header,
body.page-information-security .header {
  background: rgba(255, 255, 255, 0.97) !important;
  border-bottom: 1px solid var(--lx-line) !important;
  box-shadow: none !important;
  backdrop-filter: saturate(120%) blur(12px);
}
body.lx-product .nav-fixed *,
body.page-model #navbar *,
body.page-ai-education .header *,
body.page-information-security .header * { text-shadow: none !important; }
body.lx-product .nav-fixed a,
body.page-model #navbar a,
body.page-ai-education .header a,
body.page-information-security .header a { color: #435064 !important; }
body.lx-product .nav-fixed .logo-text,
body.page-model #navbar .text-white,
body.page-ai-education .header .logo-text,
body.page-information-security .header .logo-text { color: var(--lx-ink) !important; }

body.page-digital-human {
  overflow-x: hidden;
  background: var(--lx-canvas) !important;
}
body.page-digital-human #bg-canvas { display: none !important; }
body.page-digital-human #hero,
body.page-digital-human main > section,
body.page-digital-human .section-wrapper > section {
  overflow-x: clip;
  color: var(--lx-ink) !important;
  background: var(--lx-canvas) !important;
  background-image: none !important;
}
body.page-digital-human main > section:nth-of-type(even) { background-color: var(--lx-surface-soft) !important; }
body.page-digital-human #hero::before,
body.page-digital-human #hero::after,
body.page-digital-human .glow-effect { display: none !important; }
body.page-digital-human [class*="from-dark"] {
  color: var(--lx-ink) !important;
  background: var(--lx-surface-soft) !important;
  background-image: none !important;
}
body.page-digital-human .glow-orb { opacity: 0.08 !important; filter: grayscale(1); }
body.page-digital-human .glass-card,
body.page-digital-human .live-panel,
body.page-digital-human .feature-card,
body.page-digital-human [class*="card"] {
  background-color: var(--lx-surface) !important;
  background-image: none !important;
  border-color: var(--lx-line) !important;
  box-shadow: none !important;
}
body.page-digital-human .gradient-text,
body.page-digital-human .glow-text,
body.page-digital-human .stat-number {
  color: var(--lx-blue-strong) !important;
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
}
body.page-digital-human #hero {
  height: auto !important;
  min-height: calc(100vh - 170px) !important;
  padding-top: 72px !important;
  padding-bottom: 72px !important;
  overflow: visible !important;
}
body.page-digital-human .digital-human-metrics {
  width: min(100%, 920px);
  margin: 64px auto 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  overflow: hidden;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid var(--lx-line);
  border-radius: 14px;
}
body.page-digital-human .digital-human-metric {
  min-width: 0;
  padding: 24px 18px 22px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  text-align: center;
}
body.page-digital-human .digital-human-metric + .digital-human-metric { border-left: 1px solid var(--lx-line); }
body.page-digital-human .digital-human-metric .stat-number {
  display: block;
  font-family: inherit;
  font-size: clamp(28px, 3vw, 40px);
  font-weight: 760;
  line-height: 1.05;
  letter-spacing: -0.035em;
  white-space: nowrap;
}
body.page-digital-human .digital-human-metric span {
  display: block;
  color: var(--lx-copy) !important;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.5;
}
body.page-digital-human .text-white,
body.page-digital-human .text-gray-100,
body.page-digital-human .text-gray-200,
body.page-digital-human .text-gray-300 { color: var(--lx-ink) !important; }
body.page-digital-human .text-gray-400,
body.page-digital-human .text-gray-500 { color: var(--lx-copy) !important; }
body.page-digital-human #hero h1,
body.page-digital-human #hero h2 { color: var(--lx-ink) !important; text-shadow: none !important; }
body.page-digital-human #hero p { color: var(--lx-copy) !important; text-shadow: none !important; }
body.page-digital-human .nav-fixed > div > a .nav-link { color: var(--lx-ink) !important; }
body.page-digital-human #hero > div.relative span,
body.page-digital-human #hero .inline-flex span:last-child { color: var(--lx-copy) !important; }
body.page-digital-human .btn-primary { color: #fff !important; background: var(--lx-blue) !important; background-image: none !important; }
body.page-digital-human .btn-outline { color: var(--lx-blue-strong) !important; border-color: var(--lx-line-strong) !important; }
body.page-digital-human [class*="from-cyan"],
body.page-digital-human [class*="to-cyan"],
body.page-digital-human [class*="from-emerald"],
body.page-digital-human [class*="to-emerald"] { background-image: none !important; background-color: var(--lx-blue) !important; }
body.page-digital-human footer { color: var(--lx-copy) !important; background: var(--lx-surface-soft) !important; border-color: var(--lx-line) !important; }
body.page-digital-human [class~="text-muted"],
body.page-digital-human [class~="text-white/70"] { color: var(--lx-copy) !important; }
body.page-digital-human [class~="text-accent"] { color: var(--lx-blue-strong) !important; }
body.page-digital-human [class~="text-accent2"] { color: var(--lx-green) !important; }
body.page-digital-human [class~="text-amber-400"] { color: var(--lx-warn) !important; }
body.page-digital-human [class~="text-red-400"],
body.page-digital-human [class~="text-pink-400"],
body.page-digital-human [class~="text-purple-400"] { color: var(--lx-danger) !important; }

body.page-model { overflow-x: hidden; }
body.page-model #hero,
body.page-model > section:last-of-type,
body.page-model footer {
  overflow-x: clip;
  color: var(--lx-ink) !important;
  background: var(--lx-surface-soft) !important;
  background-image: none !important;
}
body.page-model #hero::before,
body.page-model #hero::after,
body.page-model .orbital-ring { opacity: 0.18 !important; filter: grayscale(1); }
body.page-model #hero .text-white,
body.page-model #hero .text-slate-200,
body.page-model #hero .text-slate-300,
body.page-model > section:last-of-type .text-white,
body.page-model footer .text-white { color: var(--lx-ink) !important; }
body.page-model #hero .text-cyan-300,
body.page-model #hero .text-cyan-400 { color: var(--lx-blue-strong) !important; }
body.page-model #hero h2[style] {
  color: var(--lx-blue-strong) !important;
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
}
body.page-model #hero {
  min-height: auto !important;
  display: grid !important;
  grid-template-columns: repeat(5, minmax(150px, 210px));
  align-content: center;
  justify-content: center;
  gap: 24px 18px;
  padding: 92px 48px 96px !important;
}
body.page-model #heroCenter {
  grid-column: 1 / -1;
  width: min(100%, 760px);
  margin: 0 auto 18px;
}
body.page-model #heroCenter h1 { font-size: clamp(44px, 6vw, 72px) !important; line-height: 1.05 !important; }
body.page-model #heroCenter h2 { font-size: clamp(28px, 3.8vw, 44px) !important; line-height: 1.15 !important; }
body.page-model #hero .orbit-card {
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  transform: none !important;
}
body.page-model #hero .orbit-card:hover { transform: translateY(-3px) !important; }
body.page-model #hero .orbit-card > div {
  width: 100% !important;
  height: 100%;
  background: rgba(255, 255, 255, 0.82) !important;
  border-color: var(--lx-line) !important;
  box-shadow: 0 10px 30px rgba(32, 41, 56, 0.05) !important;
}
body.page-model #hero .orbit-card h3 { color: var(--lx-ink) !important; }
body.page-model #hero .orbit-card p { color: var(--lx-copy) !important; }
body.page-model #hero > .absolute.bottom-8 { display: none !important; }
body.page-model #hero .tag { color: var(--lx-blue-strong) !important; background: var(--lx-surface) !important; border-color: var(--lx-line) !important; }
body.page-model main > section {
  overflow-x: clip;
  border-bottom: 1px solid var(--lx-line);
}
body.page-model .bg-white { background-color: var(--lx-surface) !important; }
body.page-model .bg-slate-50 { background-color: var(--lx-canvas) !important; }
body.page-model [class*="shadow"],
body.page-model [class*="card"] { box-shadow: none !important; }
body.page-model [class~="text-slate-300"],
body.page-model [class~="text-slate-300/80"],
body.page-model [class~="text-slate-400"],
body.page-model [class~="text-slate-500"] { color: var(--lx-copy) !important; }
body.page-model [class~="text-brand"] { color: var(--lx-blue-strong) !important; }
body.page-model [class~="text-brand/70"] { color: var(--lx-blue-strong) !important; }
body.page-model [class~="text-teal-300"] { color: var(--lx-green) !important; }
body.page-model [class~="text-gold"],
body.page-model [class~="text-amber-300"] { color: var(--lx-warn) !important; }
body.page-model [class~="bg-brand"],
body.page-model [class~="bg-brand/80"],
body.page-model [class~="bg-brand/70"],
body.page-model [class~="bg-brand/60"] { background-color: var(--lx-blue-strong) !important; background-image: none !important; }
body.page-model [class~="bg-gold"],
body.page-model [class~="bg-gold/70"] { background-color: var(--lx-warn) !important; background-image: none !important; }

body.page-information-security .hero {
  color: var(--lx-ink) !important;
  background: var(--lx-surface-soft) !important;
  background-image: none !important;
}
body.page-information-security .hero::before,
body.page-information-security .hero::after,
body.page-information-security .cta::before,
body.page-information-security .cta::after { display: none !important; }
body.page-information-security .hero-content h1,
body.page-information-security .hero-content p { color: var(--lx-ink) !important; text-shadow: none !important; }
body.page-information-security .gradient-text {
  color: var(--lx-blue-strong) !important;
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
}
body.page-information-security .detection-types,
body.page-information-security .technology { background: var(--lx-surface) !important; }
body.page-information-security .features,
body.page-information-security .how-it-works { background: var(--lx-canvas) !important; }
body.page-information-security .type-card,
body.page-information-security .feature-card,
body.page-information-security .tech-feature,
body.page-information-security .step-card,
body.page-information-security .model-card {
  background: var(--lx-surface) !important;
  background-image: none !important;
  border-color: var(--lx-line) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
  transform: none !important;
}
body.page-information-security .feature-icon,
body.page-information-security .type-icon,
body.page-information-security .step-number {
  color: var(--lx-blue-strong) !important;
  background: var(--lx-surface-blue) !important;
  background-image: none !important;
}
body.page-information-security .cta {
  color: var(--lx-ink) !important;
  background: var(--lx-surface-blue) !important;
  background-image: none !important;
}
body.page-information-security .cta h2,
body.page-information-security .cta p { color: var(--lx-ink) !important; }
body.page-information-security .section-tag { color: var(--lx-blue-strong) !important; }
body.page-information-security .section-desc { color: var(--lx-copy) !important; }
body.page-information-security .btn-outline-white {
  color: var(--lx-blue-strong) !important;
  background: var(--lx-surface) !important;
  border-color: var(--lx-line-strong) !important;
}
body.page-information-security .contact-item a { color: var(--lx-blue-strong) !important; }
body.page-information-security .social-links a {
  width: auto;
  min-height: 40px;
  padding: 0 15px;
  border: 1px solid var(--lx-line-strong);
  border-radius: 8px;
  color: var(--lx-blue-strong) !important;
  background: var(--lx-surface) !important;
  font-size: 14px;
}

body.page-embodied { background: var(--lx-canvas) !important; }
body.page-embodied .logo-text,
body.page-embodied .hero-text h1 .gradient {
  color: var(--lx-ink) !important;
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
}
body.page-embodied .nav-link.active,
body.page-embodied .btn-primary { color: #fff !important; background: var(--lx-blue) !important; background-image: none !important; }
body.page-embodied .hero,
body.page-embodied .problems-section { background: var(--lx-canvas) !important; }
body.page-embodied .hero::before,
body.page-embodied .hero::after { display: none !important; }
body.page-embodied .hero-image,
body.page-embodied .feature-card,
body.page-embodied .problem-card,
body.page-embodied .case-card {
  background: var(--lx-surface) !important;
  background-image: none !important;
  border-color: var(--lx-line) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
  transform: none !important;
}
body.page-embodied .feature-icon { background: var(--lx-surface-blue) !important; }
body.page-embodied .badge,
body.page-embodied .btn-secondary,
body.page-embodied .case-content strong,
body.page-embodied .problem-content strong { color: var(--lx-blue-strong) !important; }
body.page-embodied .footer { color: var(--lx-copy) !important; background: var(--lx-surface-soft) !important; border-color: var(--lx-line) !important; }

body.page-ai-education .hero-section { background: var(--lx-surface-soft) !important; }
body.page-ai-education .hero-video { opacity: 0.42 !important; filter: grayscale(0.35) brightness(1.3) saturate(0.65); }
body.page-ai-education .hero-overlay { background: rgba(243, 245, 247, 0.66) !important; }
body.page-ai-education .hero-title,
body.page-ai-education .hero-subtitle { color: var(--lx-ink) !important; text-shadow: none !important; }
body.page-ai-education .hero-button { color: #fff !important; background: var(--lx-blue) !important; background-image: none !important; box-shadow: none !important; }
body.page-ai-education .services-section,
body.page-ai-education .about-section { background: var(--lx-canvas) !important; }
body.page-ai-education .solutions-section { background: var(--lx-surface) !important; }
body.page-ai-education .service-card,
body.page-ai-education .solution-card,
body.page-ai-education .about-card {
  background: var(--lx-surface) !important;
  background-image: none !important;
  border: 1px solid var(--lx-line) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
  transform: none !important;
}
body.page-ai-education .service-icon,
body.page-ai-education .about-icon {
  color: var(--lx-blue-strong) !important;
  background: var(--lx-surface-blue) !important;
  background-image: none !important;
}
body.page-ai-education .solution-image::before { background: var(--lx-blue) !important; background-image: none !important; }
body.page-ai-education .section-subtitle,
body.page-ai-education .about-text,
body.page-ai-education .about-text p,
body.page-ai-education .about-content > p { color: var(--lx-copy) !important; }
body.page-ai-education .footer {
  color: var(--lx-copy) !important;
  background: var(--lx-surface-soft) !important;
  background-image: none !important;
  border-top: 1px solid var(--lx-line);
}
body.page-ai-education .footer-logo,
body.page-ai-education .footer-nav a { color: var(--lx-ink) !important; }
body.page-ai-education .footer-copyright { color: var(--lx-muted) !important; border-color: var(--lx-line) !important; }

/* Compact product-page directory: all existing destinations remain available on narrow screens. */
.lx-mobile-directory { position: relative; display: none; margin-left: auto; color: var(--lx-ink); }
.lx-mobile-directory summary {
  min-width: 68px;
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 13px;
  color: var(--lx-ink);
  background: var(--lx-surface);
  border: 1px solid var(--lx-line);
  border-radius: 9px;
  font-size: 14px;
  font-weight: 650;
  list-style: none;
  cursor: pointer;
}
.lx-mobile-directory summary::-webkit-details-marker { display: none; }
.lx-mobile-directory summary,
.lx-mobile-directory[open] summary { color: #fff !important; background: var(--lx-blue) !important; border-color: var(--lx-blue) !important; }
.lx-mobile-directory > nav {
  position: absolute !important;
  z-index: 5000;
  top: calc(100% + 9px) !important;
  right: 0;
  left: auto !important;
  width: min(290px, calc(100vw - 32px));
  display: grid !important;
  padding: 8px;
  background: var(--lx-surface) !important;
  border: 1px solid var(--lx-line) !important;
  border-radius: 12px;
  box-shadow: var(--lx-shadow);
}
.lx-mobile-directory > nav a {
  min-height: 42px;
  display: flex !important;
  align-items: center;
  padding: 0 12px !important;
  color: var(--lx-copy) !important;
  background: transparent !important;
  border-radius: 7px;
  font-size: 14px !important;
  font-weight: 600;
  text-decoration: none;
}
.lx-mobile-directory > nav a:hover { color: var(--lx-blue-strong) !important; background: var(--lx-surface-blue) !important; }

@media (max-width: 1040px) {
  body.page-home .nav,
  body.page-news .nav,
  body.page-news-detail .nav,
  body.page-competition .desktop-nav,
  body.page-competition .header-download { display: none; }
  body.page-home .mobile-menu-btn,
  body.page-news .mobile-menu-btn,
  body.page-news-detail .mobile-menu-btn,
  body.page-competition .menu-toggle { display: block; }
  body.page-home .nav.active,
  body.page-news .nav.active,
  body.page-news-detail .nav.active {
    position: fixed;
    inset: 72px 0 auto;
    display: block;
    max-height: calc(100vh - 72px);
    padding: 18px 24px 28px;
    overflow-y: auto;
    background: var(--lx-surface);
    border-bottom: 1px solid var(--lx-line);
    box-shadow: var(--lx-shadow);
  }
  body.lx-site .nav.active .nav-list { display: grid; gap: 4px; }
  body.lx-site .nav.active .nav-link { width: 100%; justify-content: space-between; padding-inline: 12px !important; }
  body.lx-site .nav.active .dropdown-menu {
    position: static;
    display: grid;
    margin: 4px 0 8px 12px;
    visibility: visible;
    opacity: 1;
    border: 0;
    box-shadow: none;
    transform: none;
  }
  body.page-competition .mobile-nav { top: 72px; background: var(--lx-surface); border-color: var(--lx-line); }
  body.page-home .about-section .container,
  body.page-home .news-section .container,
  body.page-home .strategic-section .container,
  body.page-home .partners-section .container { grid-template-columns: 1fr; gap: 38px; }
  body.page-home .products-layout { grid-template-columns: 1fr; }
  body.page-home .products-right { position: static; }
  body.page-home .strategic-grid,
  body.page-home .partners-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  body.page-competition .hero .container { grid-template-columns: 1fr; }
  body.page-competition .hero-copy { max-width: 760px; }

  body.lx-site .logo-text { display: inline !important; }
  body.lx-site .mobile-menu-btn { width: 68px; display: inline-flex !important; flex-direction: column; flex: 0 0 68px; color: var(--lx-ink); font-size: 14px; font-weight: 650; }
  body.lx-site .mobile-menu-btn span { display: none; }
  body.lx-site .mobile-menu-btn::after { content: "菜单"; }
  body.lx-site .mobile-menu-btn.active::after { content: "关闭"; }

  body.lx-product { overflow-x: hidden; }
  body.lx-product .lx-mobile-directory { display: block; }
  body.page-digital-human .nav-fixed { position: sticky !important; }
  body.page-digital-human .nav-fixed > div,
  body.page-model #navbar > div,
  body.page-information-security .header .container,
  body.page-embodied .nav-container,
  body.page-ai-education .header .container {
    width: min(calc(100% - 32px), var(--lx-content)) !important;
    min-height: 64px;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-inline: auto !important;
    padding-inline: 0 !important;
  }
  body.page-digital-human .nav-fixed > div > a,
  body.page-model #navbar > div > a,
  body.page-information-security .header .logo,
  body.page-embodied .logo,
  body.page-ai-education .header .logo { min-width: 0; }
  body.page-digital-human .nav-fixed > div > a img,
  body.page-model #navbar > div > a img,
  body.page-information-security .header .logo img,
  body.page-embodied .logo img,
  body.page-ai-education .header .logo img { width: 34px !important; height: 34px !important; flex: 0 0 34px; object-fit: contain; }
  body.page-digital-human .nav-fixed > div > a span,
  body.page-model #navbar > div > a span,
  body.page-information-security .header .logo-text,
  body.page-embodied .logo-text,
  body.page-ai-education .header .logo-text {
    display: block !important;
    max-width: 230px;
    overflow: hidden;
    color: var(--lx-ink) !important;
    font-size: 15px !important;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  body.page-digital-human .nav-list,
  body.page-model #navbar .hidden.lg\:flex,
  body.page-model #menuBtn,
  body.page-model #mobileMenu,
  body.page-model #menuOverlay,
  body.page-information-security .header > .container > .nav,
  body.page-embodied .nav-links,
  body.page-ai-education .header > .container > .nav { display: none !important; }

  body.page-digital-human .glow-orb { display: none !important; }
  body.page-digital-human #hero {
    min-height: auto !important;
    height: auto !important;
    padding: 92px 0 72px !important;
  }
  body.page-digital-human #hero > .max-w-7xl { width: min(calc(100% - 32px), 900px); margin-inline: auto; padding-inline: 0 !important; }
  body.page-digital-human .digital-human-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 48px; }
  body.page-digital-human .digital-human-metric { padding: 22px 12px 20px; }
  body.page-digital-human .digital-human-metric:nth-child(3) { border-left: 0; }
  body.page-digital-human .digital-human-metric:nth-child(n + 3) { border-top: 1px solid var(--lx-line); }

  body.page-model #hero {
    grid-template-columns: repeat(2, minmax(0, 280px));
    gap: 16px;
    padding: 82px 24px 72px !important;
  }
  body.page-model #heroCenter { grid-column: 1 / -1; margin-bottom: 20px; }
  body.page-model #hero .orbit-card {
    width: 100% !important;
    max-width: 280px !important;
    margin-inline: auto !important;
  }
  body.page-model #hero #orbit-5 { grid-column: 1 / -1; }
  body.page-model #hero .connector-line { display: none !important; }
}

@media (max-width: 760px) {
  body.lx-site .container { width: min(calc(100% - 32px), var(--lx-content)); }
  body.page-home .header,
  body.page-news .header,
  body.page-news-detail .header,
  body.page-competition .site-header,
  body.page-home .header .container,
  body.page-news .header .container,
  body.page-news-detail .header .container,
  body.page-competition .header-inner { min-height: 64px; }
  body.lx-site .logo img,
  body.lx-site .brand img { width: 32px; height: 32px; flex-basis: 32px; }
  body.lx-site .logo-text,
  body.lx-site .brand span { max-width: 230px; overflow: hidden; font-size: 14px; text-overflow: ellipsis; }
  body.page-home .nav.active,
  body.page-news .nav.active,
  body.page-news-detail .nav.active { inset-block-start: 64px; }
  body.page-competition .mobile-nav { top: 64px; }
  body.page-model #hero { grid-template-columns: minmax(0, 1fr); padding: 64px 16px 60px !important; }
  body.page-model #heroCenter { grid-column: 1; margin-bottom: 16px; }
  body.page-model #hero #orbit-5 { grid-column: 1; }
  body.page-model #hero .orbit-card { width: min(100%, 560px) !important; max-width: 560px !important; }
  body.page-home .carousel-section { padding: 16px 16px 0; }
  body.page-home .carousel { height: auto; min-height: 0; aspect-ratio: 12 / 5; border-radius: 12px; }
  body.page-home .carousel-prev,
  body.page-home .carousel-next { width: 40px; height: 40px; }
  body.page-home .carousel-prev { left: 10px; }
  body.page-home .carousel-next { right: 10px; }
  body.page-home .about-section,
  body.page-home .products-section,
  body.page-home .news-section,
  body.page-home .strategic-section,
  body.page-home .partners-section { padding: 74px 0; }
  body.page-home .partners-section { padding-top: 0; }
  body.page-home .about-content { grid-template-columns: 1fr; gap: 28px; }
  body.page-home .about-image,
  body.page-home .about-image img { min-height: 300px; }
  body.page-home .business-list { grid-template-columns: 1fr; }
  body.page-home .product-item { min-height: 78px; }
  body.page-home .image-grid { gap: 9px; }
  body.page-home .image-item { height: 32vw; min-height: 130px; }
  body.page-home .news-container { grid-template-columns: 1fr; }
  body.page-home .news-item-link:first-child { grid-row: auto; }
  body.page-home .news-item { min-height: 0; }
  body.page-home .news-desc { display: block; }
  body.page-home .strategic-grid,
  body.page-home .partners-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.page-home .footer { padding-top: 56px; }
  body.page-home .footer-content { grid-template-columns: 1fr; gap: 38px; }
  body.page-news .news-section { padding-top: 62px; }
  body.page-news .news-card-link,
  body.page-news .news-card-link:first-child,
  body.page-news .news-card-link:nth-child(2) { grid-column: 1 / -1; }
  body.page-news .news-image,
  body.page-news .news-card-link:first-child .news-image { height: auto; min-height: 0; }
  body.page-news .contact-info { grid-template-columns: 1fr; }
  body.page-news-detail .news-detail-section { padding-top: 58px; }
  body.page-news-detail .news-detail-title { max-width: none; }
  body.page-information-security .hero {
    aspect-ratio: auto !important;
    min-height: auto !important;
    padding: 112px 16px 64px !important;
  }
  body.page-information-security .hero-content { padding-top: 0 !important; }
  body.page-model .reveal-left,
  body.page-model .reveal-right { transform: none !important; }
  body.page-competition .hero { padding: 58px 0 68px; }
  body.page-competition .hero h1 { font-size: clamp(38px, 10.5vw, 46px); overflow-wrap: anywhere; }
  body.page-news .news-card-link { min-width: 0; }
  body.page-news .news-title { overflow-wrap: anywhere; }
  body.page-competition .section,
  body.page-competition .evidence-section { padding: 76px 0; }
}

@media (max-width: 480px) {
  body.lx-site .logo-text,
  body.lx-site .brand span { max-width: 190px; }
  body.page-home .carousel { min-height: 0; }
  body.page-home .carousel-prev,
  body.page-home .carousel-next { top: auto; bottom: 16px; transform: none; }
  body.page-home .carousel-prev { left: 16px; }
  body.page-home .carousel-next { left: 64px; right: auto; }
  body.page-home .carousel-indicators { right: 16px; bottom: 16px; }
  body.page-home .image-grid { grid-template-columns: 1fr; }
  body.page-home .image-item { height: 56vw; }
  body.page-home .news-item { padding: 20px; }
  body.page-home .news-title { font-size: 16px; }
  body.page-competition .hero-actions { flex-direction: column; }
  body.page-competition .hero-actions .button { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

body.lx-site .site-filing-record,
body.lx-product .site-filing-record {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  color: var(--lx-muted) !important;
  font-size: 12px;
  line-height: 1.6;
  text-decoration: none;
  transition: color 160ms ease;
}

body.lx-site .site-filing-record:hover,
body.lx-product .site-filing-record:hover { color: var(--lx-blue) !important; }

body.lx-site .site-filing-record:focus-visible,
body.lx-product .site-filing-record:focus-visible {
  border-radius: 4px;
  outline: 2px solid var(--lx-blue);
  outline-offset: 3px;
}

body.lx-site .copyright .site-filing-record,
body.lx-site .footer-bottom .site-filing-record,
body.lx-product .footer-bottom .site-filing-record,
body.lx-product .footer-copyright .site-filing-record,
body.lx-product .footer .site-filing-record { margin-top: 6px; }

.site-footer-meta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
}

@media (max-width: 760px) {
  .site-footer-meta { align-items: center; text-align: center; }
}

@media (max-width: 720px) {
  body.page-home .products-section-heading {
    align-items: flex-start;
    flex-direction: column;
    gap: 22px;
  }
  body.page-home .products-overview-link { width: fit-content; }
  body.page-home .image-link:first-child .image-item { height: 58vw; min-height: 240px; }

  body.page-news .news-page-intro { grid-template-columns: 1fr; gap: 14px; margin-bottom: 28px; padding-bottom: 28px; }
  body.page-news .news-page-intro h1 { font-size: clamp(2rem, 10vw, 2.6rem); }
  body.page-news .news-card { grid-template-columns: 1fr; gap: 10px; padding: 24px 0; }
  body.page-news .news-image { margin-top: 0; }
  body.page-news .news-content { grid-template-columns: minmax(0, 1fr) auto; gap: 8px 16px; }
  body.page-news .news-content::after { align-self: start; }

  body.page-competition .competition-section-nav { top: 64px; }
  body.page-competition .competition-section-nav .container { width: 100%; padding-inline: 16px; }
  body.page-competition .event-access { padding: 24px; }
  body.page-competition .event-access-header { align-items: flex-start; flex-direction: column; gap: 16px; }
  body.page-competition .event-access-actions { width: 100%; }
  body.page-competition #main-content [id] { scroll-margin-top: 132px; }
}

@media (max-width: 480px) {
  body.page-home .image-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  body.page-home .image-item { height: 24vw; min-height: 82px; }
  body.page-home .image-link:first-child .image-item { height: 58vw; min-height: 220px; }
  body.page-news .news-content { grid-template-columns: 1fr; }
  body.page-news .news-content::after { grid-column: 1; grid-row: auto; margin-top: 8px; }
  body.page-competition .event-access-actions { align-items: stretch; flex-direction: column; }
  body.page-competition .event-access-actions .button { width: 100%; }
}