.welcome-view {
  isolation:isolate;
  background:radial-gradient(ellipse at 50% 42%,#ffffff 0%,#f3fbff 42%,#edf8ff 75%,#eaf3ff 100%);
  color:var(--text,#13213a);
  font-family:Arial,"Microsoft YaHei",sans-serif;
  animation:ds3-curtain 10s linear both;
}
.welcome-scene { position:absolute; inset:0; width:100%; height:100%; opacity:.9; }
.welcome-grid {
  position:absolute; inset:0; pointer-events:none; opacity:.15;
  background-image:linear-gradient(#00aeea22 1px,transparent 1px),linear-gradient(90deg,#00aeea22 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:radial-gradient(ellipse at center,#000,transparent 70%);
  transform:perspective(800px) rotateX(25deg) scale(1.25);
}
.welcome-intro-copy {
  position:relative; z-index:2; display:grid; justify-items:center; text-align:center;
  margin-top:-5vh; width:min(92vw,900px); pointer-events:none;
}
.welcome-eyebrow {
  margin:0 0 32px; font-size:11px; font-weight:600; letter-spacing:.5em;
  color:#078dbc; animation:ds3-kicker 10s ease both;
}
.welcome-wordmark { display:flex; align-items:center; gap:25px; animation:ds3-wordmark 10s cubic-bezier(.16,1,.3,1) both; }
.welcome-wordmark h1 {
  margin:0; font-size:clamp(62px,9vw,122px); line-height:1.1; font-weight:800; letter-spacing:.06em;
  color:var(--text,#13213a); text-shadow:0 2px 20px #ffffff;
}
.welcome-version {
  position:relative; font-size:clamp(58px,8vw,108px); line-height:1; font-weight:300; letter-spacing:-.055em;
  background:linear-gradient(125deg,#00aeea 10%,#1698dc 45%,#745de0 90%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.welcome-english {
  margin:26px 0 0; color:#276381; font-size:clamp(16px,2vw,23px); letter-spacing:.24em;
  animation:ds3-subtitle 10s ease both;
}
.welcome-tagline {
  margin:22px 0 0; color:var(--muted,#64748b); font-size:clamp(12px,1.2vw,15px); letter-spacing:.32em;
  animation:ds3-tagline 10s ease both;
}
.welcome-light-sweep {
  position:absolute; z-index:3; inset:0; pointer-events:none;
  background:linear-gradient(110deg,transparent 35%,#00aeea05 45%,#ffffff66 50%,#745de00a 55%,transparent 65%);
  transform:translateX(-150%); animation:ds3-sweep 10s ease both;
}
.welcome-topline {
  position:absolute; top:36px; left:40px; right:40px; display:flex; justify-content:space-between;
  font-size:10px; letter-spacing:.2em; color:#6b8195;
}
.welcome-topline b { font-weight:600; color:#008fbd; }
.welcome-bottom {
  position:absolute; bottom:34px; left:40px; right:40px;
  display:flex; justify-content:space-between; align-items:center;
}
.welcome-actions { display:flex; align-items:center; gap:10px; }
.welcome-motion { background:transparent; color:#087da6; border-color:#c8dbeb; font-size:12px; }
.welcome-motion:hover { background:#e0f2fe; color:#075985; }
.welcome-view[data-reduced-motion="true"] .welcome-scene { visibility:hidden; }
.welcome-progress { width:130px; height:2px; overflow:hidden; background:#c8dbeb; }
.welcome-progress::after {
  content:""; display:block; height:100%; background:linear-gradient(90deg,#00aeea,#745de0);
  transform-origin:left; animation:ds3-progress 10s linear both;
}
.welcome-skip {
  border:1px solid #a2d9ee; border-radius:24px; min-height:34px; padding:7px 18px;
  background:#ffffffb3; color:#087da6; font-size:12px; letter-spacing:.1em;
}
.welcome-skip:hover { background:var(--blue,#00aeea); color:#ffffff; border-color:#00aeea; }
.welcome-skip:focus-visible { outline:2px solid #00aeea; outline-offset:4px; }
@keyframes ds3-curtain { 0%,92% { opacity:1; } 100% { opacity:0; } }
@keyframes ds3-kicker { 0%,12% { opacity:0; transform:translateY(10px); } 26%,87% { opacity:1; transform:none; } 100% { opacity:0; } }
@keyframes ds3-wordmark { 0%,19% { opacity:0; transform:translateY(20px) scale(.94); filter:blur(12px); } 38%,88% { opacity:1; transform:none; filter:blur(0); } 100% { opacity:0; transform:scale(1.035); filter:blur(4px); } }
@keyframes ds3-subtitle { 0%,30% { opacity:0; transform:translateY(12px); } 46%,88% { opacity:1; transform:none; } 100% { opacity:0; } }
@keyframes ds3-tagline { 0%,43% { opacity:0; } 58%,88% { opacity:1; } 100% { opacity:0; } }
@keyframes ds3-sweep { 0%,58% { transform:translateX(-150%); } 82%,100% { transform:translateX(150%); } }
@keyframes ds3-progress { from { transform:scaleX(0); } to { transform:scaleX(1); } }
@media (max-width:600px) {
  .welcome-wordmark { gap:16px; }
  .welcome-eyebrow { font-size:9px; letter-spacing:.3em; }
  .welcome-topline { top:24px; left:22px; right:22px; }
  .welcome-bottom { bottom:24px; left:22px; right:22px; }
  .welcome-tagline { letter-spacing:.15em; }
}
.welcome-view[data-reduced-motion="true"],
.welcome-view[data-reduced-motion="true"] :is(.welcome-eyebrow,.welcome-wordmark,.welcome-english,.welcome-tagline),
.welcome-view[data-reduced-motion="true"] .welcome-progress::after { animation:none; }
.welcome-view[data-reduced-motion="true"] .welcome-light-sweep { display:none; }