/* ==========================================================
   Bright Data H5 — 设计稿 750px，1rem = 100px（设计稿尺寸/100）
   ========================================================== */

/* ---------- 字体 ----------
   PuHuiTi 2.0 用于 stats-bar 数字（115 Black 32px/40px）
   PuHuiTi 3.0 为全页面基础字体集
*/
@font-face {
  font-family: 'PuHuiTi 2';
  src: url('fonts/AlibabaPuHuiTi-2-115-Black.min.woff2') format('woff2');
  font-weight: 900;
  font-display: swap;
}
@font-face {
  font-family: 'PuHuiTi 2';
  src: url('fonts/AlibabaPuHuiTi-2-55-Regular.min.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
}
/* PuHuiTi 2.0 85 Bold：产品卡标题（全球代理网络/Web解锁器）使用 */
@font-face {
  font-family: 'PuHuiTi 2';
  src: url('fonts/AlibabaPuHuiTi-2-85-Bold.min.woff2') format('woff2');
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: 'PuHuiTi';
  src: url('fonts/AlibabaPuHuiTi-3-55-Regular.min.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'PuHuiTi';
  src: url('fonts/AlibabaPuHuiTi-3-65-Medium.min.woff2') format('woff2');
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: 'PuHuiTi';
  src: url('fonts/AlibabaPuHuiTi-3-85-Bold.min.woff2') format('woff2');
  font-weight: 600 700;
  font-display: swap;
}
@font-face {
  font-family: 'PuHuiTi';
  src: url('fonts/AlibabaPuHuiTi-3-115-Black.min.woff2') format('woff2');
  font-weight: 800 900;
  font-display: swap;
}
/* 标题字体：阿里妈妈数黑体 Bold（设计稿指定字体） */
@font-face {
  font-family: 'Alimama ShuHeiTi';
  src: url('fonts/Alimama ShuHeiTi.min.woff2') format('woff2');
  font-weight: 700;
  font-display: swap;
}
/* 数字字体：DIN Black（核心数据卡片 650TB/215+/4290亿/99.9% 使用） */
@font-face {
  font-family: 'DIN Black';
  src: url('fonts/b1bbe083029c949c2531dc2679f37c54.otf') format('opentype');
  font-weight: 400; /* regular */
  font-display: swap;
}

/* ---------- 基础 ---------- */
:root {
  --c-text: #ffffff;
  --c-sub: #dfe5f2;
  --c-dim: #7e88a8;
  --blue: #3a78ff;
  --purple: #c96ef9;
  --cyan: #37e2f2;
  --shu: 'Alimama ShuHeiTi', 'PuHuiTi', 'PingFang SC', 'Microsoft YaHei', sans-serif;
}

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

html { font-size: calc(100vw / 7.5); }
@media (min-width: 600px) { html { font-size: 80px; } }

body {
  background: #02040c;
  color: var(--c-text);
  font-family: 'PuHuiTi', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  -webkit-font-smoothing: antialiased;
}

img { display: block; }
ul { list-style: none; }

.page {
  position: relative;
  max-width: 600px;
  margin: 0 auto;
  min-height: 100vh;
  overflow: hidden;
  background: #04081a url('../images/bg.png') no-repeat;
  background-size: 100% 100%;
}

/* ---------- 滚动浮现动效 ---------- */
[data-reveal] {
  opacity: 0;
  transform: translateY(.4rem);
  transition: opacity .7s ease, transform .7s ease;
}
[data-reveal].revealed { opacity: 1; transform: none; }

/* 无障碍：用户偏好减少动效时，直接呈现最终状态 */
@media (prefers-reduced-motion: reduce) {
  [data-reveal] { opacity: 1; transform: none; transition: none; }
}

/* ==========================================================
   Hero
   ========================================================== */
.hero { padding: .89rem .46rem 0; }

.logo { height: .53rem; width: auto; }

.hero-title {
  position: relative;
  z-index: 0; /* 建立层叠上下文，确保 ::after 阴影层位于文字之下、页面背景之上 */
  margin-top: .36rem;
  font-family: var(--shu);
  font-size: .72rem;
  font-weight: 700;
  line-height: 1.3333;
  letter-spacing: 0;
  text-align: left;
}
/* 文字下方的黑色立体阴影：整块标题复制后垂直下移 20px，紧贴文字形成浮雕效果。
   遮罩：顶部略隐藏 → 主体全实 → 向下渐隐；无模糊保持边缘清晰 */
.hero-title::after {
  content: attr(data-text);
  position: absolute;
  top: .2rem;
  left: 0;
  width: 100%;
  color: #000;
  white-space: pre-line;
  -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 12%, rgba(0, 0, 0, 1) 14%, rgba(0, 0, 0, 1) 44%, rgba(0, 0, 0, .85) 62%, rgba(0, 0, 0, .5) 85%, rgba(0, 0, 0, 0) 100%);
  mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 12%, rgba(0, 0, 0, 1) 14%, rgba(0, 0, 0, 1) 44%, rgba(0, 0, 0, .85) 62%, rgba(0, 0, 0, .5) 85%, rgba(0, 0, 0, 0) 100%);
  z-index: -1;
  pointer-events: none;
}

