/* 开屏界面（Splash）：默认阿辰（黑球）+ 纯白背景，两页滑动。 */
.splash { position: fixed; inset: 0; z-index: 50; background: #ffffff; color: #14181f; overflow: hidden; font-family: var(--ap-font, 'SF Pro Display', -apple-system, 'PingFang SC', sans-serif); }
.splash-track { display: flex; width: 200%; height: 100%; transition: transform .55s cubic-bezier(.2,.8,.2,1); }
.splash-page { width: 50%; height: 100%; flex: 0 0 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0 28px; text-align: center; }

/* 第一页：Siri 式波动光球 */
.splash-orb { width: 220px; height: 220px; border-radius: 50%; display: flex; align-items: center; justify-content: center; animation: splash-breathe 4.5s ease-in-out infinite; }
.splash-orb .orb-mark { width: 220px !important; height: 220px !important; border-radius: 50% !important; }
@keyframes splash-breathe {
  0%,100% { transform: scale(.96); filter: drop-shadow(0 0 24px rgba(40,90,170,.18)); }
  50% { transform: scale(1.06); filter: drop-shadow(0 0 46px rgba(40,90,170,.32)); }
}
.splash-typed { margin-top: 38px; min-height: 26px; font-size: 19px; letter-spacing: .5px; color: #2a2f38; }
.splash-foot { position: absolute; bottom: 56px; display: flex; flex-direction: column; align-items: center; gap: 18px; }
.splash-dots { display: flex; gap: 8px; }
.splash-dots i { width: 8px; height: 8px; border-radius: 50%; background: rgba(20,24,31,.18); transition: background .3s, width .3s; }
.splash-dots i.is-on { width: 22px; background: #14181f; }
.splash-next { border: 1px solid rgba(20,24,31,.2); background: transparent; color: #14181f; padding: 11px 26px; border-radius: 999px; font-size: 15px; cursor: pointer; }

/* 第二页：常驻治愈文案 */
.splash-copy { display: flex; flex-direction: column; gap: 6px; font-size: clamp(26px, 6vw, 38px); line-height: 1.5; font-weight: 600; letter-spacing: .5px; margin: 0 0 40px; }
.splash-line { opacity: 0; transform: translateY(10px); transition: opacity .8s ease, transform .8s ease; }
.splash-line.is-on { opacity: 1; transform: none; }
.splash-start { display: inline-flex; align-items: center; gap: 8px; padding: 15px 40px; border-radius: 999px; background: linear-gradient(135deg,#f7e2b0,#f0cf8e); color: #5b4318; font-size: 18px; font-weight: 600; text-decoration: none; box-shadow: 0 12px 30px rgba(245,215,158,.5); }
.splash-start:active { transform: scale(.98); }
.splash-back { margin-top: 22px; border: 0; background: transparent; color: #8a8f98; font-size: 14px; cursor: pointer; }

.splash-hint { position: absolute; bottom: 22px; left: 0; right: 0; text-align: center; font-size: 13px; color: #9a9ea6; transition: opacity .4s; }

@media (prefers-reduced-motion: reduce) {
  .splash-track { transition: none; }
  .splash-orb { animation: none; }
  .splash-line { transition: none; }
}

/* Four-screen copy/navigation only: existing palette and orb assets are preserved. */
.splash-track{width:400%}.splash-page{width:25%;flex-basis:25%;padding:80px 28px 170px;overflow-y:auto}.splash-foot{left:0;right:0;bottom:48px;z-index:2}.splash-navigation{display:flex;gap:18px;align-items:center;justify-content:center}.splash-navigation .splash-back{margin:0}.splash [hidden]{display:none!important}.splash-sound{position:absolute;right:22px;top:max(22px,env(safe-area-inset-top));z-index:3;border:1px solid rgba(20,24,31,.2);border-radius:999px;padding:10px 16px;background:#ffffffdc;color:#2a2f38;font:14px/1.5 var(--ap-font);min-height:44px;cursor:pointer}.splash-slogan{font-family:'Bian Serif',serif;font-size:22px;line-height:1.8;margin:14px 0 0}.splash-copy,.splash-invite-title{font-family:'Bian Serif',serif;font-weight:400}.splash-typed{max-width:600px;line-height:1.7}.splash-short{font-size:17px;line-height:1.8;color:#6e6e73;margin:12px 0 24px}.splash-audio-hint{margin-top:12px;font-size:14px;color:#6e6e73}.splash-directions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;max-width:600px}.splash-directions button{border:1px solid rgba(20,24,31,.2);border-radius:999px;background:#fff;color:#2a2f38;padding:12px 18px;font:16px/1.6 var(--ap-font);cursor:pointer}.splash-directions button[aria-pressed=true]{background:#14181f;color:white}.splash-page--4{justify-content:flex-end}.splash-invite-orb{width:160px;height:160px;margin-bottom:26px}.splash-invite-orb .orb-mark{width:160px!important;height:160px!important}.splash-invite-copy{max-width:660px}.splash-invite-title{font-size:clamp(26px,5.5vw,38px);line-height:1.6;margin:0}.splash-privacy{margin-top:20px;color:#6e6e73;font-size:14px;line-height:1.7}.splash-privacy p{max-width:400px;margin:8px auto}.splash-age{display:block;margin-top:10px;color:#8a8f98;font-size:13px}@media(max-height:650px){.splash-page{padding-top:75px;padding-bottom:120px;justify-content:flex-start}.splash-foot{bottom:35px}.splash-orb{flex:none}.splash-invite-orb{flex:none;width:100px;height:100px;margin-bottom:12px}.splash-invite-orb .orb-mark{width:100px!important;height:100px!important}.splash-copy{font-size:26px;margin-bottom:20px}.splash-typed{margin-top:20px}}@media(min-width:1000px){.splash-page--4{padding-bottom:170px}.splash-invite-orb{width:180px;height:180px}.splash-invite-orb .orb-mark{width:180px!important;height:180px!important}}

.splash{overflow:clip}.splash .splash-copy,.splash .splash-invite-title{font-family: Bian Serif,serif!important;font-weight:400!important}