/* Auto-ported from design package for FEAT-32f0 — desktop only (≥769px) */
/* Scoped under .landing-desktop-only; mobile production tree unchanged */


@media (min-width: 769px) {
/* Workflow Tab1 / Tab2 animated illustrations — from router-module-p1 */

.landing-desktop-only .workflow-art.workflow-illo {
  max-width: none;
  overflow: visible;
  pointer-events: none;
}

.landing-desktop-only .workflow-illo .wf-illo-stage {
  position: relative;
  transform-origin: 0 0;
}

.landing-desktop-only .workflow-illo img {
  display: block;
  width: 100%;
  height: 100%;
}

/* ---- Tab1: Unified Model Access — 略收，与 Tab2/3/4 视觉体量对齐 ---- */

.landing-desktop-only .workflow-art.workflow-illo.workflow-illo-1 {
  /* 相对原 0.44 整体等比放大 10% */
  --wf-scale: 0.484;
  width: calc(1074px * var(--wf-scale));
  height: calc(874px * var(--wf-scale));
  overflow: visible;
}

.landing-desktop-only .workflow-illo-1 .wf-illo-stage {
  width: 1074px;
  height: 874px;
  transform: scale(var(--wf-scale));
  transform-origin: 0 0;
  overflow: visible;
}

.landing-desktop-only .workflow-illo-1 .bg-ellipse {
  display: none;
}

.landing-desktop-only .workflow-illo-1 .p1-rings-block,
.landing-desktop-only .workflow-illo-1 .p1-logos-block {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.landing-desktop-only .workflow-illo-1 .p1-rings-block {
  z-index: 1;
}

.landing-desktop-only .workflow-illo-1 .p1-logos-block {
  z-index: 2;
}

.landing-desktop-only .workflow-illo-1 .rings-svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
  pointer-events: none;
}

.landing-desktop-only .workflow-illo-1 .rings-svg circle {
  fill: none;
}

.landing-desktop-only .workflow-illo-1 .chip {
  position: absolute;
  width: 72px;
  height: 72px;
}

.landing-desktop-only .workflow-illo-1 .chip .halo {
  position: absolute;
  left: -29%;
  right: -29%;
  top: -21.75%;
  bottom: -36.25%;
}

.landing-desktop-only .workflow-illo-1 .chip .logo {
  position: absolute;
  left: 16px;
  top: 16px;
  width: 40px;
  height: 40px;
}

.landing-desktop-only .workflow-illo-1 .api-ellipse {
  position: absolute;
  /* 与环心 (537,437) 对齐 → 容器正中心 */
  left: 453px;
  top: 353px;
  width: 168px;
  height: 168px;
}

.landing-desktop-only .workflow-illo-1 .api-label {
  position: absolute;
  left: 453px;
  top: 353px;
  width: 168px;
  height: 168px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Switzer", Inter, ui-sans-serif, system-ui, sans-serif;
  font-weight: 700;
  font-size: 40px;
  line-height: 1.2;
  color: #000;
}

/* ---- Tab2: Intelligent Routing — 与 Tab1/Tab4 视觉体量对齐 ---- */

.landing-desktop-only .workflow-art.workflow-illo.workflow-illo-2 {
  --wf-scale: 0.48;
  width: calc(1129.895px * var(--wf-scale));
  height: calc(668px * var(--wf-scale));
  overflow: visible;
}

.landing-desktop-only .workflow-illo-2 .wf-illo-stage {
  width: 1129.895px;
  height: 668px;
  transform: scale(var(--wf-scale));
  transform-origin: 0 0;
}

.landing-desktop-only .workflow-illo-2 .beams-svg {
  position: absolute;
  /* 与 arrows-svg 同位置/同缩放；整体左移使 AUTO 落在画布正中心 */
  left: 288.25px;
  top: 108.70px;
  width: 576px;
  height: 488px;
  transform: scale(0.915);
  transform-origin: 0 0;
  z-index: 5;
  pointer-events: none;
  overflow: visible;
}

.landing-desktop-only .workflow-illo-2 .dot {
  fill: #0076ff;
}

.landing-desktop-only .workflow-illo-2 .arrows-svg {
  position: absolute;
  left: 288.25px;
  top: 108.70px;
  width: 576px;
  height: 488px;
  transform: scale(0.915);
  transform-origin: 0 0;
  z-index: 4;
  pointer-events: none;
  overflow: visible;
}

.landing-desktop-only .workflow-illo-2 .node {
  position: absolute;
  z-index: 2;
  width: 110.413px;
  height: 110.413px;
  border-radius: 50%;
}

.landing-desktop-only .workflow-illo-2 .node.light {
  background: #f2f3f4;
}

.landing-desktop-only .workflow-illo-2 .node.dark {
  background: #f2f3f4; /* 与 light 节点统一为灰色底 */
}

.landing-desktop-only .workflow-illo-2 .node .logo {
  position: absolute;
  left: 22.08px;
  top: 22.08px;
  width: 66.248px;
  height: 66.248px;
}

.landing-desktop-only .workflow-illo-2 .auto-hub {
  position: absolute;
  /* 圆心对齐画布正中心 (564.95, 334) */
  left: 472.94px;
  top: 241.99px;
  z-index: 6;
  width: 184.022px;
  height: 184.022px;
}

.landing-desktop-only .workflow-illo-2 .auto-hub > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.landing-desktop-only .workflow-illo-2 .auto-hub .label {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Switzer", Inter, ui-sans-serif, system-ui, sans-serif;
  font-weight: 800;
  font-size: 36.8px;
  line-height: 1.2;
  color: #000;
}

@media (prefers-reduced-motion: reduce) {
  .workflow-illo-2 .dot {
    display: none;
  }
}

.landing-desktop-only .workflow-art[data-workflow-art="0"],
.landing-desktop-only .workflow-art[data-workflow-art="1"],
.landing-desktop-only .workflow-art[data-workflow-art="3"] {
  --workflow-art-x: -50%;
  --workflow-art-y: -50%;
}

/* ---- Tab4: Data Privacy — 辅助圆 + 盾球嵌在环内，Sui 式分层轻浮 ---- */

.landing-desktop-only .workflow-art.workflow-illo.workflow-illo-4 {
  /* 发光球+密环视觉更重，略小于 Tab1/2 数字尺寸以对齐观感 */
  --wf-scale: 0.42;
  width: calc(1691px * var(--wf-scale));
  height: calc(796px * var(--wf-scale));
  overflow: visible;
}

/* Inactive Tab4 still mounts privacy-aux (translateX + 1691px); clip so it
   cannot expand document scrollWidth while opacity is 0. */
.landing-desktop-only .workflow-art.workflow-illo-4:not(.is-active) {
  overflow: hidden;
}

.landing-desktop-only .workflow-illo-4 .wf-illo-stage {
  position: relative;
  width: 1691px;
  height: 796px;
  transform: scale(var(--wf-scale));
  transform-origin: 0 0;
}

/* Tab4 舞台内旧横线关闭，改用容器级左右渐隐线 */

.landing-desktop-only .workflow-illo-4 .wf-illo-stage::after {
  display: none;
}

.landing-desktop-only .workflow-illo-4 .privacy-aux {
  position: absolute;
  inset: 0;
  z-index: 0;
  display: block;
  width: 1691px;
  height: 796px;
  pointer-events: none;
  /* 焦点 (610) → 画布中心 (845.5)，与 privacy-core 一并居中 */
  transform: translateX(235.5px);
}

.landing-desktop-only .workflow-illo-4 .privacy-core {
  position: absolute;
  --privacy-core-scale: 1.28;
  --privacy-core-nudge-y: 0px;
  left: calc(845.5px - (500px * var(--privacy-core-scale) / 2));
  top: calc(398px - (250px * var(--privacy-core-scale)) + var(--privacy-core-nudge-y));
  z-index: 1;
  width: 500px;
  height: 548px;
  border: 0;
  background: transparent;
  pointer-events: none;
  overflow: visible;
  transform: scale(var(--privacy-core-scale));
  transform-origin: 0 0;
}

.landing-desktop-only .workflow-art[data-workflow-art="3"] {
  --workflow-art-x: -50%;
  --workflow-art-y: -50%;
}
}