/* 本文件由 _convert_wxss.py 从小程序 vip 自动生成，请勿手改（改了会被覆盖）*/
.page { min-height: 100vh; padding-bottom: calc(60 * var(--u)); }

.hero { background: linear-gradient(160deg, #d99a2b, #f6c04a); padding: calc(60 * var(--u)) calc(40 * var(--u)) calc(70 * var(--u)); color: #5a3b00; text-align: center; }
.hero-crown { width: calc(76 * var(--u)); height: calc(76 * var(--u)); display: block; margin: 0 auto; }
.hero-title { font-size: calc(44 * var(--u)); font-weight: 800; margin-top: calc(6 * var(--u)); }
.hero-sub { font-size: calc(25 * var(--u)); opacity: 0.85; margin-top: calc(10 * var(--u)); }
.hero-vip { display: inline-block; margin-top: calc(18 * var(--u)); padding: calc(6 * var(--u)) calc(20 * var(--u)); background: rgba(255,255,255,0.5); border-radius: calc(20 * var(--u)); font-size: calc(22 * var(--u)); }
.hero-quota { font-size: calc(22 * var(--u)); opacity: 0.8; margin-top: calc(10 * var(--u)); }

.plans { padding: calc(30 * var(--u)) calc(32 * var(--u)) 0; }
.plan-group { margin-bottom: calc(8 * var(--u)); }
.plan-grid { display: flex; flex-wrap: wrap; gap: calc(20 * var(--u)); }
/* 卡片：flex 纵向 + 默认 align-items:stretch —— 子项（按钮）宽度自动等于卡片内容区，物理上不会溢出白卡 */
.plan { width: calc((100% - calc(40 * var(--u))) / 3); background: #fff; border-radius: calc(20 * var(--u)); padding: calc(32 * var(--u)) calc(22 * var(--u)); box-shadow: 0 calc(8 * var(--u)) calc(24 * var(--u)) rgba(217,154,43,0.12); box-sizing: border-box; display: flex; flex-direction: column; }
.group-tag { display: inline-block; margin: 0 0 calc(14 * var(--u)); padding: calc(6 * var(--u)) calc(20 * var(--u)); background: #f6c04a; color: #5a3b00; border-radius: calc(20 * var(--u)) calc(20 * var(--u)) calc(20 * var(--u)) 0; font-size: calc(22 * var(--u)); font-weight: 700; }
.group-tag--blue { background: #3d6deb; color: #fff; }
.plan-name { font-size: calc(30 * var(--u)); font-weight: 700; }
.plan-days { font-size: calc(22 * var(--u)); color: #98a1b3; margin-top: calc(6 * var(--u)); }
.plan-price { font-size: calc(50 * var(--u)); font-weight: 800; color: #d99a2b; margin: calc(16 * var(--u)) 0 calc(8 * var(--u)); }
.cur { font-size: calc(28 * var(--u)); }
.plan-desc { font-size: calc(21 * var(--u)); color: #8a93a6; min-height: calc(56 * var(--u)); }
.btn--gold { margin-top: calc(18 * var(--u)); background: linear-gradient(90deg, #f0a93b, #f6c04a); color: #5a3b00; }
.btn--block { width: 100%; box-sizing: border-box; }
/* 卡片内开通按钮：块级 + 宽度自适应卡片内容区（margin-top:auto 让三张卡的按钮底对齐） */
.plan .btn {
  display: block;
  width: auto;
  margin: auto 0 0;
  padding: 0 calc(8 * var(--u));
  box-sizing: border-box;
  font-size: calc(28 * var(--u));
  line-height: 2.3;
}

.card { background: #fff; border-radius: calc(18 * var(--u)); padding: calc(30 * var(--u)); margin: calc(30 * var(--u)) calc(32 * var(--u)) 0; box-shadow: 0 calc(6 * var(--u)) calc(18 * var(--u)) rgba(61,109,235,0.05); }
.ben-title { font-size: calc(28 * var(--u)); font-weight: 700; margin-bottom: calc(16 * var(--u)); }
.ben-item { font-size: calc(26 * var(--u)); color: #5c6780; line-height: 2.2; }