/* BLACK SITE: original palette, pixel typography and industrial geometry. */
/* 视觉层始终占满首屏（顶栏以下整个视口），下面的区块只在滚动后浮现 */
.home-blacksite .home-hero { height:auto; min-height:calc(100vh - var(--topbar-h)); display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:20px; padding:64px clamp(28px,4.8vw,84px) 76px; border-bottom:1px solid #42e8ff20; }
.home-blacksite .home-hero-art { opacity:0; object-position:center; transition:opacity 1.8s ease-in-out; pointer-events:none; }
.home-blacksite .home-background-photo { image-rendering:auto; object-position:64% center; }
.home-blacksite .home-background-photo.is-active { opacity:.72; }
.home-blacksite .home-background-pixel.is-active { opacity:.3; }
.home-blacksite .home-hero-shade { background:linear-gradient(90deg,#05070de8,#05070da8 42%,#05070d45 72%,#05070d30),linear-gradient(0deg,#05070d,transparent 45%); }
/* right 预留智能体悬浮球（fixed right:22 + 64 宽）的列，避免 768–1100 视口下压住 02 按钮 */
.home-background-controls { position:absolute; z-index:4; right:98px; bottom:16px; display:flex; gap:6px; }
.home-background-controls button { display:grid; place-items:center; width:34px; height:30px; padding:0; background:#050d19d9; border:1px solid #29435f; color:var(--text-2); font:11px 'Courier New',monospace; cursor:pointer; }
.home-background-controls button[aria-pressed="true"] { color:var(--cyan); border-color:var(--cyan); background:#103040; }
.home-background-controls button:hover { border-color:var(--cyan); }
.home-background-controls button:disabled { opacity:.4; cursor:wait; }
.home-background-controls button[hidden] { display:none; }
.home-blacksite .home-hero-foot { padding-right:130px; }
.home-blacksite .home-hero-copy { width:100%; height:auto; grid-column:1; grid-row:1; }
.home-blacksite .home-kicker { flex-wrap:wrap; gap:8px; margin-bottom:30px; font-size:10px; }
.home-blacksite .home-kicker b { font-size:9px; }
.home-blacksite .home-hero h1 { font-size:clamp(36px,3.7vw,62px); gap:14px; line-height:1.3; margin-bottom:24px; }
.home-blacksite .home-hero-copy > p { max-width:400px; font-size:14px; line-height:1.95; margin-bottom:30px; }
.home-blacksite .home-command { min-width:184px; min-height:62px; }
.home-blacksite .home-command-primary { background:linear-gradient(120deg,#19445b,#0a2435); }
.home-blacksite .home-telemetry { margin-top:36px; background:linear-gradient(90deg,#0c182477,transparent); }
.home-blacksite .home-telemetry div { padding-top:16px; padding-bottom:16px; }
.home-blacksite .home-telemetry dd { font-size:26px; font-variant-numeric:tabular-nums; }
.home-reactor-scene { position:relative; grid-column:2; grid-row:1; width:100%; max-width:520px; justify-self:center; aspect-ratio:1; min-width:0; pointer-events:none; }
.reactor-canvas { display:block; width:100%; height:100%; }
.home-reactor-scene .reactor-caption { visibility:hidden; }
.home-hero[data-background="1"] .reactor-caption { visibility:visible; }
.home-targeting { position:absolute; inset:0; z-index:1; width:100%; height:100%; pointer-events:none; opacity:1; transition:opacity .65s ease; }
.home-hero[data-background="1"] .home-targeting { opacity:0; }
.reactor-caption { position:absolute; bottom:2%; left:16%; right:16%; display:flex; justify-content:space-between; gap:10px; padding-top:12px; border-top:1px solid #42e8ff30; color:#7d9ab0; font:9px/1.5 'Courier New',monospace; letter-spacing:.16em; }
.reactor-caption span:last-child { color:var(--cyan); }
.home-blacksite .home-reactor-hud { display:none; }
.home-blacksite .home-hero-foot { bottom:23px; left:clamp(28px,4.8vw,84px); right:clamp(28px,4.8vw,84px); font-size:9px; letter-spacing:.16em; }
.home-blacksite .home-hero-foot::after { content:''; flex:1; height:1px; margin-left:16px; background:linear-gradient(90deg,#42e8ff30,transparent); }
.home-blacksite .home-operations { margin:0 clamp(24px,3vw,48px); border:1px solid #42e8ff30; background:linear-gradient(180deg,#0c1724,#080f19); }
.home-blacksite .home-operation { padding:24px 20px; min-height:108px; gap:14px; }
.home-blacksite .home-operation-copy small { font-size:9px; letter-spacing:.1em; margin-bottom:10px; }
.home-blacksite .home-operation-copy b { font-size:14px; line-height:1.6; }
.home-blacksite .home-operation:hover { background:#102337; box-shadow:inset 0 -28px 40px -35px #42e8ff; }
.home-blacksite .home-store { margin:20px clamp(24px,3vw,48px) 0; gap:12px; border:0; background:transparent; }
.home-blacksite .home-store-cell { border:1px solid #29435f; background:linear-gradient(135deg,#101925,#080f19); padding:22px 20px; gap:14px; }
.home-blacksite .home-store-copy small { font-size:9px; letter-spacing:.09em; }
.home-blacksite .home-store-copy b { margin:3px 0; }
.home-blacksite .home-store-desc { font-size:12px; line-height:1.8; }
.home-blacksite .home-community { margin-top:38px; }
.home-blacksite .site-footer { margin-top:40px; }
@media(min-width:1700px) { .home-reactor-scene { max-width:650px; justify-self:center; } }
@media(max-width:1100px) {
 .home-blacksite .home-hero { padding-left:32px; padding-right:24px; gap:8px; }
 .home-blacksite .home-command { min-width:165px; }
 .home-blacksite .home-operations { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .home-blacksite .home-operation:nth-child(3) { border-left:0; }
 .home-blacksite .home-operation:nth-child(n+3) { border-top:1px solid #42e8ff26; }
 .home-blacksite .home-store { grid-template-columns:1fr; }
}
@media(max-width:760px) {
 .home-blacksite .home-hero { grid-template-columns:1fr; padding:38px 24px 52px; gap:0; }
 .home-blacksite .home-hero-copy { grid-row:1; }
 .home-blacksite .home-kicker { margin-bottom:22px; }
 .home-blacksite .home-hero h1 { font-size:clamp(32px,6.6vw,48px); }
 .home-blacksite .home-hero-copy > p { max-width:480px; }
 .home-blacksite .home-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
 .home-blacksite .home-command { min-width:0; grid-template-columns:24px minmax(0,1fr) 10px; gap:7px; padding:9px; }
 .home-blacksite .home-command .home-sigil { transform:scale(.75); transform-origin:left center; }
 .home-blacksite .home-command b { font-size:12px; }
 .home-blacksite .home-telemetry { width:100%; margin-top:26px; }
 .home-reactor-scene { grid-column:1; grid-row:2; width:min(100%,420px); justify-self:center; margin-top:12px; }
 .home-blacksite .home-hero-foot { left:24px; right:24px; bottom:18px; }
 .home-background-controls { right:98px; bottom:10px; }
 .home-blacksite .home-background-photo { object-position:72% center; }
 .home-blacksite .home-operations,.home-blacksite .home-store { margin-left:16px; margin-right:16px; }
 .home-blacksite .home-operation { grid-template-columns:24px minmax(0,1fr); gap:10px; padding:16px 12px; min-height:94px; }
 .home-blacksite .home-operation .home-sigil { transform:scale(.75); transform-origin:left center; }
 .home-blacksite .home-operation-copy b { font-size:12px; }
 .home-blacksite .home-operation-copy small { font-size:8px; letter-spacing:0; }
 .home-blacksite .home-operation-arrow { display:none; }
 .home-blacksite .home-store-cell { padding:18px 16px; }
}
@media(prefers-reduced-motion:reduce) { .home-blacksite *,.home-blacksite *::before,.home-blacksite *::after { animation:none!important; transition:none!important; } }