@font-face {
  font-family: BrandonText;
  src: url('./Extenda-30Deca.woff2') format('woff2');
  font-display: swap;
}

/* ===== 基础布局 ===== */
html, body {
  margin: 0;
  padding: 0;
  background: #000;
  color: #ededed;
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
.stage {
  position: relative;
  height: 100vh;
  width: 100vw;
  overflow: hidden;
  background: #000;
}
.stage-inner {
  position: relative;
  height: 100%;
  width: 100%;
  overflow: hidden;
  background: #000;
}
#stage {
  display: block;
  height: 100%;
  width: 100%;
  touch-action: none;
  transition: opacity 500ms ease;
  opacity: 0;
}
#stage.ready { opacity: 1; }
#error {
  position: absolute;
  inset: 0;
  overflow: auto;
  background: rgba(0, 0, 0, 0.9);
  padding: 16px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  line-height: 20px;
  color: #fecaca;
  display: none;
}
#error.visible { display: block; }
#error .title {
  font-family: ui-sans-serif, system-ui, sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #fee2e2;
  margin-bottom: 8px;
}
#error pre { white-space: pre-wrap; margin: 0; }

/* ===== 移植自 qijishow fastmail 页面的 .nr / .copyright 版块样式 ===== */
/* 归零 dl/dd 默认外边距（fastmail 由全局 reset 处理，这里补上以还原真实观感） */
.nr dl, .nr dd, .copyright dl, .copyright dd { margin: 0; }

@-webkit-keyframes title {
  0% { opacity: 0; -webkit-transform: translateX(60px); }
  100% { opacity: 1; -webkit-transform: translateX(0); }
}
@keyframes title {
  0% { opacity: 0; transform: translateX(60px); }
  100% { opacity: 1; transform: translateX(0); }
}
@-webkit-keyframes button {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes button {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

.nr {
  position: absolute;
  bottom: 34%;
  z-index: 100;
  left: 4%;
  overflow: hidden;
}
.nr dd.one {
  font-family: BrandonText, "Arial Black", "PingFang SC", sans-serif;
  color: #FFFFFF;
  padding-bottom: 0px;
  -webkit-animation: 'title' 1.5s 1;
  animation: title 1.5s 1;
  /* 字体就位后恢复参考页原值（窄体展示字，视觉宽度接近之前缩小的 Arial Black 版） */
  font-size: clamp(100px, 18.5vw, 282px);
  margin-top: 23px;
      line-height: 220px;
          letter-spacing: 4px;
}
.nr dd.two {
  font-family: "微软雅黑", "PingFang SC", sans-serif;
  font-size: 24px;
  color: #FFFFFF;
  padding-bottom: 20px;
  -webkit-animation: 'title' 3s 1;
  animation: title 3s 1;
    margin-top: -20px;
    font-weight: 400;
    letter-spacing: 3px;
    font-size: 22px;
}
.nr dd.three{
    font-family: "微软雅黑", "PingFang SC", sans-serif;
  font-size: 24px;
  color: #FFFFFF;
  padding-bottom: 15px;
  -webkit-animation: 'title' 5s 1;
  animation: title 5s 1;
    margin-top: -12px;
    font-weight: 200;
    font-size: 14px;
        width: 70%;
}
.copyright {
  position: absolute;
  bottom: 6%;
  z-index: 100;
  left: 4%;
}
.copyright dd.b {
  height: 20px;
  float: left;
  font-family: "微软雅黑", "PingFang SC", sans-serif;
  font-size: 12px;
  line-height: 20px;
  color: #FFFFFF;
}
.copyright dd.b a {
  text-decoration: none;
  color: #FFFFFF;
  transition: all 0.3s ease-in-out;
  opacity: 0.50;
}
.copyright dd.b a:hover { opacity: 1; }

 .nr dd.button:hover {
    background: #00803e;
        transform: translate(0, -4px);
 }

  .nr dd.button {
    font-family: PingFangSC-Light, "PingFang SC", sans-serif;
    display: block;
    padding: 10px;
    width: 28%;
    margin-bottom: 10px;
    background: #07c160;
    -webkit-backdrop-filter: saturate(100%) blur(30px);
    backdrop-filter: saturate(100%) blur(30px);
    font-size: 14px;
    border-radius: 33px;
-webkit-animation: 'title' 4s 1;
    animation: title 4s 1;
transition: all .4s;
    margin-top: 25px;
  }
  .nr dd.button a {
    text-decoration: none;
    color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    font-family: PingFangSC-Light, "PingFang SC", sans-serif;
    font-size: 15px;
  }
@media screen and (max-width: 1200px) {
  .nr dd.one { font-size: clamp(101px, 25.5vw, 282px); }
  .nr dd.two { font-size: 18px; }
  .nr dd.button {
    width: 35%;
}
}
@media screen and (max-width: 767px) {
  .nr { width: 100%;
        left: 0%;         
        top: 29%;
        height: 100%;}
  .nr dd.button {
    font-family: PingFangSC-Light, "PingFang SC", sans-serif;
    display: block;
    padding: 14px;
    width: 50%;
    margin-bottom: 10px;
    background: #07c160;
    -webkit-backdrop-filter: saturate(100%) blur(30px);
    backdrop-filter: saturate(100%) blur(30px);
    font-size: 14px;
    border-radius: 33px;
-webkit-animation: 'title' 5s 1;
    animation: title 5s 1;
            margin: auto;
  }
  .nr dd.button a {
    text-decoration: none;
    color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;

  }
  .nr dd.three {
    width: 58%;
    margin: auto;
    margin-bottom: 34px;
}
  .nr dd.one {         font-size: 166px;
        padding-bottom: 42px;
        text-align: center;
        line-height: 130px; }
  .nr dd.two { font-size: 24px; line-height: 26px; font-family: PingFangSC-Light, "PingFang SC", sans-serif; text-align: center; padding-bottom: 12px; }
  .copyright { left: 0%; right: 0%; bottom: 2%; }
  .copyright dd.b { font-size: 9px; letter-spacing: -0.3px; font-family: PingFangSC-Light, "PingFang SC", sans-serif; width: 100%; text-align: center; }
  .copyright dd.b a { opacity: 1; }
}


@media screen and (max-width: 460px) {
    .nr {
        width: 100%;
        left: 0%;
        top: 20%;
        height: 100%;
    }
    .nr dd.one {
        font-size: 190px;
        padding-bottom: 42px;
        text-align: center;
        line-height: 145px;
    }
        .nr dd.three {
        width: 82%;
        margin: auto;
        margin-bottom: 20px;
    }
}
@media screen and (max-width:767px) {

.stage-inner{
  display: none;
}

.stage {
  background: url('../bj.webp') no-repeat center center;
  background-size: cover;
}
}

/* 版权浮层：还原透明底（night.css 强制 #121212 / theme-toggle dark 强制 #000 都会加灰底） */
html .copyright {
  background-color: transparent !important;
}
html[data-theme="dark"] .stage .copyright {
  background-color: transparent !important;
  color: #FFFFFF !important;
}

/* 下载按钮链接白字（theme-toggle dark 的 a:link 会把白字冲成 #ffffff7d 半透明灰） */
html[data-theme="dark"] .nr dd.button a {
  color: #FFFFFF !important;
}

/* 底部版权链接白字（还原手调色；opacity 仍由上方本页规则控制，不在此覆盖） */
html[data-theme="dark"] .copyright dd.b a {
  color: #FFFFFF !important;
}