* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  height: 100%;
  min-height: 100vh;
  max-width: 768px;
  margin: 0 auto;
  color: #fff;
}
html {
  height: 100%;
  font-size: 16px;
}
img {
  max-width: 100%;
  display: block;
}

.container {
}
.top {
  padding: 2rem 1rem;
  background: linear-gradient(to bottom, #101727, #05060a);
}
.title {
  display: inline-block;
  padding: 0.3rem 1rem;
  background: linear-gradient(to right, #ffd100, #ffb800);
  border-radius: 2rem;
}
.stats-box {
  padding: 1rem 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #111828;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}
.stat-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.stock-container {
  padding: 1rem 0.5rem;
  border-bottom: 1px solid #37474f;
}
.stock-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.stock-btm {
  padding: 1rem 0.5rem;
}

.expert-box {
  display: flex;
  gap: 1rem;
}
.expert-card {
  flex: 1;
  padding: 1rem;
}
.card-blue {
  background-color: #172554;
  border: 1px solid #2a3a6d;
}
.card-green {
  background-color: #003b29;
  border: 1px solid #29573b;
}
.expert-info ul {
  list-style-type: none;
  padding-left: 0;
}

.weapon-box {
  background: #450b0a;
  border: 1px solid #651919;
}

.weapon-list {
  display: flex;
  flex-wrap: wrap;
}
.column {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.column li {
  list-style-type: none;
  display: flex;
  align-items: center;
}
.column li::before {
  content: "✓";
  /* color: #a0f0a0; */
  margin-right: 0.3rem;
}

.vip {
  background-color: #0a0f23; /* 深蓝背景 */
  border: 4px solid #23c55e; /* 绿色外边框 */
  border-radius: 4px;
  color: #d0d0d0;
}
.header {
  background-color: #23c55e;
  color: #fff;
  text-align: center;
  padding: 6px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.live-dot {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-color: #ff3d00; /* 红色直播点 */
  border-radius: 50%;
  margin-right: 8px;
  border: 2px solid #000;
}
.stock-info {
  border-left: 5px solid #23c55e;
}
.section {
  display: flex;
}
.section-item {
  flex: 1;
}
.target {
  border-bottom: 1px solid #333c4d;
}
.vip-btm {
  padding: 0.5rem 1rem;
  background: #7f1d1c;
}

.testimonial {
  padding: 1rem;
  border-radius: 0.3rem;
  border-left: 5px solid #28a745;
  background: #111828;
}
.testimonial-author {
  font-style: italic;
}

.problem-item {
  padding: 0.5rem 0;
  border-bottom: 1px solid #23262c;
}

.bottom {
  background: linear-gradient(to bottom, #0a1931, #050a14, #000000);
  border-bottom: 1px solid #333c4d;
}

.icon-container {
  position: fixed;
  right: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 999;
}
.icon {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  transition: all 0.3s ease;
}
.icon:hover {
  transform: scale(1.05);
}
.badge {
  position: absolute;
  top: -0.3rem;
  right: 0;
  width: 1.3rem;
  height: 1.3rem;
  border-radius: 50%;
  background-color: #ff3b30;
  color: white;
  font-size: 0.8rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

a {
  text-decoration: none;
}
.c-primary {
  color: #20c15a;
}
.c-fff {
  color: #fff;
}
.c-f5 {
  color: #94a3b8;
}
.c-ccc {
  color: #ccc;
}
.c-black {
  color: #000;
}
.c-red {
  color: #f6716e;
}
.c-blue {
  color: #6ba0eb;
}
.c-green {
  color: #56ce7c;
}
.c-yellow {
  color: #d8b661;
}
.bgc-fff {
  background: #fff;
}
.bgc-030712 {
  background: #030712;
}
.bgc-black {
  background: #000;
}
.bgc-f5 {
  background: #f5f5f5;
}
.bgc-052e16 {
  background: #052e16;
}
.bgc-111828 {
  background: #111828;
}
.bgc-791b1b {
  background: #791b1b;
}
.ta-c {
  text-align: center;
}
.fw-b {
  font-weight: bold;
}
.fw-5 {
  font-weight: 500;
}
.fs-i {
  font-style: italic;
}
.mt1 {
  margin-top: 1rem;
}
.mt2 {
  margin-top: 2rem;
}
.ml1 {
  margin-left: 1rem;
}
.mt-05 {
  margin-top: 0.5rem;
}
.mlr-07 {
  margin: 0 1rem;
}
.p1 {
  padding: 1rem;
}
.pb1 {
  padding-bottom: 1rem;
}
.fs08 {
  font-size: 0.8rem;
}
.fs09 {
  font-size: 0.9rem;
}
.fs11 {
  font-size: 1.1rem;
}
.fs13 {
  font-size: 1.3rem;
}
.fs15 {
  font-size: 1.5rem;
}
.btn {
  width: 100%;
}
.fix-a {
  display: inline-block;
  text-align: center;
  font-weight: bold;
  background: #22c35c !important;
  border: none !important;
  padding: 1rem 0;
  border-radius: 0.5rem;
  animation: zoom 1.5s ease-out infinite;
}
.fix-gradientYellow-a {
  display: inline-block;
  text-align: center;
  font-weight: bold;
  background: linear-gradient(to right, #ffdd00, #ffc107, #ff9800) !important;
  border: none !important;
  padding: 1rem 0;
  border-radius: 0.5rem;
  /* animation: zoom 1.5s ease-out infinite; */
}
.fix-yellow-a {
  display: inline-block;
  text-align: center;
  background: #e9b308 !important;
  border: none !important;
  color: #fff;
  padding: 1rem 0;
  border-radius: 0.5rem;
  /* animation: zoom 1.5s ease-out infinite; */
}
.flex-jac {
  display: flex;
  justify-content: center;
  align-items: center;
}
.dib {
  display: inline-block;
  color: #7b1d20;
  border-radius: 0.3rem;
}
.b-radius {
  border-radius: 0.3rem;
}
.border {
  border: 1px solid #37474f;
}
.wargin-icon {
  width: 1rem;
  height: 1rem;
}

.footer {
  padding: 1rem;
  background: #212121;
}
@keyframes zoom {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@media (max-width: 240px) {
  html {
    font-size: 12px;
  }
}
@media (min-width: 241px) and (max-width: 320px) {
  html {
    font-size: 13px;
  }
}
@media (min-width: 321px) and (max-width: 375px) {
  html {
    font-size: 14px;
  }
}