/* css/card.css —— 只管卡片本身;页面样式在 app.css */
* { box-sizing: border-box; }

.card {
  --s: 1; /* 内容过长时整体缩字号用,由 card.js 按需覆盖 */
  /* 满幅出血:图片本身就是卡片,不带描边圆角(圆角由展示层 CSS 裁),四角不露白,当壁纸也是边到边 */
  width: 540px; aspect-ratio: 540 / 1170; margin: 0 auto; background: #fff;
  padding: 40px 34px; color: #111;
  display: flex; flex-direction: column; justify-content: center; overflow: hidden;
}
.card__help { font-size: calc(35px * var(--s)); font-weight: 800; line-height: 1.4; margin-bottom: calc(26px * var(--s)); flex: 0 0 auto; }
.card__help .dest { color: #C23A30; }
.card__steps { flex: 0 0 auto; display: flex; flex-direction: column; gap: calc(20px * var(--s)); }
.step { font-size: calc(34px * var(--s)); display: flex; align-items: baseline; gap: calc(13px * var(--s)); }
.step__idx { flex: 0 0 auto; align-self: center; width: calc(45px * var(--s)); height: calc(45px * var(--s)); border-radius: 50%;
  background: #222; color: #fff; font-size: calc(26px * var(--s)); display: flex; align-items: center; justify-content: center; }
.line-chip { flex: 0 0 auto; align-self: center; padding: calc(3px * var(--s)) calc(16px * var(--s)); border-radius: 10px; font-size: calc(32px * var(--s)); font-weight: 800; }
.step__txt { min-width: 0; }
/* 站名主导:大字深色、终点站红;描述词缩小变浅退为次要 */
/* inline-block:站名整词换行不拆开(可读性),也避免 html2canvas 把跨行内联背景糊到相邻文字上 */
.stn { color: #111; font-weight: 800; display: inline-block; }
.stn--dest { color: #C23A30; }
/* 中转站:琥珀荧光笔高亮(与页头产品名同款视觉),比下划线显眼,且与终点红字区分明确 */
.stn--transfer {
  background: linear-gradient(transparent 52%, var(--amber, #F4B740) 52% 96%, transparent 96%);
  padding: 0 calc(4px * var(--s));
}
.desc { font-size: calc(24px * var(--s)); color: #9a9a9a; font-weight: 600; }
.step--transfer { font-size: calc(27px * var(--s)); color: #555; font-weight: 600; padding-left: calc(58px * var(--s)); }
.card__foot { flex: 0 0 auto; margin-top: calc(29px * var(--s)); padding-top: calc(19px * var(--s)); border-top: 1px dashed #999;
  font-size: calc(27px * var(--s)); font-weight: 700; }
/* 短标签"家人电话："+ 号码同一行,号码不断行 */
.card__foot .phone { font-size: calc(32px * var(--s)); white-space: nowrap; }