/* ==========================================================================
   站点根入口 / 语言网关
   单独一个文件：根页与五语页面共享 tokens.css 的设计令牌，
   但布局只服务这一个页面，不污染其它样式表。
   ========================================================================== */

.gate{
  min-height:100svh;display:flex;flex-direction:column;justify-content:space-between;
  padding:clamp(28px,4vw,56px) var(--pad-x);
  position:relative;overflow:hidden;isolation:isolate;
}
.gate::after{
  content:"";position:absolute;inset:0;z-index:-1;
  background:
    radial-gradient(120% 90% at 12% 8%,rgba(201,162,74,.13),transparent 58%),
    radial-gradient(90% 80% at 92% 96%,rgba(226,69,47,.07),transparent 60%);
}

.gate__top{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.gate__top .u-mono{max-width:44ch;line-height:1.5;text-align:right}
@media(max-width:700px){.gate__top .u-mono{text-align:left}}

.gate__mid{max-width:1040px;padding-block:clamp(32px,6vw,80px)}
.gate__mid h1{
  font-size:clamp(1.9rem,4.6vw,3.6rem);
  font-weight:800;font-variation-settings:'wdth' 98,'wght' 800;
  line-height:1.02;letter-spacing:-.03em;max-width:22ch;
}
.gate__mid h1 em{font-style:normal;color:var(--gold)}
html[lang="zh"] .gate__mid h1{letter-spacing:-.012em;line-height:1.1}
.gate__mid > p{
  margin-top:clamp(14px,1.8vw,24px);color:var(--bone-2);
  font-size:clamp(1rem,1.15vw,1.2rem);line-height:1.6;max-width:60ch;
}

.gate__langs{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(26px,3.4vw,46px)}
.gate__langs a{
  display:flex;flex-direction:column;gap:5px;
  min-width:190px;flex:1 1 190px;padding:18px 20px;
  border:1px solid var(--line-2);border-radius:var(--r);background:var(--ink-2);
  transition:border-color .35s var(--ease),background .35s var(--ease),transform .35s var(--ease);
}
.gate__langs a:hover{border-color:var(--gold);background:var(--ink-3);transform:translateY(-2px)}
.gate__langs a:focus-visible{border-color:var(--gold)}
.gate__code{
  font-family:var(--f-mono);font-size:10.5px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--gold);
}
.gate__name{font-size:1.12rem;font-weight:700;letter-spacing:-.01em}

.gate__foot{
  display:flex;flex-wrap:wrap;gap:10px 26px;justify-content:space-between;align-items:flex-end;
  border-top:1px solid var(--line);padding-top:clamp(16px,2vw,24px);
  font-family:var(--f-mono);font-size:10.5px;letter-spacing:.1em;color:var(--muted);
}
.gate__foot a{transition:color .3s var(--ease)}
.gate__foot a:hover{color:var(--gold)}