/* 全屏光标开场 */
.po0-intro{
  position:fixed;inset:0;z-index:10000;display:grid;place-items:center;overflow:hidden;
  background:#07080b;color:#f5f7fb;transition:opacity .45s ease,visibility .45s ease;
  font-family:var(--font-head,'Space Grotesk','Noto Sans SC',sans-serif);
}
.po0-intro::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:56px 56px;mask-image:radial-gradient(circle at 50% 48%,#000 10%,transparent 76%);
}
.po0-intro::after{
  content:"";position:absolute;width:68vw;height:68vw;max-width:900px;max-height:900px;border-radius:50%;
  background:radial-gradient(circle,rgba(34,211,238,.08),rgba(232,121,249,.04) 38%,transparent 68%);
  animation:intro-breathe 5s ease-in-out infinite;
}
@keyframes intro-breathe{50%{transform:scale(1.08);opacity:.7}}
.intro-shell{position:relative;z-index:2;width:min(760px,calc(100vw - 48px));text-align:center}
.intro-kicker{font:500 11px/1.4 var(--font-mono);letter-spacing:.22em;color:#7dd3fc;margin-bottom:22px}
.intro-title{margin:0;font-size:clamp(44px,7vw,88px);line-height:.98;letter-spacing:-.055em;font-weight:600}
.intro-title span{display:block;color:#7e8798}
.intro-desc{max-width:520px;margin:26px auto 0;color:#9aa4b5;font-size:15px;line-height:1.8}
.intro-actions{display:flex;justify-content:center;gap:12px;margin-top:32px;min-height:52px}
.intro-actions button{
  min-width:168px;min-height:52px;border-radius:10px;border:1px solid #384252;padding:0 24px;
  background:#ea580c;color:#fff;font:600 15px/1 var(--font-head);cursor:pointer;touch-action:manipulation;
  box-shadow:0 10px 32px rgba(234,88,12,.24);transition:none;
}
.intro-actions button:hover{transform:translateY(-2px);background:#f16a1c}
.intro-actions button:focus-visible{outline:2px solid #7dd3fc;outline-offset:4px}
#introConfirm{background:#2563eb;box-shadow:0 10px 32px rgba(37,99,235,.28)}
#introConfirm:hover{background:#3478f0}
.intro-actions button[hidden]{display:none}
.intro-hint{min-height:22px;margin:18px 24px 0;color:#6f7b8e;font:11px/1.7 var(--font-mono)}
.intro-meta{position:absolute;left:24px;bottom:22px;color:#4f5a6c;font:10px/1.4 var(--font-mono);letter-spacing:.12em}
.intro-swarm{position:fixed;inset:0;z-index:4;pointer-events:none}
.intro-cursor{position:fixed;left:-9px;top:-9px;width:19px;height:19px;opacity:0;will-change:transform;filter:drop-shadow(0 3px 5px rgba(0,0,0,.4))}
.intro-cursor svg{width:100%;height:100%}
.intro-cursor.on{opacity:.92}
.po0-intro.following .intro-shell{opacity:.88}
.po0-intro.scattering .intro-shell{opacity:.35;transition:opacity .5s ease}
.po0-intro.leaving{pointer-events:none;opacity:0;visibility:hidden}
.po0-intro.done{display:none}
@media (max-width:600px){
  .intro-shell{width:calc(100vw - 36px)}
  .intro-title{font-size:clamp(42px,13vw,62px)}
  .intro-desc{font-size:14px;margin-top:22px}
  .intro-kicker{font-size:9px;letter-spacing:.16em}
  .intro-actions button{min-width:158px;padding:0 18px}
  .intro-meta{left:16px;bottom:16px;font-size:8px}
  .intro-cursor{width:16px;height:16px}
}
@media (prefers-reduced-motion:reduce){
  .po0-intro::after{animation:none}
  .po0-intro,.po0-intro.scattering .intro-shell{transition:none}
}