/* ---------------------------------------------------------------- 看前指南（2026-10-23）
   卡片上只露结论那一行；详情页才展开对味点与留意点。
   颜色沿用既有的 --ok / --warn / --danger / --accent，不引新变量。 */

.explain { margin: 6px 0 2px; }
.explain-head { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; }
.explain-verdict {
  font-size: 12px; line-height: 18px; padding: 0 7px; border-radius: 9px;
  border: 1px solid currentColor; white-space: nowrap;
}
.explain-headline { font-size: 13px; color: var(--ink, #c9d1dc); }
.explain-good .explain-verdict { color: var(--ok); }
.explain-ok   .explain-verdict { color: var(--accent); }
.explain-mid  .explain-verdict { color: var(--warn); }
.explain-bad  .explain-verdict { color: var(--danger); }

.explain-fit, .explain-care { margin: 6px 0 0; padding-left: 18px; font-size: 12.5px; line-height: 1.6; }
.explain-fit li { color: #b7c3d2; }
.explain-care li { color: #d8b48a; }
.explain-score { margin: 6px 0 0; font-size: 12px; color: #8b93a1; }
.explain-load { margin-top: 4px; }
.explain-wait { font-size: 12.5px; }

/* 首页那张主卡片上的看前指南（2026-10-23）：这一屏只有一部片，正文可以按
   正常字号读，不必像墙上那样压到 12.5px。 */
.hero .explain { margin: 10px 0 4px; }
.hero .explain-fit, .hero .explain-care { font-size: 13.5px; line-height: 1.65; }
.hero .explain-headline { font-size: 14px; }
.hero .explain-score { font-size: 12.5px; }

/* 详情页那两块数字（契合度拆解 / 为什么推荐的贡献表）收进折叠（2026-10-23）。
   用户要的是文字理由，这堆「特征 权重 样本 贡献」平时不该占屏幕；
   但「结论要能追到数据」，所以留着，点一下就在。 */
.algo-details { margin: 16px 0 8px; }
.algo-details > summary {
  cursor: pointer; font-size: 12.5px; color: #8b93a1;
  padding: 6px 0; list-style: none; user-select: none;
}
.algo-details > summary::-webkit-details-marker { display: none; }
.algo-details > summary::before { content: "▸ "; }
.algo-details[open] > summary::before { content: "▾ "; }
.algo-details > summary:hover { color: var(--accent); }