/* ===== 通用基础样式（蓝色主题）===== */
:root {
  --brand: #2E6FE8;        /* 主品牌蓝 */
  --brand-deep: #1E5AD6;   /* 深蓝 */
  --brand-light: #EAF1FD;  /* 浅蓝底 */
  --text-main: #232533;
  --text-sub: rgba(0,0,0,.45);
  --text-desc: rgba(0,0,0,.65);
  --require: #FF4D4F;
  --page-bg: #F5F6F8;
  --card-bg: #FFFFFF;
  --border: rgba(0,0,0,.15);
  --radius: 4.2px;
  --btn-radius: 50px;
}

* { margin: 0; padding: 0; box-sizing: border-box; -webkit-tap-highlight-color: transparent; }

html, body {
  background: var(--page-bg);
  font-family: PingFangSC-Regular, "PingFang SC", -apple-system, "Helvetica Neue", "Microsoft YaHei", sans-serif;
  color: var(--text-main);
  line-height: 1.6;
  user-select: none;
}

.page { max-width: 750px; margin: 0 auto; min-height: 100vh; }

/* ===== Banner ===== */
.banner {
  display: block;
  width: 100%;
  height: auto;
}

/* ===== 卡片 ===== */
.card {
  background: var(--card-bg);
  margin: 12px 12px 16px;
  border-radius: 10px;
  padding: 22px 16px;
  box-shadow: 0 1px 6px rgba(0,0,0,.04);
}

.main-card { text-align: center; }

.page-title {
  font-size: 21px;
  font-weight: 500;
  font-family: PingFangSC-Medium, "PingFang SC", sans-serif;
  color: var(--text-main);
  text-align: center;
}

.page-subtitle {
  margin-top: 6px;
  font-size: 14.5px;
  color: var(--text-sub);
  text-align: center;
}

.divider { height: 1px; background: #EEF1F6; margin: 18px 0; }

/* ===== 前置页：介绍与亮点 ===== */
.intro-text {
  font-size: 14.5px;
  color: var(--text-desc);
  text-align: left;
  line-height: 1.8;
}
.intro-text b { color: var(--brand); }

.feature-list { margin-top: 16px; text-align: left; }

.feature-item {
  display: flex;
  align-items: center;
  background: var(--brand-light);
  border-radius: 10px;
  padding: 12px 14px;
  margin-bottom: 10px;
}

.feature-icon {
  flex: none;
  width: 46px; height: 46px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  margin-right: 12px;
}
.icon-1 { background: linear-gradient(135deg, #1E5AD6, #2E6FE8); }
.icon-2 { background: linear-gradient(135deg, #1E5AD6, #2E6FE8); }
.icon-3 { background: linear-gradient(135deg, #1E5AD6, #2E6FE8); }
.icon-4 { background: linear-gradient(135deg, #1E5AD6, #2E6FE8); }

.feature-body { flex: 1; min-width: 0; }
.feature-title { font-size: 15px; font-weight: 600; color: var(--text-main); }
.feature-desc { font-size: 12.5px; color: var(--text-sub); margin-top: 2px; }

.free-tag-row { margin: 18px 0 14px; }
.free-tag {
  display: inline-block;
  background: #FFF7E0;
  border: 1px solid #FFD86B;
  color: #B87400;
  font-size: 13px;
  font-weight: 500;
  border-radius: 20px;
  padding: 4px 16px;
}

/* ===== 按钮 ===== */
.cta-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 48px;
  background: var(--brand);
  border-radius: var(--btn-radius);
  color: #fff;
  font-size: 17px;
  font-weight: 500;
  font-family: PingFangSC-Medium, "PingFang SC", sans-serif;
  text-decoration: none;
  box-shadow: 0 4px 12px rgba(46,111,232,.35);
}
.cta-btn:active { background: var(--brand-deep); }
.cta-arrow { margin-left: 6px; font-size: 19px; transform: translateY(-1px); }

.cta-note { margin-top: 10px; font-size: 12.5px; color: var(--text-sub); }
.cta-num { color: var(--brand); font-weight: 600; }

/* ===== 底部 ===== */
.footer { text-align: center; padding: 6px 16px 30px; }
.footer-brand { font-size: 14px; font-weight: 600; color: var(--brand); }
.footer-text { font-size: 12px; color: var(--text-sub); margin-top: 2px; }