:root{
    --bg:#07090b;
    --ink:#e8ecea;
    --muted:#7d8c87;
    --cyan:#3e6b6b;
    --cyan-bright:#5fa8a8;
    --line:rgba(62,107,107,.22);
  }
  *{margin:0;padding:0;box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{
    background:var(--bg);color:var(--ink);
    font-family:"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;
    overflow-x:hidden;
  }

  canvas#sky{
    position:fixed;inset:0;width:100%;height:100%;
    z-index:0;pointer-events:none;display:block;
  }

  .hero{
    position:relative;z-index:2;min-height:100vh;
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    text-align:center;padding:120px 24px 80px;
  }
  .gate-wrap{position:relative;width:min(40vw,280px);aspect-ratio:1/1;margin-bottom:40px}
  .hero-logo{display:block;width:100%;height:100%}

  /* 无障碍与 SEO 辅助 */
  .sr-only{
    position:absolute;width:1px;height:1px;padding:0;margin:-1px;
    overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
  }

  @media (max-width:860px){
    .gate-wrap{width:min(56vw,220px)}
  }

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