/* 套餐卡：白卡；左上档位插图 + 套餐名；价格用大号等宽数字；推荐档用 1.5px 陶土环 */
.plan-card { display: flex; flex-direction: column; }
.plan-card.featured { box-shadow: var(--ring-selected), var(--shadow-e1); }

.plan-head { display: flex; align-items: center; gap: 12px; }
.plan-card .plan-name {
  flex: 1;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  font: var(--t-title);
  color: var(--text-1);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.plan-tag { flex: none; }

.plan-price { display: flex; align-items: baseline; gap: 4px; margin: 16px 0; color: var(--text-1); }
.plan-price .symbol { font: var(--t-stat-large-unit); font-variant-numeric: tabular-nums; color: var(--text-2); }
.plan-price .amount {
  font: var(--t-stat-large);
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.01em;
}
.plan-price .period { margin-inline-start: 2px; font: var(--t-stat-large-unit); font-variant-numeric: tabular-nums; color: var(--text-2); }

/* 周期切换：卡内的分段控件（共享 tt-tabs 的 sunken 轨道），按钮等分 */
.period-tabs { display: flex; width: 100%; margin-bottom: 16px; overflow-x: auto; scrollbar-width: none; }
.period-tabs::-webkit-scrollbar { display: none; }
.period-tabs button { flex: 1 1 0; min-width: max-content; }

.plan-features { list-style: none; flex: 1; margin: 0 0 20px; padding: 0; }
.plan-features li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 4px 0;
  font: var(--t-body-secondary);
  color: var(--text-2);
}
.plan-card .tick { flex: none; margin-top: 3px; font-size: var(--icon-16); color: var(--primary); }

/* 手机端：推荐标签留在标题行末尾，长套餐名省略 */
@media screen and (max-width: 768px) {
  .plan-price { margin: 12px 0; }
  .plan-features { margin-bottom: 18px; }
}