/* LUPUSER 开场 v3：点云在 canvas 里画，运动由 intro.js 的时钟驱动；这里只放静态版式。
   黑底白字；全片只有一个斜角（幕布擦开时的斜边）。 */
.intro-scene{position:fixed;inset:0;z-index:100;overflow:hidden;background:transparent;color:#f2f2f2;
  font-family:'Inter',sans-serif;pointer-events:auto;contain:layout paint}
.intro-scene:focus{outline:none}
.ix-curtain{position:absolute;inset:0;will-change:clip-path}
.ix-black{position:absolute;inset:0;background:#000}
.ix-edge{position:absolute;top:-2%;bottom:-2%;left:0;width:1px;background:#f2f2f2;opacity:0;
  transform-origin:0 100%;will-change:transform,opacity}
/* 点云画布在幕布之上：幕布擦开后，点还能飞过首页落到地球上 */
.ix-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.ix-clock{position:absolute;width:0;height:0;overflow:hidden}
/* 画框：四角细线角标 */
@property --len{syntax:'<length>';inherits:true;initial-value:0px}   /* 伪元素要继承到这个值 */
.ix-frame{position:absolute;inset:clamp(18px,3.2vw,44px);pointer-events:none}
.ix-corner{position:absolute;width:0;height:0;--len:0px;opacity:0}
.ix-corner::before,.ix-corner::after{content:'';position:absolute;background:rgba(242,242,242,.6)}
.ix-corner::before{width:var(--len);height:1px}
.ix-corner::after{width:1px;height:var(--len)}
.ix-corner--tl{left:0;top:0}
.ix-corner--tr{right:0;top:0}.ix-corner--tr::before{right:0}.ix-corner--tr::after{right:0}
.ix-corner--bl{left:0;bottom:0}.ix-corner--bl::before{bottom:0}.ix-corner--bl::after{bottom:0}
.ix-corner--br{right:0;bottom:0}.ix-corner--br::before{right:0;bottom:0}.ix-corner--br::after{right:0;bottom:0}

/* 始终给滚动条留位置：开场锁滚动时没有滚动条，结束时冒出来会把页面挤 15px，看起来顿一下 */
html{scrollbar-gutter:stable}
html:has(body.intro-active){background:#000}   /* 开场时预留的那条边和黑幕一个颜色 */

/* 首页背景大字 */
.home-backdrop{position:absolute;left:50%;bottom:-.3em;transform:translateX(-50%);z-index:0;pointer-events:none;
  white-space:nowrap;font-weight:500;line-height:1;font-size:clamp(110px,19vw,300px);letter-spacing:.06em;
  margin-right:-.06em;color:#fff;opacity:.035;user-select:none}
.home>*:not(.home-backdrop){position:relative;z-index:1}
@media(max-width:650px){.home-backdrop{font-size:24vw;bottom:auto;top:52%}}
@media(prefers-reduced-motion:reduce){.intro-scene{display:none}}

/* ---------- 首页封面：只有标题、地球和一个入口 ---------- */
.home.cover{align-items:center}
.cover-copy{align-self:center}
/* .home 前缀：压过旧样式里的 .home h1 字号；不要 CSS 入场动画——开场的点会按标题的最终位置落下 */
.home .cover-title{font-weight:500;letter-spacing:.06em;line-height:1;margin:0;font-size:clamp(56px,8.6vw,172px);white-space:nowrap;animation:none!important}
.cover-title .accent{letter-spacing:0}
.cover-sign{margin:22px 0 0 .3em;font-size:13px;letter-spacing:.42em;color:var(--muted);text-transform:uppercase}
.cover-enter{margin-top:56px;width:280px;font-size:15px}
.cover-enter>span:first-child{font-size:15px;letter-spacing:.3em}
.cover-enter small{font-size:9px;letter-spacing:.3em}
@media(min-width:901px){.home.cover .hero-visual{max-width:640px!important;max-height:640px!important}}
@media(max-width:650px){.home.cover{padding-top:56px}.home .cover-title{font-size:16vw}.cover-sign{font-size:11px;margin-top:14px}
  .cover-enter{margin-top:34px;width:100%}.home.cover .hero-visual{margin-top:12px}}