/* =========================================================
   CoinASX V174 Startup Splash
   每次完整打开 / 刷新显示
   ========================================================= */

#coinasx-v174-splash{
  --sp-bg:#000000;
  --sp-text:#ffffff;
  --sp-sub:#8d949e;
  --sp-ring:#2d3239;
  --sp-blue:#1769f6;
  --sp-green:#19d9a2;

  position:fixed!important;
  inset:0!important;
  z-index:2147483646!important;

  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;

  width:100vw!important;
  height:100vh!important;
  height:100dvh!important;

  padding:
    max(18px,env(safe-area-inset-top))
    max(18px,env(safe-area-inset-right))
    max(24px,env(safe-area-inset-bottom))
    max(18px,env(safe-area-inset-left))!important;

  box-sizing:border-box!important;
  overflow:hidden!important;

  background:var(--sp-bg)!important;
  color:var(--sp-text)!important;

  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;

  transition:
    opacity .28s ease,
    visibility .28s ease!important;
}

html[data-theme="light"] #coinasx-v174-splash,
html[data-cx-theme="light"] #coinasx-v174-splash,
html.cx-theme-light #coinasx-v174-splash{
  --sp-bg:#ffffff;
  --sp-text:#101317;
  --sp-sub:#9aa1aa;
  --sp-ring:#e6e9ed;
}

#coinasx-v174-splash.cx174-hide{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

/* 中央品牌区域 */
#coinasx-v174-splash .cx174-center{
  position:absolute!important;
  left:50%!important;
  top:46%!important;
  transform:translate(-50%,-50%)!important;

  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;

  width:min(82vw,420px)!important;
  text-align:center!important;
}

/* 自有品牌 Logo 标记 */
#coinasx-v174-splash .cx174-brand{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  white-space:nowrap!important;
}

#coinasx-v174-splash .cx174-mark{
  position:relative!important;
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
}

#coinasx-v174-splash .cx174-mark-ring{
  position:absolute!important;
  inset:0!important;
  border:10px solid var(--sp-blue)!important;
  border-right-color:transparent!important;
  border-radius:50%!important;
  box-sizing:border-box!important;
}

#coinasx-v174-splash .cx174-mark-square{
  position:absolute!important;
  top:2px!important;
  right:1px!important;
  width:23px!important;
  height:23px!important;
  border-radius:2px!important;
  background:var(--sp-green)!important;
}

#coinasx-v174-splash .cx174-brand-text{
  color:var(--sp-text)!important;
  font-size:44px!important;
  line-height:52px!important;
  font-weight:850!important;
  letter-spacing:-2px!important;
}

/* Loading */
#coinasx-v174-splash .cx174-loader{
  margin-top:34px!important;
  width:28px!important;
  height:28px!important;
  border:3px solid var(--sp-ring)!important;
  border-top-color:var(--sp-blue)!important;
  border-radius:50%!important;
  box-sizing:border-box!important;
  animation:cx174-spin .78s linear infinite!important;
}

@keyframes cx174-spin{
  to{transform:rotate(360deg)}
}

/* 底部文案 */
#coinasx-v174-splash .cx174-footer{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:max(30px,calc(env(safe-area-inset-bottom) + 20px))!important;

  padding:0 22px!important;
  text-align:center!important;
  pointer-events:none!important;
}

#coinasx-v174-splash .cx174-tagline{
  color:var(--sp-sub)!important;
  font-size:15px!important;
  line-height:21px!important;
  font-weight:600!important;
  letter-spacing:.1px!important;
}

#coinasx-v174-splash .cx174-copy{
  margin-top:7px!important;
  color:var(--sp-sub)!important;
  opacity:.58!important;
  font-size:10px!important;
  line-height:15px!important;
}

/* 小屏 */
@media(max-width:390px){
  #coinasx-v174-splash .cx174-center{
    top:45%!important;
  }

  #coinasx-v174-splash .cx174-mark{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
  }

  #coinasx-v174-splash .cx174-mark-ring{
    border-width:9px!important;
  }

  #coinasx-v174-splash .cx174-mark-square{
    width:20px!important;
    height:20px!important;
  }

  #coinasx-v174-splash .cx174-brand-text{
    font-size:38px!important;
    line-height:46px!important;
  }

  #coinasx-v174-splash .cx174-loader{
    width:25px!important;
    height:25px!important;
    margin-top:30px!important;
  }
}

/* 横屏 */
@media(orientation:landscape) and (max-height:520px){
  #coinasx-v174-splash .cx174-center{
    top:44%!important;
  }

  #coinasx-v174-splash .cx174-footer{
    bottom:max(12px,env(safe-area-inset-bottom))!important;
  }

  #coinasx-v174-splash .cx174-loader{
    margin-top:18px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  #coinasx-v174-splash{
    transition:none!important;
  }
  #coinasx-v174-splash .cx174-loader{
    animation-duration:1.4s!important;
  }
}