/* 启动画面：视频动画铺满全屏，播完后淡出（视频加载前先显示 splash.jpg 底图） */
#splash {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9999;
  background: #04142b url('/splash.jpg') no-repeat center/cover;
  transition: opacity .5s ease;
}
#splash video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
#splash.fade {
  opacity: 0;
  pointer-events: none;
}

/* 开发者模式拦截弹窗（样式独立于 Vue，启动动画结束后即可用） */
.dm-mask{position:fixed;inset:0;z-index:100000;background:rgba(10,6,30,.72);display:flex;align-items:center;justify-content:center;padding:26px}
.dm-card{width:100%;max-width:400px;border-radius:26px;background:linear-gradient(165deg,#dcd2f8,#efe9fd 55%,#fff);padding:30px 22px 24px;box-shadow:0 24px 70px rgba(30,10,90,.5);text-align:center}
.dm-icon{width:74px;height:74px;margin:0 auto 12px;border-radius:50%;background:linear-gradient(135deg,#ffb054,#ff6a3d);display:flex;align-items:center;justify-content:center;font-size:38px;box-shadow:0 10px 24px rgba(255,120,50,.4)}
.dm-card h2{font-size:26px;font-weight:900;color:#3d2a8f;letter-spacing:2px;margin:4px 0 10px}
.dm-txt{font-size:15px;line-height:1.9;color:#4a3f78;font-weight:600;text-align:left;margin:0}
.dm-txt b{color:#d1402c}
.dm-step{margin-top:12px;background:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.95);border-radius:12px;padding:10px 12px;font-size:13px;color:#6b5ea0;text-align:left;line-height:1.8}
.dm-step b{color:#4a38b8}
.dm-cd{margin-top:16px;font-size:14px;color:#8a7fb8;font-weight:700}
.dm-cd b{color:#d1402c;font-size:22px}
.dm-btn{margin-top:14px;width:100%;border:none;border-radius:999px;background:linear-gradient(135deg,#8a63f8,#6a3df0);color:#fff;padding:13px 0;font-size:18px;font-weight:800;box-shadow:0 10px 22px rgba(106,61,240,.4)}