/* =========================================================
   WAFER FLOW SILICON TRACE — 设计令牌
   洁净室冷钢 + 光刻胶琥珀。唯一强调色：--amber
   ========================================================= */

:root{
  /* — 墨与钢 — */
  --ink:        #101619;
  --ink-2:      #27343A;
  --ink-3:      #455359;
  --mute:       #76858B;
  --mute-2:     #9AA7AC;

  /* — 面与线 — */
  --paper:      #E8ECED;
  --surface:    #FAFBFB;
  --surface-2:  #F1F5F5;
  --surface-3:  #E3E8E9;
  --line:       #D2D9DB;
  --line-soft:  #E4E9EA;
  --line-ink:   #B9C3C6;
  --line-strong: #C7D0D2;

  /* — 黄光区（流片操作台） — */
  --bay:        #15130E;
  --bay-2:      #1F1C14;
  --bay-3:      #2A2519;
  --bay-line:   #38301F;
  --bay-ink:    #F0E7D6;
  --bay-mute:   #9C9180;

  /* — 唯一强调色：光刻胶琥珀 — */
  --amber:      #C4862A;
  --amber-2:    #A96F1D;
  --amber-soft: #F2E2C4;
  --amber-wash: #FBF3E4;

  /* — 语义色（仅状态，不作装饰） — */
  --teal:       #2A6B5F;
  --teal-soft:  #DBE8E4;
  --oxide:      #94382F;
  --oxide-soft: #EFDCDA;

  /* — 字体 — */
  --sans: "PingFang SC", "HarmonyOS Sans SC", "MiSans", "Source Han Sans SC",
          "Segoe UI Variable Text", "Microsoft YaHei UI", "Microsoft YaHei",
          system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --mono: "SF Mono", "JetBrains Mono", "Cascadia Mono", "Segoe UI Mono",
          ui-monospace, "Roboto Mono", Menlo, Consolas, monospace;

  /* — 尺度 — */
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 16px;
  --shadow-soft: 0 18px 40px -26px rgba(16, 22, 25, .45), 0 2px 6px -2px rgba(16, 22, 25, .08);
  --shadow-bay:  0 30px 60px -34px rgba(16, 22, 25, .7);
  --ease: cubic-bezier(.16, 1, .3, 1);
  --rail-w: 84px;
  --top-h: 66px;
}

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

html{ -webkit-text-size-adjust:100%; }

body{
  margin:0;
  min-height:100dvh;
  background:
    radial-gradient(120% 80% at 100% 0%, #EEF2F2 0%, transparent 55%),
    var(--paper);
  color:var(--ink-2);
  font-family:var(--sans);
  font-size:14px;
  line-height:1.55;
  letter-spacing:.005em;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

h1,h2,h3,h4,p,figure{ margin:0; }
button,input,select,textarea{ font:inherit; color:inherit; }
button{ background:none; border:0; padding:0; cursor:pointer; }
a{ color:inherit; }
svg{ display:block; }

.sprite{ position:absolute; width:0; height:0; overflow:hidden; }
.ic{ width:16px; height:16px; flex:none; }

.mono{
  font-family:var(--mono);
  font-variant-numeric:tabular-nums slashed-zero;
  letter-spacing:.01em;
}

.eyebrow{
  font-family:var(--mono);
  font-size:10px;
  font-weight:500;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--mute);
  display:block;
  line-height:1.4;
}

/* ——— 焦点可见性（键盘可达性） ——— */
:focus{ outline:none; }
:focus-visible{
  outline:2px solid var(--amber);
  outline-offset:2px;
  border-radius:2px;
}

::selection{ background:var(--amber-soft); color:var(--ink); }

/* ——— 滚动条 ——— */
*{ scrollbar-width:thin; scrollbar-color:var(--line-ink) transparent; }
*::-webkit-scrollbar{ width:10px; height:10px; }
*::-webkit-scrollbar-track{ background:transparent; }
*::-webkit-scrollbar-thumb{
  background:var(--line-ink);
  border:3px solid transparent;
  background-clip:content-box;
  border-radius:10px;
}
*::-webkit-scrollbar-thumb:hover{ background-color:var(--mute-2); background-clip:content-box; }

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