/* 雪场详情页 · 雪道缆车（难度胶囊 + 配比条 + 设施数量）
   独立文件，避免与页面内样式互相覆盖 */

/* 难度胶囊（2026-10-19 按国标 GB/T 40232-2021：绿圆/蓝方/黑菱/双黑菱）
   初级=绿 · 中级=蓝 · 高级=黑 · 双黑=纯黑底加白圈（红道是欧洲口径，国内不用） */
#tab-trail .trail-badge{
  display:inline-flex;align-items:center;justify-content:center;
  height:24px;padding:0 12px;border-radius:999px;
  font-size:12.5px;font-weight:600;line-height:1;white-space:nowrap;
  background:#f3f4f6;color:#5a5a5a;
}
#tab-trail .trail-badge.beginner{background:#E8F5E9;color:#1B7F3B}
#tab-trail .trail-badge.intermediate{background:#E7ECFF;color:#3B54D6}
#tab-trail .trail-badge.advanced{background:#1F1F1F;color:#FFFFFF}
/* 双黑道（专家级）：黑底金字的强区分 */
#tab-trail .trail-badge.doubleblack{background:#0E0E0E;color:#F2C14E;
  box-shadow:inset 0 0 0 1px rgba(242,193,78,.45)}
/* 配比条里双黑段：黑底金边，与徽标呼应 */
#tab-trail .trail-bar-fill.doubleblack{background:#0E0E0E;
  box-shadow:inset 0 0 0 1px rgba(242,193,78,.45)}
/* ⚠️ 这里不要再写 .trail-badge.doubleblack 的白字规则：会覆盖上面的金字（2026-10-19 已删） */
#tab-trail .trail-badge .trail-icon{display:none}

/* 配比条：加高、标签放大 */
#tab-trail .trail-bar-row{display:grid !important;grid-template-columns:78px minmax(0,1fr) 56px !important;
  align-items:center;gap:14px;margin-bottom:16px}
#tab-trail .trail-bar-row:last-child{margin-bottom:0}
#tab-trail .trail-bar-label{font-size:15px !important;font-weight:500;color:#5a5a5a;white-space:nowrap}
#tab-trail .trail-bar-track{height:16px !important;border-radius:999px;background:#F1F2F4;overflow:hidden}
#tab-trail .trail-bar-fill{height:100%;border-radius:999px;font-size:0 !important;line-height:0 !important}
#tab-trail .trail-bar-fill.beginner{background:#2E9E4F}
#tab-trail .trail-bar-fill.intermediate{background:#5B6CFF}
#tab-trail .trail-bar-fill.advanced{background:#1F1F1F}
#tab-trail .trail-bar-count{font-size:14px;color:#8a8a8a;text-align:right;white-space:nowrap}

/* 公园 / 跳台 / U 池 等设施数量 */
#tab-trail .trail-park-row{display:flex;flex-wrap:wrap;gap:8px;
  margin-top:16px;padding-top:14px;border-top:1px dashed #f0f0f0}
#tab-trail .trail-park-chip{display:inline-flex;align-items:center;gap:6px;
  height:26px;padding:0 12px;border-radius:6px;background:#F5F6F8;
  font-size:12.5px;color:#5a5a5a}
#tab-trail .trail-park-chip b{font-weight:700;color:#181818}

/* ---------- 表格行高与对齐（修"难度列与行分隔线错位"） ----------
   根因：早前为了让 FIS 徽标与雪道名同行，给第一列设了 display:flex。
   给 <td> 设 flex 会让它不再是 table-cell，整行高度与边框就跟着抖，
   于是难度胶囊看起来和右侧的分隔线错开。这里恢复 table-cell，改用 nowrap + inline 对齐。 */
#tab-trail #trails-more table{width:100%;border-collapse:collapse}
#tab-trail #trails-more tbody tr{height:48px}
#tab-trail #trails-more tbody td{
  padding:0 12px !important;vertical-align:middle !important;height:48px;
  border-bottom:1px solid #F0F1F3}
#tab-trail #trails-more tbody td:first-child{
  display:table-cell !important;align-items:normal !important;
  white-space:nowrap;line-height:1}
#tab-trail #trails-more tbody tr:last-child td{border-bottom:0}
#tab-trail #trails-more tbody tr:hover td{background:#FAFBFC}
/* 难度胶囊与类型徽标都按行内垂直居中，不受行高影响 */
#tab-trail #trails-more .trail-badge,
#tab-trail #trails-more .trail-type,
#tab-trail #trails-more .trail-fis{vertical-align:middle;margin-top:0;margin-bottom:0}

/* FIS 认证标识（2026-10-19）：金色小牌，跟在雪道名后面（原先名字前的深蓝 SVG 会换行跑偏） */
#tab-trail .trail-fis{display:inline-flex;align-items:center;height:20px;margin-left:6px;padding:0 7px;
  border-radius:4px;background:linear-gradient(135deg,#F7DF9B,#D4AF37);color:#4A3600;
  font-size:11px;font-weight:800;letter-spacing:.6px;line-height:1;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.55);vertical-align:1px}

/* 雪道类型徽标（只有非「常规雪道」才出现）：跟在雪道名后面 */
#tab-trail .trail-type{display:inline-flex;align-items:center;height:22px;
  margin-left:8px;padding:0 9px;border-radius:6px;border:0;
  font-size:12px;font-weight:600;line-height:1;white-space:nowrap;vertical-align:1px}
#tab-trail .trail-type--park{background:#F3EEFF;color:#6B3FD4;box-shadow:inset 0 0 0 1px #E2D6FF}
#tab-trail .trail-type--jump{background:#FFF1E5;color:#B25E09;box-shadow:inset 0 0 0 1px #FFE0C2}
#tab-trail .trail-type--halfpipe{background:#E6F7F7;color:#0E7C86;box-shadow:inset 0 0 0 1px #C9EDEE}
#tab-trail .trail-type--mogul{background:#E7F0FF;color:#2F5BD0;box-shadow:inset 0 0 0 1px #CFE0FF}
#tab-trail .trail-type--off_piste{background:#EAF6EC;color:#1B7F3B;box-shadow:inset 0 0 0 1px #CFE9D5}
#tab-trail .trail-type--ski_cross{background:#FDECEC;color:#C0392B;box-shadow:inset 0 0 0 1px #F9D5D5}
