/* 即将上线页：与官网同一套深色舞台，底部是群山五灯标志 */
:root{
  color-scheme:dark;
  --bg:#08080A;--line:rgba(255,255,255,.09);--line-2:rgba(255,255,255,.18);
  --fg:#F4F1EC;--fg-2:#ADA7A1;--fg-3:#8C8681;
  --accent:#E8182B;--accent-hi:#FF5262;--accent-soft:rgba(232,24,43,.14);--accent-glow:rgba(232,24,43,.45);
  --display:"Noto Serif SC","Noto Serif CJK SC","Songti SC","STSong","SimSun",serif;
  --body:"Noto Sans SC","Noto Sans CJK SC","PingFang SC","Microsoft YaHei",system-ui,sans-serif;
  --ease:cubic-bezier(.2,.7,.2,1);
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--body);font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
:focus-visible{outline:2px solid var(--accent-hi);outline-offset:3px;border-radius:6px}
#bg{position:fixed;inset:0;width:100%;height:100%;display:block;z-index:0}
.vignette{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 85% 75% at 50% 40%,rgba(8,8,10,0) 40%,rgba(8,8,10,.7) 100%)}
.wrap{max-width:1240px;margin-inline:auto;padding-inline:clamp(16px,5vw,64px)}
.nav{position:relative;z-index:3}
.nav-in{height:72px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:flex;align-items:center;gap:12px}
.brand img{width:40px;height:40px;object-fit:contain;flex:none}
.brand-txt{display:flex;flex-direction:column;line-height:1.1}
.brand-txt b{font-size:19px;font-weight:700;letter-spacing:.08em}
.brand-txt small{font-size:10px;letter-spacing:.42em;color:var(--fg-3);margin-top:4px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 24px;border-radius:999px;font:inherit;font-size:15px;font-weight:500;letter-spacing:.05em;transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s;border:1px solid transparent;white-space:nowrap}
.btn-red{background:var(--accent);color:#fff;box-shadow:0 18px 40px -14px var(--accent-glow)}
.btn-red:hover{transform:translateY(-2px)}
.btn-line{border-color:var(--line-2);background:rgba(8,8,10,.35)}
.btn-line:hover{border-color:rgba(255,255,255,.4)}
.soon{position:relative;z-index:2;min-height:calc(100svh - 72px);display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:clamp(36px,9vh,110px);padding-bottom:40vh}
.soon>*{position:relative}
.soon::before{content:"";position:absolute;left:50%;top:clamp(0px,4vh,60px);width:min(980px,96vw);height:min(560px,70vh);transform:translateX(-50%);background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(8,8,10,.72),rgba(8,8,10,0) 75%);pointer-events:none}
.soon h1,.soon .sub,.soon .eyebrow,.soon .note{text-shadow:0 2px 18px rgba(8,8,10,.85)}
.eyebrow{display:flex;align-items:center;gap:14px;font-size:12px;letter-spacing:.34em;color:var(--fg-2)}
.eyebrow::before,.eyebrow::after{content:"";width:32px;height:1px;background:var(--accent)}
h1{margin:22px 0 0;font-family:var(--display);font-weight:900;font-size:clamp(34px,5.4vw,76px);line-height:1.2;letter-spacing:.04em;text-wrap:balance}
.sub{margin:18px auto 0;max-width:30em;color:var(--fg-2);font-size:clamp(15px,1.5vw,18px);line-height:1.9}
.tag{margin-top:30px;display:inline-flex;align-items:center;gap:10px;padding:8px 18px;border-radius:999px;border:1px dashed var(--accent-hi);background:var(--accent-soft);font-size:15px;font-weight:500;letter-spacing:.12em}
.tag i{width:8px;height:8px;border-radius:50%;background:var(--accent-hi);box-shadow:0 0 12px var(--accent-hi);animation:pulse 1.6s ease-in-out infinite}
@keyframes pulse{50%{opacity:.25}}
.note{margin:14px 0 0;font-size:14px;color:var(--fg-3)}
.btns{margin-top:34px;display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.load{animation:rise 1.1s var(--ease) both}
.d1{animation-delay:.05s}.d2{animation-delay:.15s}.d3{animation-delay:.28s}.d4{animation-delay:.4s}.d5{animation-delay:.52s}
@keyframes rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@media (max-width:560px){
  .nav .btn{min-height:42px;padding:0 16px;font-size:14px}
  .soon{padding-bottom:46vh}
  .btns{flex-direction:column;width:100%}
  .btns .btn{width:100%}
}
@media (prefers-reduced-motion:reduce){.load,.tag i{animation:none!important}}