/* Atlas 站点样式 —— 终端叙事风，零外部依赖（无 CDN / 无外部字体，大陆访问无墙） */

/* ══ 终端叙事 v2 · 2026-10 重设计（spec 2026-10-26）══
   标记约定：页面根 <body class="c">；组件一律 .c- 前缀或 .c 作用域。 */
:root {
  --bg: #0E0C09;
  --panel: #14110C;
  --panel-hover: #17130D;
  --line: #241E14;
  --text: #EFE8D8;
  --muted: #A89C82;
  --dim: #6B5F45;
  --amber: #E8A33D;
  --green: #7ED491;
  --blue: #7EB8FF;
  --sans: "PingFang SC","HarmonyOS Sans SC","Microsoft YaHei","Noto Sans SC",sans-serif;
  --mono: "JetBrains Mono","SFMono-Regular",Consolas,"Courier New",monospace;
}
* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
::selection { background:#E8A33D; color:#1D1608; }
button:focus-visible, a:focus-visible { outline:2px solid #E8A33D; outline-offset:2px; border-radius:4px; }

/* ── 页面作用域（body.c） ── */
.c { background:#0E0C09; color:#EFE8D8; font-family:var(--sans); line-height:1.75; }
.c a { color:inherit; text-decoration:none; }

/* ── 导航 ── */
.c-nav {
  position:sticky; top:0; z-index:100;
  display:flex; justify-content:space-between; align-items:center;
  padding:13px 5vw;
  background:rgba(14,12,9,.86); backdrop-filter:blur(10px);
  border-bottom:1px solid #241E14;
}
.c-brand { display:flex; align-items:center; gap:10px; font-weight:800; font-size:18px; }
.c-links { display:flex; gap:24px; align-items:center; }
.c-links a { color:#A89C82; font-size:13.5px; font-family:var(--mono); transition:color .12s ease; }
.c-links a:hover { color:#E8A33D; }
.c-links a.hot { color:#E8A33D; }
.c-links .gh { color:#7ED491; border:1px solid #2E4A33; border-radius:6px; padding:4px 14px; }
.c-links .gh:hover { border-color:#7ED491; color:#9FE8AE; }

/* ── Hero ── */
.c-hero { max-width:1020px; margin:0 auto; padding:68px 5vw 56px; text-align:center; }
.c-hero h1 { font-size:clamp(34px,4.4vw,50px); font-weight:800; letter-spacing:1px; }
.c-hero .sub { color:#A89C82; font-size:15.5px; max-width:700px; margin:18px auto 0; }
.c-hero .sub strong { color:#E8D9B0; font-weight:600; }

/* ── 子页 detail-hero（.c 作用域） ── */
.c .detail-hero { max-width:1020px; margin:0 auto; padding:58px 5vw 40px; text-align:center; }
.c .detail-hero .chip {
  display:inline-block; font-family:var(--mono); font-size:12.5px; color:#7ED491;
  border:1px solid #2E4A33; border-radius:6px; padding:3px 12px; letter-spacing:.5px;
}
.c .detail-hero .chip.dim { color:#8B7D5F; border-color:#3A3222; }
.c .detail-hero h1 { font-size:clamp(30px,4vw,44px); font-weight:800; letter-spacing:1px; margin-top:14px; }
.c .detail-hero .sub { color:#B8AC90; font-size:15.5px; max-width:720px; margin:14px auto 0; }
.c .detail-hero .sub strong { color:#EFE8D8; font-weight:600; }

/* ── 终端窗口 ── */
.c-term {
  max-width:940px; margin:36px auto 0; text-align:left;
  background:#14110C; border:1px solid #2A2318; border-radius:10px;
  overflow:hidden; box-shadow:0 28px 80px rgba(0,0,0,.55), 0 2px 8px rgba(0,0,0,.4);
}
.c-term-bar {
  display:flex; align-items:center; gap:8px; padding:11px 15px;
  background:#1A1610; border-bottom:1px solid #2A2318;
}
.c-term-bar i { width:11px; height:11px; border-radius:50%; background:#3A3222; display:inline-block; }
.c-term-bar span { font-family:var(--mono); font-size:12px; color:#8B7D5F; margin-left:8px; letter-spacing:.5px; }
.c-term-body { padding:26px 32px; font-family:var(--mono); font-size:14.5px; line-height:2.05; overflow-x:auto; }
.c-term-body > div { white-space:pre; }
.c-term-body .p { color:#E8A33D; user-select:none; }
.c-term-body .ok { color:#7ED491; }
.c-term-body .out { color:#B8AC90; }
.c-term-body .hl { color:#EFE8D8; font-weight:600; }
.c-term-body .dim { color:#6B5F45; }
.c-term-body .kv { color:#8B7D5F; }
.c-cur { display:inline-block; width:10px; height:19px; background:#7ED491; vertical-align:-3px; margin-left:2px; animation:cblink 1.1s steps(1) infinite; }
@keyframes cblink { 50% { opacity:0; } }
@media (prefers-reduced-motion: reduce) { .c-cur { animation:none; } }

/* ── CTA / 按钮 ── */
.c-cta { margin-top:30px; display:flex; gap:14px; justify-content:center; flex-wrap:wrap; }
.c-btn {
  display:inline-block; padding:11px 28px; font-size:14.5px; font-weight:600;
  border:1px solid #4A3E27; color:#EFE8D8; border-radius:6px; background:#181410;
  font-family:var(--mono); letter-spacing:.5px;
  transition:border-color .12s ease, background .12s ease, transform .12s ease;
}
.c-btn:hover { border-color:#6B5A33; background:#1E1912; transform:translateY(-1px); }
.c-btn.pri { background:#E8A33D; color:#1D1608; border-color:#E8A33D; }
.c-btn.pri:hover { background:#F2B45C; border-color:#F2B45C; }

/* ── 架构：层框 + 虚线总线 ── */
.c-arch { max-width:1020px; margin:0 auto; padding:48px 5vw 60px; }
.c-sec-head { text-align:center; margin-bottom:36px; }
.c-sec-head h2 { font-size:clamp(23px,3vw,30px); font-weight:800; letter-spacing:1px; }
.c-sec-head p { color:#6B5F45; font-size:13px; margin-top:8px; font-family:var(--mono); letter-spacing:1px; }
.c-layer {
  border:1px solid #3A3222; background:#14110C; border-radius:6px;
  padding:22px 26px;
  transition:border-color .15s ease;
}
.c-layer:hover { border-color:#57492B; }
.c-layer .tag { font-family:var(--mono); font-size:12px; letter-spacing:2px; color:#E8A33D; }
.c-layer h3 { font-size:18.5px; font-weight:700; margin-top:7px; }
.c-layer p { color:#B8AC90; font-size:13.5px; margin-top:9px; max-width:780px; }
.c-layer p strong { color:#EFE8D8; font-weight:600; }
.c-toks { display:flex; flex-wrap:wrap; gap:7px 15px; margin-top:14px; font-family:var(--mono); font-size:12.5px; color:#D8CBAF; }
.c-toks span::before { content:"[ "; color:#6B5F45; }
.c-toks span::after { content:" ]"; color:#6B5F45; }
.c-gpu { margin-top:14px; font-family:var(--mono); font-size:12.5px; color:#8B7D5F; }
.c-gpu b { font-weight:400; }
.c-gpu .arw { color:#4A3E27; margin:0 4px; }
.c-gpu .i { color:#7EB8FF; } .c-gpu .e { color:#E8A33D; } .c-gpu .s { color:#7ED491; }
.c-conn { display:flex; align-items:center; gap:14px; padding:15px 6px; }
.c-conn::before, .c-conn::after { content:""; flex:1; border-top:1px dashed #332B1A; }
.c-conn .ar { color:#E8A33D; font-size:13px; line-height:1; }
.c-conn .lb { font-family:var(--mono); font-size:12px; color:#8B7D5F; letter-spacing:1px; white-space:nowrap; }

/* ── 产品清单 ── */
.c-prods { max-width:1020px; margin:0 auto; padding:0 5vw 68px; }
.c-listhead { font-family:var(--mono); font-size:13.5px; color:#A89C82; margin-bottom:18px; }
.c-listhead .p { color:#E8A33D; }
.c-inst {
  border:1px solid #2A2318; background:#14110C; border-radius:8px;
  padding:19px 24px; margin-bottom:14px; display:block;
  transition:border-color .15s ease, background .15s ease;
}
.c-inst:hover { border-color:#6B5A33; background:#17130D; text-decoration:none; }
.c-inst .hd { display:flex; justify-content:space-between; align-items:baseline; gap:12px; flex-wrap:wrap; }
.c-inst .nm { font-family:var(--mono); font-size:15.5px; color:#E8A33D; font-weight:600; }
.c-inst .st { font-family:var(--mono); font-size:12.5px; color:#7ED491; }
.c-inst .enter { font-family:var(--mono); font-size:12px; color:#6B5F45; }
.c-inst:hover .enter { color:#E8A33D; }
.c-inst .cmds { font-family:var(--mono); font-size:13px; color:#D8CBAF; margin-top:12px; line-height:1.95; overflow-x:auto; }
.c-inst .cmds > div { white-space:pre; }
.c-inst .cmds .p { color:#E8A33D; }
.c-inst .cmds .cmt { color:#6B5F45; }
.c-inst p { color:#B8AC90; font-size:13.5px; margin-top:8px; }
.c-inst p strong { color:#EFE8D8; font-weight:600; }
.c-ghost {
  display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap;
  border:1px dashed #2E2818; border-radius:8px; padding:12px 24px; margin-bottom:10px;
  font-family:var(--mono); font-size:12.5px; color:#6B5F45;
}

/* ── 子页通用区块与能力卡 grid ── */
.c-sec { max-width:1020px; margin:0 auto; padding:0 5vw 64px; }
.c-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; }
.c-card {
  border:1px solid #2A2318; background:#14110C; border-radius:8px; padding:19px 24px;
  transition:border-color .15s ease, background .15s ease;
}
.c-card:hover { border-color:#57492B; background:#17130D; }
.c-card .no { font-family:var(--mono); font-size:12px; letter-spacing:2px; color:#E8A33D; }
.c-card h3 { font-size:16px; font-weight:700; margin-top:7px; }
.c-card p { color:#B8AC90; font-size:13.5px; margin-top:8px; }
.c-card p strong { color:#EFE8D8; font-weight:600; }
.c-card p code {
  font-family:var(--mono); font-size:12.5px; color:#EFE8D8;
  background:#1A1610; border:1px solid #2A2318; border-radius:4px; padding:1px 6px;
}

/* ── 页脚 ── */
.c-foot {
  border-top:1px solid #241E14; padding:24px 5vw;
  display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap;
  color:#6B5F45; font-size:13px;
}
.c-foot .exit { font-family:var(--mono); font-size:12.5px; }
.c-foot .exit b { color:#7ED491; font-weight:400; }
.c-foot .flinks { display:flex; gap:18px; flex-wrap:wrap; font-family:var(--mono); font-size:12.5px; }
.c-foot .flinks a { color:#A89C82; transition:color .12s ease; }
.c-foot .flinks a:hover { color:#E8A33D; }

/* ── 响应式 ── */
@media (max-width:920px) {
  .c-links a:not(.gh) { display:none; }
  .c-hero { padding-top:52px; }
  .c-term-body { font-size:13px; padding:18px 20px; }
  .c-grid { grid-template-columns:1fr; }
  .c .detail-hero { padding:44px 5vw 32px; }
  .c-sec { padding-bottom:48px; }
}