/* 10 — Subscription 订阅页（Larevi Plus，模态风） */
.subs {
  /* 极浅紫白渐变底 */
  background: linear-gradient(180deg, #FBFAFE 0%, #fff 60%);
}

/* 顶部标题行 */
.subs__head {
  padding-top: 26px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.subs__sub { margin-top: 10px; }

/* 小节标题 */
.subs__choose { margin-top: 34px; }

/* ---------- 套餐卡 ---------- */
.subs__plans { margin-top: 22px; }
.plan {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 18px 20px;
  border: 2px solid transparent;
  border-radius: 0;
  background: #FBF6EC;            /* 未选中：暖底 */
  cursor: pointer;
  transition: background .15s ease, border-color .15s ease;
}
.plan + .plan { margin-top: 18px; }

/* 选中态：白底 + 绿描边 + 显示 Most Popular 标签 */
.plan.is-selected { background: #fff; border-color: var(--brand); }
.plan__badge {
  display: none;
  position: absolute;
  top: -13px;
  right: 18px;
  padding: 6px 14px;
  border-radius: 999px;
  background: var(--brand);
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  white-space: nowrap;
}
.plan.is-selected .plan__badge { display: inline-block; }

.plan__info { display: flex; flex-direction: column; gap: 8px; }
.plan__name { font-size: 17px; font-weight: 700; color: var(--navy); }
.plan__price { font-size: 20px; font-weight: 700; color: var(--navy); }
.plan__price em { font-style: normal; font-size: 14px; font-weight: 500; color: var(--text-soft); }

/* 月卡右侧：绿色箭头垂直居中 */
.plan__chev {
  margin-left: auto;
  font-size: 22px;
  color: var(--brand);
}

/* 年卡右侧：上箭头浅灰、下省 33% 胶囊 */
.plan--annual .plan__chev { color: #B9C7D2; }
.plan__side {
  margin-left: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 9px;
}
.plan__save {
  padding: 5px 13px;
  border-radius: 999px;
  background: #CDEBDD;
  color: #1E7D5A;
  font-size: 13px;
  font-weight: 700;
}

/* 订阅按钮 */
.subs__cta { margin-top: 26px; }

/* ---------- 特性列表 ---------- */
.subs__features {
  margin-top: 24px;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.subs__features li {
  display: flex;
  align-items: center;
  gap: 15px;
  font-size: 14.5px;
  color: var(--text);
}
.subs__tick {
  flex: none;
  font-size: 20px;
  color: #1E7D5A;
}

/* 底部恢复购买 */
.subs__restore {
  align-self: center;
  padding-bottom: 30px;
  font-size: 15px;
  font-weight: 600;
  color: #0A7D6C;
}