.hero-desc {
  margin-top: .24rem;
  font-family: 'PuHuiTi 2', 'PuHuiTi', 'PingFang SC', sans-serif;
  font-size: .24rem;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0;
  color: #FFFFFF;
}

/* ---------- 数据条 ---------- */
.stats-bar {
  margin-top: .50rem;
  padding: .24rem .1rem;
  border-radius: .24rem;
  background: linear-gradient(98deg, #1c3ed8 0%, #5a43ea 55%, #7a4cf4 100%);
  box-shadow: 0 .12rem .4rem rgba(28, 62, 216, .35);
  display: flex;
}
.stats-bar li {
  flex: 1;
  height: .8rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.stats-bar .num {
  font-family: 'PuHuiTi 2', 'PuHuiTi', 'PingFang SC', sans-serif;
  font-size: .32rem;
  font-weight: 900;
  line-height: .4rem;
  letter-spacing: 0;
  white-space: nowrap;
}
.stats-bar .num .count { font-size: inherit; }
.stats-bar .num i {
  font-family: 'PuHuiTi', 'PingFang SC', sans-serif;
  font-style: normal;
  font-size: .18rem;
  font-weight: 700;
  color: #8B93DD;
  margin-left: .02rem;
}
.stats-bar .num i.pre {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  margin-left: 0;
  margin-right: .02rem;
}

.stats-bar .label {
  margin-top: 0;
  font-size: .2rem;
  line-height: 1.2;
  font-weight: 500;
  color: rgba(255, 255, 255, .78);
}

/* ==========================================================
   通用标题 / 徽章
   ========================================================== */
.sec-title {
  text-align: center;
  font-family: var(--shu);
  font-size: .46rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0;
}

.badge-wrap { text-align: center; }
.badge {
  display: block;
  width: fit-content;
  margin: .14rem auto 0;
  padding: .16rem .24rem;
  border-radius: .32rem;
  background: #274293;
  font-family: 'PuHuiTi 2', 'PuHuiTi', 'PingFang SC', sans-serif;
  font-size: .26rem;
  line-height: 1.05;
  color: #dfe6ff;
}

/* ==========================================================
   产品矩阵
   ========================================================== */
.products { margin-top: .50rem; padding: 0 .45rem; }

/* 产品矩阵区块标题：设计稿 40px / 40px Alimama ShuHeiTi Bold 居中白色 */
.products .sec-title {
  opacity: 1;
  color: #FFFFFF;
  font-family: 'Alimama ShuHeiTi', 'PuHuiTi', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  font-weight: 700; /* bold */
  font-size: .40rem; /* 40px @750 */
  line-height: .40rem; /* 40px @750 */
  letter-spacing: 0px;
  text-align: center;
}

.prod-grid {
  margin-top: .38rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .26rem;
}

.prod-card {
  height: 1.54rem;
  border-radius: .2rem;
  padding: .3rem;
  background-size: cover;
  background-position: center;
  overflow: hidden;
}
/* 产品大卡标题（全球代理网络 / Web解锁器）：设计稿 24px/24px PuHuiTi 2.0 85 Bold 左对齐白色 */
.prod-card h3 {
  opacity: 1;
  color: #FFFFFF;
  font-family: 'PuHuiTi 2', 'PuHuiTi', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  font-weight: 700; /* 85 Bold */
  font-size: .24rem; /* 24px @750 */
  line-height: .24rem; /* 24px @750 */
  letter-spacing: 0px;
  text-align: left;
}
/* 产品大卡描述（4亿+住宅IP… / 98%成功率…）：设计稿 16px/24px PuHuiTi 2.0 55 Regular 左对齐白色 */
.prod-card p {
  opacity: 1;
  color: #FFFFFF;
  font-family: 'PuHuiTi 2', 'PuHuiTi', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  font-weight: 400; /* 55 Regular */
  font-size: .16rem; /* 16px @750 */
  line-height: .24rem; /* 24px @750 */
  letter-spacing: 0px;
  text-align: left;
  margin-top: .14rem; /* 14px @750 */
}

.prod-grid-3 {
  margin-top: .28rem;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: .27rem;
}

.prod-mini {
  min-height: 1.58rem;
  border-radius: .2rem;
  padding: .24rem .18rem .16rem .3rem;
}
/* 小卡标题（数据集市场/爬虫工作室/行业数据集）：设计稿 24px/24px PuHuiTi 2.0 85 Bold 左对齐白色 */
.prod-mini h3 {
  opacity: 1;
  color: #FFFFFF;
  font-family: 'PuHuiTi 2', 'PuHuiTi', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  font-weight: 700; /* 85 Bold */
  font-size: .24rem; /* 24px @750 */
  line-height: .24rem; /* 24px @750 */
  letter-spacing: 0px;
  text-align: left;
}
/* 小卡描述（215+预置数据集… / AI驱动… / 面向金融…）：设计稿 16px/24px PuHuiTi 2.0 55 Regular 左对齐白色，上边距 14px */
.prod-mini p {
  opacity: 1;
  color: #FFFFFF;
  font-family: 'PuHuiTi 2', 'PuHuiTi', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  font-weight: 400; /* 55 Regular */
  font-size: .16rem; /* 16px @750 */
  line-height: .24rem; /* 24px @750 */
  letter-spacing: 0px;
  text-align: left;
  margin-top: .14rem; /* 14px @750 */
}
.prod-mini.c-blue   { background: linear-gradient(160deg, #2e6bf3 0%, #1d50de 100%); }
.prod-mini.c-violet { background: linear-gradient(160deg, #7a45f2 0%, #6234d8 100%); }
.prod-mini.c-teal   { background: linear-gradient(160deg, #17c7b0 0%, #0fa892 100%); }

/* ==========================================================
   核心数据卡片（设计稿：单卡 318×200 / 数字距顶 30px / DIN Black 48×48）
   ========================================================== */
/* 左右内距各 44px：44 + 318 + 26 + 318 + 44 = 750px */
.metrics { margin-top: .58rem; padding: 0 .44rem; }

.metric-grid {
  display: grid;
  grid-template-columns: 3.18rem 3.18rem; /* 每卡 318px */
  gap: .47rem .26rem; /* 列间距 26px / 行间距 47px */
}

/* 卡片：318×200，圆角 24px，数字距顶 30px（padding-top），左右内距 30px */
.metric-card {
  width: 3.18rem;
  height: 2.00rem; /* 200px @750 */
  border-radius: .24rem;
  padding: .30rem .30rem 0; /* 上 30px / 左右 30px */
  background-size: cover;
  background-position: center;
  overflow: hidden;
}

/* 数字（650TB / 215+ / 4290亿 / 99.9%）：DIN Black regular 48px/48px */
.metric-card .num {
  opacity: 1;
  color: #FFFFFF;
  font-family: 'DIN Black', 'PuHuiTi', sans-serif;
  font-weight: 400; /* regular */
  font-size: .48rem; /* 48px @750 */
  line-height: .48rem; /* 48px @750 */
  letter-spacing: 0px;
  white-space: nowrap;
}
.metric-card .num i {
  font-style: normal;
  font-size: .3rem;
  margin-left: .04rem;
}

/* 卡片标签（日均数据采集/高标准数据集/缓存网页快照/服务在线率）：设计稿 24px/24px PuHuiTi 2.0 55 Regular 白色，上边距16px */
.metric-card .label {
  opacity: 1;
  color: #FFFFFF;
  font-family: 'PuHuiTi 2', 'PuHuiTi', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  font-weight: 400; /* 55 Regular */
  font-size: .24rem; /* 24px @750 */
  line-height: .24rem; /* 24px @750 */
  letter-spacing: 0px;
  margin-top: .08rem; /* 16px @750（数字与标签间距） */
}

/* 合规提示（100%符合GDPR与CCPA监管要求）：设计稿 24px/24px PuHuiTi 2.0 55 Regular #5C6579 居中 */
.gdpr {
  opacity: 1;
  color: #5C6579;
  font-family: 'PuHuiTi 2', 'PuHuiTi', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  font-weight: 400; /* 55 Regular */
  font-size: .24rem; /* 24px @750 */
  line-height: .24rem; /* 24px @750 */
  letter-spacing: 0px;
  text-align: center;
  margin-top: .42rem; /* 保持原与核心数据卡的垂直距离 */
}

/* ==========================================================
   信赖之选
   ========================================================== */
.trust { margin-top: .44rem; padding: 0 .45rem; }

/* 区块标题「信赖之选」：设计稿 40px/40px Alimama ShuHeiTi Bold 居中白色 */
.trust .sec-title {
  opacity: 1;
  color: #FFFFFF;
  font-family: 'Alimama ShuHeiTi', 'PuHuiTi', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  font-weight: 700; /* bold */
  font-size: .40rem; /* 40px @750 */
  line-height: .40rem; /* 40px @750 */
  letter-spacing: 0px;
  text-align: center;
}

/* 信赖徽章「备受头部企业与顶尖学府信赖」：设计稿 24px/24px PuHuiTi 2.0 55 Regular 白色居中，内边距16×24，顶距18px */
.trust .badge {
  opacity: 1;
  color: #FFFFFF;
  font-family: 'PuHuiTi 2', 'PuHuiTi', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  font-weight: 400; /* 55 Regular */
  font-size: .24rem; /* 24px @750 */
  line-height: .24rem; /* 24px @750 */
  letter-spacing: 0px;
  text-align: center;
  padding: .16rem .24rem; /* 上下16px / 左右24px @750 */
  margin: .18rem auto 0; /* 上边距18px，水平居中 */
}

.trust-rows { margin-top: .61rem; }

.trust-row {
  display: flex;
  align-items: center;
  gap: .2rem;
  margin-top: .45rem;
  white-space: nowrap;
}
.trust-row:first-child { margin-top: 0; }
.trust-row.row-1 { justify-content: flex-start; }
.trust-row.row-2 { justify-content: flex-end; }
.trust-row.row-3 { justify-content: center; }

.pill {
  display: inline-block;
  padding: .085rem .3rem;
  border-radius: .5rem;
  border: .025rem solid currentColor;
  font-family: var(--shu);
  font-size: .38rem;
  font-weight: 700;
  line-height: 1;
}
/* 紫色胶囊「全球前20大LLM实验室」：字体+边框 #C548F6，Alimama ShuHeiTi Bold 40×40，内边距 16×24px */
.pill-purple {
  opacity: 1;
  color: #C548F6;
  border-color: #C548F6;
  font-family: 'Alimama ShuHeiTi', 'PuHuiTi', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  font-weight: 700; /* bold */
  font-size: .40rem; /* 40px @750 */
  line-height: .40rem; /* 40px @750 */
  letter-spacing: 0px;
  padding: .16rem .24rem; /* 上下16px / 左右24px @750 */
  box-shadow: 0 0 .2rem rgba(197, 72, 246, .18) inset;
}
/* 青色胶囊「世界TOP10大学」：字体+边框 #12F8FF，Alimama ShuHeiTi Bold 40×40，内边距 16×24px */
.pill-cyan {
  opacity: 1;
  color: #12F8FF;
  border-color: #12F8FF;
  font-family: 'Alimama ShuHeiTi', 'PuHuiTi', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  font-weight: 700; /* bold */
  font-size: .40rem; /* 40px @750 */
  line-height: .40rem; /* 40px @750 */
  letter-spacing: 0px;
  text-align: center;
  padding: .16rem .24rem; /* 上下16px / 左右24px @750 */
  box-shadow: 0 0 .2rem rgba(18, 248, 255, .15) inset;
}
/* 蓝色胶囊「开发团队、数据团队」：字体+边框 #1C55F3，Alimama ShuHeiTi Bold 40×40，内边距 16×24px */
.pill-blue {
  opacity: 1;
  color: #1C55F3;
  border-color: #1C55F3;
  font-family: 'Alimama ShuHeiTi', 'PuHuiTi', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  font-weight: 700; /* bold */
  font-size: .40rem; /* 40px @750 */
  line-height: .40rem; /* 40px @750 */
  letter-spacing: 0px;
  text-align: center;
  padding: .16rem .24rem; /* 上下16px / 左右24px @750 */
  box-shadow: 0 0 .2rem rgba(28, 85, 243, .18) inset;
}

/* 信赖尾语文案（中的14家 / 中的7所 / 超5万 / 和 / 信赖）：设计稿 24px/24px PuHuiTi 2.0 55 Regular 白色 */
.trust-row .tail {
  opacity: 1;
  color: #FFFFFF;
  font-family: 'PuHuiTi 2', 'PuHuiTi', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  font-weight: 400; /* 55 Regular */
  font-size: .24rem; /* 24px @750 */
  line-height: .24rem; /* 24px @750 */
  letter-spacing: 0px;
}
/* 覆盖数字 span（14/7/5万）与分隔符（、/和），统一样式（用户明确指定整段文字规格） */
.trust-row .tail .num,
.trust-row .tail .sep,
.trust-row .tail .and,
.trust-row .tail .trust-txt {
  color: inherit;       /* 覆盖原紫色/青色/蓝色 */
  font-family: inherit; /* 覆盖原 DIN 或 ShuHeiTi */
  font-weight: inherit; /* 覆盖原 85 Bold */
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  background: none;     /* 清除原 background: linear-gradient 阴影等 */
  -webkit-text-fill-color: currentColor;
}

/* ==========================================================
   用户评价
   ========================================================== */
.testimonials { margin-top: .95rem; margin-bottom: .36rem; /* 下边距 24px @750 */ }

.t-scroll {
  display: flex;
  gap: .33rem;
  overflow-x: auto;
  padding: .06rem .45rem .1rem;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}
.t-scroll::-webkit-scrollbar { display: none; }

.t-card {
  flex: 0 0 2.82rem;
  height: 2.75rem; /* 固定 275px @750：三张卡片强制等高，签名栏底部对齐 */
  scroll-snap-align: start;
  border-radius: .24rem;
  padding: .15rem;
  background: url('../images/mask-group-15.png') no-repeat center / cover;
  display: flex;
  flex-direction: column;
  overflow: hidden; /* 防止内容超出圆角裁断边界 */
}

.t-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.t-brand {
  display: inline-flex;
  align-items: center;
  gap: .07rem;
  font-size: .18rem;
  font-weight: 700;
}
.t-brand svg,
.t-brand img { width: .7rem; height: .19rem; }

.t-quote { height: .28rem; width: auto; }

/* 用户评价正文：设计稿 16px/24px PuHuiTi 2.0 55 Regular #FFFFFF 左对齐；高度弹性撑开以保证签名栏底部对齐 */
.t-text {
  opacity: 1;
  color: #FFFFFF;
  font-family: 'PuHuiTi 2', 'PuHuiTi', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  font-weight: 400; /* 55 Regular */
  font-size: .16rem; /* 16px @750 */
  line-height: .24rem; /* 24px @750 */
  letter-spacing: 0px;
  text-align: left;
  margin-top: .1rem; /* 与头部距离 */
  flex: 1; /* 弹性撑开剩余空间，保证三张卡片签名栏底部对齐 */
  overflow: hidden; /* 超长文字裁剪，不破坏卡片固定高度 */
}

.t-person {
  margin-top: .2rem;
  padding-top: .08rem;
  border-top: .01rem solid rgba(255, 255, 255, .28);
  display: flex;
  align-items: center;
  gap: .1rem;
}
.t-avatar {
  width: .44rem;
  height: .44rem;
  border-radius: 50%;
  object-fit: cover;
}
/* 评价人姓名（Alejandro Lechuga）：设计稿 16px/16px DIN Black Regular #FFFFFF 左对齐 */
.t-person strong {
  opacity: 1;
  color: #FFFFFF;
  font-family: 'DIN Black', 'PuHuiTi 2', 'PuHuiTi', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  font-weight: 400; /* regular（DIN Black @font-face 使用 weight 400 注册） */
  font-size: .16rem; /* 16px @750 */
  line-height: .16rem; /* 16px @750 */
  letter-spacing: 0px;
  text-align: left;
  display: block;
  white-space: nowrap;
}
/* 评价人职位（DocFarma的联合创始人兼COO）：设计稿 12px/12px PuHuiTi 2.0 55 Regular #FFFFFF opacity 0.5 左对齐，上边距8px */
.t-person em {
  opacity: 0.5;
  color: #FFFFFF;
  font-family: 'PuHuiTi 2', 'PuHuiTi', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  font-weight: 400; /* 55 Regular */
  font-size: .12rem; /* 12px @750 */
  line-height: .12rem; /* 12px @750 */
  letter-spacing: 0px;
  text-align: left;
  display: block;
  font-style: normal;
  white-space: nowrap;
  margin-top: .08rem; /* 上边距 8px @750（原 .02rem = 2px） */
}

/* ==========================================================
   CTA / Footer
   ========================================================== */
.cta { text-align: center; padding: .8rem .3rem .69rem; }

.qr {
  opacity: 1;
  border-radius: .48rem;
  background: #FFFFFF;
  width: 3rem;
  height: 3rem;
  padding: .135rem;
  box-sizing: border-box;
  margin: 0 auto;
  filter: drop-shadow(0 .1rem .35rem rgba(0, 0, 0, .45));
}

/* CTA 标题（获取你的全链路数据方案）：设计稿 32px/32px Alimama ShuHeiTi Bold #FFFFFF 居中 */
.cta-title {
  opacity: 1;
  color: #FFFFFF;
  font-family: 'Alimama ShuHeiTi', 'PuHuiTi', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  font-weight: 700; /* bold */
  font-size: .32rem; /* 32px @750（原 .4rem = 40px） */
  line-height: .32rem; /* 32px @750（原 1.2 ≈ 48px） */
  letter-spacing: 0px;
  text-align: center;
  position: relative; /* 保留：为 ::after 倒影提供定位上下文 */
  margin-top: .38rem; /* 保留：与二维码间距 */
}
/* CTA 标题倒影：按设计稿使用线性渐变文字 linear-gradient(180deg, #FFFFFF00 0%, #FFFFFF33 100%) */
.cta-title::after {
  content: attr(data-text);
  position: absolute;
  top: calc(100% + .04rem);
  left: 0;
  width: 100%;
  transform: scaleY(-1);
  /* 渐变文字填充：完全透明(上) → 20%透明度白(下) */
  background: linear-gradient(180deg, #FFFFFF00 0%, #FFFFFF33 100%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
          color: transparent;
  pointer-events: none;
}

.footer {
  opacity: 1;
  border-radius: 0;
  background: #FFFFFF0F;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  text-align: center;
  padding: .24rem .3rem .22rem;
}
.f-main { font-size: .26rem; font-weight: 700; line-height: 1.2; }
.f-sub {
  margin-top: .16rem;
  opacity: 0.2;
  color: #FFFFFF;
  font-family: 'PuHuiTi 2', sans-serif;
  font-weight: 400;
  font-size: .20rem;
  line-height: .20rem;
  letter-spacing: 0;
}