/* /home/ubuntu/baoleme/frontend/hw-landing.css
   HONGWU.SI — Brand Landing Layer (V40, 2026-10-06)
   双层结构: 极简品牌入口 → 深度 Terminal (URL 不变, 复用现有地球背景)
   回滚: URL 加 ?brand=off  →  立即恢复原站
   铁律: 不动 .earth-bg / #aiEarth / #earthBg; 禁用毛玻璃过滤; 不改涨跌色

   2026-10-06 老板:
     ① logo+HONGWU 缩小到左上角, 不抢眼 (品牌锁定到角落, 地球当主角)
     ② 去掉中央聚焦遮罩/光晕那层半透明层 → 地球全屏透出, 沉浸感优先
     ③ 进入提示保留在底部居中
*/

/* ═══ 品牌层激活时, 隐藏终端内容(保留地球 + HUD 框) ═══ */
body.hw-brand-on .main{visibility:hidden}
body.hw-brand-on{overflow:hidden}

/* 地球: 品牌首屏里地球=主角 (老板 2026-10-06 要沉浸感 → 比之前更亮更实) */
body.hw-brand-on #aiEarth,
body.hw-brand-on .earth-bg{
  opacity:.62;filter:saturate(.9) brightness(.86);
  transition:opacity 1.1s ease,filter 1.1s ease;
}
body.hw-brand-on .hq-link-layer,
body.hw-brand-on .hq-stage-vignette{opacity:.22;transition:opacity 1.1s ease}
body.hw-brand-on .hw-hud-frame{opacity:.28;transition:opacity 1.1s ease}

/* ═══ 品牌层容器: 全透明, 让地球全屏透出 (无遮罩/无光晕) ═══ */
.hw-landing{
  position:fixed;inset:0;z-index:520;
  background:transparent;
  font-family:'Inter',var(--sans,sans-serif);
  opacity:1;transition:opacity .8s cubic-bezier(.4,0,.2,1);
}
.hw-landing.hwl-off{opacity:0;pointer-events:none}

/* (2026-10-06 移除) 中央聚焦遮罩 ::before 与玄武光晕 ::after —
   老板: logo 已缩到角落, 不再需要压暗背景的半透明层; 让地球明亮透出=沉浸。 */

/* ═══ 品牌锁定 (左上角, 克制不抢眼) ═══ */
.hwl-brand{
  position:absolute;top:20px;left:24px;
  display:flex;align-items:center;gap:10px;
  animation:hwlRise 1.1s cubic-bezier(.2,.7,.2,1) both;
}
.hwl-brand-logo{
  width:clamp(26px,2.4vw,32px);height:auto;display:block;
  filter:drop-shadow(0 0 10px rgba(120,160,220,.32));
  user-select:none;pointer-events:none;
}
.hwl-brand-name{
  font-family:'Space Grotesk','Inter',var(--sans,sans-serif);
  font-size:clamp(12px,1.1vw,14px);font-weight:500;letter-spacing:.22em;
  color:rgba(226,238,252,.84);
  text-shadow:0 1px 8px rgba(3,5,10,.72);
  user-select:none;
}

/* ═══ 语言切换 (右上角) ═══ */
.hwl-lang{
  position:absolute;top:20px;right:26px;display:flex;gap:2px;
  font-family:'JetBrains Mono',var(--mono,monospace);
  font-size:10.5px;letter-spacing:.20em;user-select:none;
}
.hwl-lang span{
  padding:4px 10px;border-radius:5px;cursor:pointer;
  color:rgba(150,172,204,.6);transition:.25s;
}
.hwl-lang span.on{color:#eef4fc;background:rgba(122,150,192,.11)}
.hwl-lang span:hover{color:#9FC0EC}

/* ═══ 进入提示 (底部居中) ═══ */
.hwl-cta{
  position:absolute;left:0;right:0;bottom:42px;text-align:center;
  animation:hwlRise 1.2s .42s cubic-bezier(.2,.7,.2,1) both;
}
.hwl-hint{
  display:inline-block;cursor:default;user-select:none;
  font-family:'JetBrains Mono',var(--mono,monospace);
  font-size:11px;letter-spacing:.30em;text-transform:uppercase;
  color:rgba(214,230,250,.66);
  animation:hwlPulse 2.6s ease-in-out infinite;
}
@keyframes hwlPulse{0%,100%{opacity:.45}50%{opacity:.95}}

@keyframes hwlRise{
  from{opacity:0;transform:translateY(18px)}
  to{opacity:1;transform:none}
}

@media(max-width:640px){
  .hwl-brand{top:14px;left:14px;gap:8px}
  .hwl-brand-logo{width:24px}
  .hwl-brand-name{font-size:11.5px;letter-spacing:.18em}
  .hwl-lang{top:14px;right:14px}
  .hwl-cta{bottom:30px}
}
@media(prefers-reduced-motion:reduce){
  .hwl-brand,.hwl-cta,.hwl-hint{animation:none}
}