/* 正式内容复用 N 的留白、字墙、海报和色彩；共享导航及详情只补充必要规则。 */
/* 章节直达和跨语言落点立即生效，避免实时价格插入与平滑滚动竞争定位。 */
html {
  scroll-behavior: auto;
}
.site-page {
  padding-bottom: 0;
}
.site-page .site-header {
  position: relative;
  justify-content: space-between;
  gap: 22px;
  flex-wrap: nowrap;
}
.navigation-toggle {
  display: none;
}
.navigation-panel {
  display: contents;
}
.site-header nav {
  align-items: center;
  order: 1;
  white-space: nowrap;
  color: #b6bfb6;
}
.site-header .language-picker {
  order: 2;
}
.site-header .header-console {
  order: 3;
}
.site-header .header-demo {
  order: 4;
}
.language-switch {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 400;
  color: #b6bfb6;
  padding: 8px 6px;
  min-height: 40px;
  border: 0;
  border-radius: 4px;
  cursor: pointer;
  list-style: none;
  white-space: nowrap;
}
.language-switch::-webkit-details-marker {
  display: none;
}
.language-switch:hover,
.language-picker[open] .language-switch {
  color: var(--fg);
}
.language-switch .language-globe {
  width: 15px;
  height: 15px;
  color: #87958b;
}
.language-switch .language-chevron {
  width: 10px;
  height: 10px;
  color: #7c887f;
}
.language-picker .language-switch > span {
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  transform: none;
}
.language-picker {
  position: relative;
  flex-shrink: 0;
  border: 0;
}
.site-header .language-options {
  position: absolute;
  top: calc(100% + 7px);
  right: 0;
  z-index: 30;
  display: grid;
  width: 176px;
  padding: 12px 6px 6px;
  margin: 0;
  border: 1px solid #343d34;
  border-radius: 7px;
  background: #191e19;
  box-shadow:
    0 12px 32px #0004,
    0 2px 6px #0003;
}
.language-options .language-options-label {
  margin: 0 11px 8px;
  padding: 0;
  color: #829085;
  font-size: 10px;
  letter-spacing: 0.06em;
}
.language-options ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.language-options a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  min-height: 39px;
  padding: 8px 11px;
  border-radius: 4px;
  color: #bdc6bb;
  font-size: 12px;
}
.language-options a:hover,
.language-options a:focus-visible {
  background: #ffffff07;
  color: var(--fg);
}
.language-options a[aria-current] {
  color: var(--fg);
}
.language-choice-state {
  width: 16px;
  height: 16px;
  color: var(--accent);
}
.language-choice-state svg {
  width: 100%;
  height: 100%;
}
.language-picker[open] .language-switch .language-chevron {
  transform: rotate(180deg);
}
/* 说明内容本身右对齐；模型墙独立于正文宽度，顶满屏幕两端。 */
.site-home .fusion-hero-aside {
  justify-self: end;
  width: min(100%, 360px);
  text-align: right;
}
.site-home .fusion-hero .actions {
  justify-content: flex-end;
}
/* 两条标语叠在同一网格内，按较高一条保留高度，避免切换引发布局跳动。 */
.hero-heading {
  min-width: 0;
}
.site-home .hero-kicker {
  font-size: 11px;
  line-height: 1.8;
  letter-spacing: 0.6px;
}
.hero-slogans {
  display: grid;
}
.hero-slogans > span {
  grid-area: 1 / 1;
  opacity: 0;
  visibility: hidden;
  transition:
    opacity 450ms ease,
    visibility 450ms;
}
.hero-slogans > .is-active {
  opacity: 1;
  visibility: visible;
}
/* 右侧说明与操作形成纵向节奏，查看全部模型保持独立的右对齐入口。 */
.site-home .wall-heading {
  align-items: flex-start;
}
.site-home .wall-description {
  display: block;
  text-align: right;
}
.wall-actions {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 16px;
  margin-top: 22px;
}
.wall-actions .text-link {
  margin: 0;
  white-space: nowrap;
}
.wall-actions .wall-controls {
  margin: 0;
}
@media (prefers-reduced-motion: reduce) {
  .hero-slogans > span {
    transition: none;
  }
}
.site-home .wall-track {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 4px 0 24px;
  scroll-padding-inline: 0;
  scroll-snap-type: none;
  scroll-behavior: auto;
  scrollbar-width: none;
}
.site-home .wall-track::-webkit-scrollbar {
  display: none;
}
.site-home .wall-item {
  flex-basis: clamp(240px, 20vw, 320px);
}
.site-home .compute-symbol svg {
  display: block;
  width: 96px;
  height: 80px;
}
.site-home .price-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 18px 24px;
  margin-top: 30px;
}
.site-home .price-actions .button,
.site-home .price-actions .text-link {
  margin: 0;
  font-size: 11px;
}
.detail-price-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-block: 12px 24px;
}
.price-table .unit-context {
  display: block;
  color: var(--muted);
  font-size: 10px;
  margin-top: 4px;
}
.site-footer {
  flex-wrap: wrap;
  justify-content: space-between;
}
/* 收尾区已有底部留白，页脚不再叠加额外间隔。 */
.site-home .site-footer {
  margin-top: 0;
}
.site-footer > a:last-child {
  font-size: 10px;
  margin-left: auto;
}
.site-page .model-card {
  display: block;
  padding: 0;
  min-width: 0;
}
.site-page .model-card > a {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 20px;
}
.site-page .model-card h3 {
  font-size: 22px;
  line-height: 1.25;
  overflow-wrap: anywhere;
}
.site-page .model-card p {
  margin-block: 12px;
  line-height: 1.8;
}
.site-page .model-card code {
  color: var(--muted);
  font: 9px/1.7 var(--mono);
  overflow-wrap: anywhere;
  margin-top: 12px;
}
.site-page .model-card-top {
  display: flex;
  justify-content: space-between;
  color: var(--muted);
  font: 9px/1.5 var(--mono);
  margin-bottom: 12px;
}
.site-page .model-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: auto;
}
.site-page .model-tags span {
  font-size: 9px;
  color: var(--accent);
  border: 1px solid var(--line);
  padding: 2px 6px;
}
.site-request-examples {
  min-width: 0;
}
.site-request-examples summary {
  cursor: pointer;
  padding-block: 10px;
}
.site-request-examples .doc-code {
  margin: 0 0 18px;
}
.site-page .site-model-overview h1 {
  font-size: clamp(30px, 4.5vw, 60px);
  line-height: 1.12;
  overflow-wrap: anywhere;
}
.site-detail h2 {
  font-size: clamp(25px, 3vw, 36px);
  overflow-wrap: anywhere;
}
.site-detail .model-title-line > div {
  min-width: 0;
}
.site-detail .model-identifier {
  flex-wrap: wrap;
}
.site-detail .model-identifier code {
  overflow-wrap: anywhere;
}
.site-detail .model-section-nav {
  flex-wrap: wrap;
  gap: 15px 30px;
}
.site-detail .detail-body {
  min-width: 0;
}
.site-detail .detail-body > h3 {
  font-size: 16px;
  margin: 10px 0;
}
.site-detail .capability-modes {
  flex-wrap: wrap;
  margin-bottom: 26px;
}
.site-detail .detail-body > p {
  margin-block: 18px;
}
.site-detail .doc-table table {
  min-width: 520px;
}
.site-detail .model-fields table {
  min-width: 1100px;
}
.site-detail .doc-table {
  overflow: auto;
}
.site-detail .doc-table caption {
  text-align: left;
  padding-block: 12px;
  color: var(--fg);
}
.site-use-cases {
  padding: 0 0 10px 20px;
  margin-top: 0;
  color: #b3bdb1;
}
.site-use-cases li {
  padding-block: 8px;
}
.site-model-art {
  margin: 25px 0 0;
  display: grid;
  grid-template-columns: minmax(0, 220px) 1fr;
  gap: 25px;
  align-items: end;
}
.site-model-art img {
  width: 100%;
  height: auto;
  border: 1px solid var(--line);
}
.site-model-art figcaption {
  font-size: 12px;
  color: var(--muted);
}
.site-detail .model-facts > div {
  min-width: 0;
}
.site-detail .model-facts dd {
  overflow-wrap: anywhere;
}
.site-detail .related-models {
  padding-top: 50px;
}
.site-detail .related-models > p {
  margin-block: 15px;
}
.site-page .price-table-scroll {
  max-width: 100%;
}
.site-page .subtle-link {
  display: inline-block;
  margin-top: 20px;
}
.site-page [data-price-status] {
  font-size: 11px;
}
.language-choice {
  padding-block: 18vh;
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
.language-choice h1,
.language-choice p {
  width: 100%;
}
.language-choice h1 {
  font-size: clamp(26px, 5vw, 55px);
}
html[lang='en'] .fusion-hero h1 {
  font-size: clamp(42px, 5.2vw, 76px);
  letter-spacing: -3px;
}
html[lang='en'] .fusion-hero {
  grid-template-columns: 1.2fr 1fr;
}
html[lang='en'] .benefits-grid h3 {
  font-size: 23px;
}
@media (max-width: 1000px) {
  .site-page .site-header {
    gap: 12px;
    min-height: 88px;
    padding-block: 16px;
  }
  .site-header .product-brand {
    margin-right: auto;
  }
  /* 无脚本时保留普通导航；增强后才折叠为同一组菜单，避免复制链接。 */
  .site-header:has(.navigation-toggle[hidden]) {
    flex-wrap: wrap;
  }
  .site-header .navigation-toggle:not([hidden]) {
    display: grid;
    place-items: center;
    order: 3;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    padding: 10px;
    border: 1px solid transparent;
    border-radius: 4px;
    background: transparent;
    color: var(--fg);
    cursor: pointer;
  }
  .navigation-toggle svg {
    width: 22px;
    height: 22px;
  }
  .site-header .navigation-toggle:hover,
  .site-header .navigation-toggle[aria-expanded='true'] {
    background: #ffffff08;
    border-color: var(--line);
  }
  .navigation-toggle path {
    transform-origin: 12px 12px;
  }
  .navigation-toggle[aria-expanded='true'] path:first-child {
    transform: rotate(45deg) translateY(4px);
  }
  .navigation-toggle[aria-expanded='true'] path:last-child {
    transform: rotate(-45deg) translateY(-4px);
  }
  .site-header .navigation-toggle:not([hidden]) ~ .navigation-panel {
    position: absolute;
    top: calc(100% - 1px);
    right: 0;
    z-index: 25;
    display: block;
    width: min(320px, 100%);
    padding: 12px 24px 20px;
    border: 1px solid var(--line);
    border-radius: 0 0 6px 6px;
    background: #151a15;
    box-shadow: 0 16px 32px #0004;
  }
  .site-header
    .navigation-toggle[aria-expanded='false']:not([hidden])
    ~ .navigation-panel {
    display: none;
  }
  .site-header nav {
    display: grid;
    width: auto;
    gap: 0;
    margin: 0;
    font-size: 14px;
    justify-content: stretch;
  }
  .site-header nav a {
    padding-block: 14px;
    border-bottom: 1px solid var(--line);
  }
  /* 菜单中保留独立的控制台链接，已有 Key 用户不必经过预约入口。 */
  .site-header .header-console {
    display: block;
    margin: 16px 0 0;
    width: fit-content;
  }
  .site-header .header-demo {
    display: flex;
    width: 100%;
    margin: 16px 0 0;
    padding: 10px 16px;
    font-size: 14px;
  }
  .site-detail .model-title-line {
    flex-wrap: wrap;
  }
  .site-detail .model-title-line > a {
    margin-left: 0;
  }
}
@media (max-width: 700px) {
  .site-home .hero-kicker {
    font-size: 10px;
  }
  .site-home .fusion-hero {
    display: grid;
    grid-template-columns: 1fr;
    gap: 38px;
  }
  .site-home .fusion-hero-aside {
    width: 100%;
    justify-self: stretch;
    margin-top: 0;
    text-align: left;
  }
  .site-home .fusion-hero .actions {
    justify-content: flex-start;
  }
  .site-home .wall-track {
    gap: 16px;
  }
  .site-home .wall-description p {
    font-size: 12px;
  }
  .site-header .product-brand {
    font-size: 18px;
    margin-right: auto;
  }
  .site-header .language-switch {
    margin-left: 0;
  }
  html[lang='en'] .fusion-hero {
    grid-template-columns: 1fr;
  }
  html[lang='en'] .fusion-hero h1 {
    font-size: clamp(40px, 7vw, 55px);
    letter-spacing: -2px;
  }
  .site-page .model-controls {
    flex-wrap: wrap;
  }
  .site-page .filters {
    flex-wrap: wrap;
  }
  .site-page .filters button {
    font-size: 10px;
    min-height: 38px;
  }
  .site-page .model-card h3 {
    font-size: 24px;
  }
  .site-page .site-footer {
    gap: 20px;
  }
  .site-detail .model-facts {
    grid-template-columns: 1fr 1fr;
  }
  .site-detail .model-facts > div {
    padding: 18px 10px;
    border-bottom: 1px solid var(--line);
  }
  .site-detail .model-facts > div:nth-child(odd) {
    padding-left: 0;
  }
  .site-detail .model-facts > div:nth-child(even) {
    border-right: 0;
  }
  .site-detail .model-section-nav {
    font-size: 11px;
  }
  .site-detail .site-model-art {
    grid-template-columns: minmax(0, 150px) 1fr;
    gap: 15px;
  }
}
@media (max-width: 480px) {
  .site-page .site-header {
    min-height: 76px;
    gap: 8px;
    padding-block: 12px;
  }
  .site-header .language-switch > span,
  .site-header .language-chevron {
    display: none;
  }
  .site-header .language-switch {
    justify-content: center;
    min-width: 40px;
    min-height: 44px;
    padding: 10px;
  }
  .site-header .language-globe {
    width: 18px;
    height: 18px;
  }
  .site-header .navigation-toggle:not([hidden]) ~ .navigation-panel {
    width: 100%;
  }
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

/* 价格页首屏直接交付表格；交互不在加载时先清空再插入正文。 */
.site-pricing .page-intro h1 {
  font-size: clamp(40px, 5vw, 60px);
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: -2px;
}
.site-pricing .page-intro h1 + p {
  max-width: 580px;
}
.site-pricing .price-toolbar {
  align-items: flex-end;
}
.site-pricing .search {
  display: grid;
  gap: 8px;
  font-size: 10px;
  color: var(--muted);
  flex-shrink: 0;
}
.site-pricing .search input {
  font-size: 12px;
}
.site-pricing .price-meta {
  min-height: 40px;
}
.site-pricing [data-price-status] {
  min-height: 20px;
}
.site-pricing [data-price-table] {
  min-height: 320px;
}
.site-pricing [data-price-table][aria-busy='true'] {
  background: repeating-linear-gradient(
    to bottom,
    transparent 0,
    transparent 67px,
    var(--line) 67px,
    var(--line) 68px
  );
}
.site-pricing .pricing-explainer {
  margin-top: 56px;
  padding-top: 56px;
  border-top: 1px solid var(--line);
}
.site-pricing .pricing-explainer h2 {
  font-size: 30px;
}
.site-pricing .pricing-models {
  margin-top: 80px;
  padding-top: 50px;
  border-top: 1px solid var(--line);
}
.pricing-models > p:not(.eyebrow) {
  margin-top: 15px;
}
.pricing-model-links {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 30px;
}
.pricing-model-links a {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 0;
  border-bottom: 1px solid var(--line);
  font-size: 12px;
}
.pricing-model-links a span {
  color: var(--accent);
}
@media (max-width: 800px) {
  .site-pricing .price-toolbar {
    flex-wrap: wrap;
  }
  .site-pricing .search,
  .site-pricing .search input {
    width: 100%;
  }
  .pricing-model-links {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 480px) {
  .site-pricing .price-meta {
    align-items: flex-start;
  }
  .site-pricing .pricing-explainer {
    margin-top: 35px;
  }
  .site-pricing .pricing-explainer h2 {
    font-size: 26px;
  }
  .pricing-model-links {
    grid-template-columns: 1fr;
  }
}
/* 查价页面优先让出空间给表格，窄屏筛选按自然左对齐排列。 */
.site-pricing .page-intro {
  padding-block: 48px 32px;
}
.site-pricing .page-intro h1 + p {
  margin-top: 18px;
}
.site-pricing .price-meta {
  margin-bottom: 12px;
}
.site-pricing .billing-policies {
  margin-bottom: 8px;
}
.site-pricing .billing-policies summary {
  padding-block: 10px;
  font-size: 11px;
}
@media (max-width: 1100px) {
  .site-pricing .page-intro {
    padding-block: 32px 24px;
  }
  .site-pricing .price-toolbar {
    align-items: stretch;
  }
  .site-pricing .vendor-filters {
    width: 100%;
    justify-content: flex-start;
  }
}