/* 与 Manufacturing Tracking Page/src/index.css 对齐的设计令牌 */

@import url("https://fonts.googleapis.com/css2?family=Archivo:wght@500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&display=swap");

/*
 * 令牌写在作用域内，避免与站点 / 主题 :root 的 --primary 等冲突。
 * 同时保留 :root 别名，供 Tailwind @theme 的 var(--*) 解析回退。
 */
.bh-manufacturing,
:root {
  color-scheme: light;

  --background: #ffffff;
  --foreground: #0f1a33;
  --card: #ffffff;
  --card-foreground: #0f1a33;
  --primary: #3b6bff;
  --primary-foreground: #ffffff;
  --secondary: #f2f5fb;
  --secondary-foreground: #3a4457;
  --muted: #f5f7fc;
  --muted-foreground: #5b6577;
  --accent: #0f9d78;
  --accent-foreground: #ffffff;
  --border: #e2e8f2;
  --ring: #3b6bff;
  --radius: 6px;

  --navy: #0d1b3d;
  --navy-2: #0a1631;
  --navy-border: rgba(255, 255, 255, 0.1);
  --navy-muted: rgba(255, 255, 255, 0.62);

  --grid-line: rgba(255, 255, 255, 0.06);
  --grid-line-light: rgba(15, 26, 51, 0.05);
}

.bh-manufacturing {
  font-family: "IBM Plex Sans", sans-serif;
  background-color: var(--background);
  color: var(--foreground);
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}

.bh-manufacturing *,
.bh-manufacturing *::before,
.bh-manufacturing *::after {
  box-sizing: border-box;
}

.bh-manufacturing .font-display {
  font-family: "Archivo", sans-serif;
}

.bh-manufacturing .font-mono {
  font-family: "JetBrains Mono", ui-monospace, monospace;
}

/* 对抗主题 .flex { flex-wrap: wrap } 以及未设 display 的 flex/grid */
.bh-manufacturing .flex {
  display: flex;
}
.bh-manufacturing .inline-flex {
  display: inline-flex;
}
.bh-manufacturing .grid {
  display: grid;
}
.bh-manufacturing .flex:not(.flex-wrap) {
  flex-wrap: nowrap;
}
.bh-manufacturing .flex-wrap {
  flex-wrap: wrap;
}

/* 对抗站点 ol/ul 圆点、序号与缩进（面包屑、品牌墙、chips） */
.bh-manufacturing ul,
.bh-manufacturing ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
.bh-manufacturing li {
  list-style: none;
}
.bh-manufacturing dl,
.bh-manufacturing dt,
.bh-manufacturing dd {
  margin: 0;
}

/* SVG 不被全局 * color 染黑 */
.bh-manufacturing svg {
  display: block;
  flex: none;
}

.bh-manufacturing a {
  text-decoration: none;
}

.bh-manufacturing button {
  font: inherit;
}

.bh-manufacturing ::selection {
  background: var(--primary);
  color: var(--primary-foreground);
}

/* Blueprint grid backdrop（浅色区块） */
.bh-manufacturing .bp-grid {
  background-image:
    linear-gradient(var(--grid-line-light) 1px, transparent 1px),
    linear-gradient(90deg, var(--grid-line-light) 1px, transparent 1px);
  background-size: 44px 44px;
}

/* Navy hero / 深色底 + 网格 */
.bh-manufacturing .bp-navy {
  background-color: var(--navy);
  background-image:
    linear-gradient(var(--grid-line) 1px, transparent 1px),
    linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);
  background-size: 44px 44px;
}

.bh-manufacturing .eyebrow {
  font-family: "JetBrains Mono", ui-monospace, monospace;
  font-size: 0.72rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--primary);
}

@keyframes bh-mts-pulse-dot {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.35; transform: scale(0.82); }
}
.bh-manufacturing .live-dot {
  animation: bh-mts-pulse-dot 1.8s ease-in-out infinite;
}

@keyframes bh-mts-sweep {
  0% { transform: translateY(-100%); opacity: 0; }
  20% { opacity: 1; }
  80% { opacity: 1; }
  100% { transform: translateY(400%); opacity: 0; }
}
.bh-manufacturing .scan-sweep {
  animation: bh-mts-sweep 4.5s linear infinite;
}

/* 作用域滚动条（不改站点全局） */
.bh-manufacturing {
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
.bh-manufacturing:hover {
  scrollbar-color: var(--border) transparent;
}
.bh-manufacturing ::-webkit-scrollbar {
  width: 6px;
}
.bh-manufacturing ::-webkit-scrollbar-track {
  background: transparent;
}
.bh-manufacturing ::-webkit-scrollbar-thumb {
  background: var(--border);
  border-radius: 3px;
}
.bh-manufacturing ::-webkit-scrollbar-thumb:hover {
  background: var(--primary);
}