/* 通用 */
* {margin:0; padding:0; box-sizing:border-box;}
html, body {width:100%; height:100%; font-family:Arial,Helvetica,sans-serif; background:#f8f8f8;}
a {text-decoration:none; color:inherit;}
.highlight {color:#ff5f00; font-weight:bold;}

.wrapper {
  position: relative;
  background:url("../img/bg-PBdhR.gif") no-repeat center/cover;
  height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  background-size: 100% 100%;
  max-width: 720px;
  margin: 0 auto;
}

.entry {position: absolute;top: 38%;width:80%; max-width:720px; text-align:center;}

.headline h1 {font-size:28px; color:#fff; font-weight:700;}
.headline p {color:#fff; margin-top:10px; font-size:16px; line-height:22px;}

.stock-input {
  width:100%; margin-top:20px; padding:12px;
  border:none; border-radius:24px; text-align:center;
  background:rgba(17,67,92,0.5); color:#fff; font-size:14px;
}
.stock-input::placeholder {color:#9ca8ce;}

.primary-btn {
  width:100%; margin-top:20px; padding:14px 0;
  border:none; border-radius:24px; color:#fff;
  font-size:1.1rem; font-weight:600;
  background:linear-gradient(90deg,#12ebd0,#12ebd0);
  cursor:pointer; animation:breath 1.8s ease-in-out infinite;
}

.alert {
  position:fixed; top:0; left:0; right:0; bottom:0;
  background:rgba(0,0,0,0.7); display:flex; align-items:center; justify-content:center; z-index:9999;
}
.alert-box {
  background:rgba(0,0,0,0.85); padding:20px; border-radius:10px;
  color:#fff; max-width:500px; text-align:center;
}

.popup {
  position:fixed; top:0; left:0; right:0; bottom:0;
  display:flex; align-items:center; justify-content:center;
  background:rgba(0,0,0,0.7); z-index:10000;
}

.card {
  background:#05101a; padding:24px; border-radius:12px;
  max-width:340px; margin:auto; color:#fff; text-align:center;
}

.action-btn {
  margin-top:18px; width:100%; padding:12px;
  border:none; border-radius:8px; cursor:pointer;
  background:#15a223; color:#fff;
  display:flex; align-items:center; justify-content:center;
  animation:breath 1.8s ease-in-out infinite;
}

/* 进度条 */
.progress-area {width:100%; max-width:360px; margin:auto;}
.steps .step {margin-bottom:16px;}
.steps span {font-size:14px; display:block; margin-bottom:6px;}
.bar {background:#eee; height:14px; border-radius:8px; overflow:hidden;}
.fill {background:#00dcf4; height:100%; width:0; border-radius:8px;}

/* 动效 */
@keyframes breath {
  0% {transform:scale(1);}
  50% {transform:scale(1.05);}
  100% {transform:scale(1);}
}