/* TPU 子分类页色卡（chip 流）  v2（2026-11-01）
 *
 * 用途：13 个 TPU 子分类页（/tpu-95a/ 等）—— 本种类专属色卡（chip 流）
 *
 * 本文件 = list.css 的 ② 段（系列导览块样式已随主分类页导览块一并删除）。
 * ⚠ /_assets/* 是 immutable 一年缓存 → 本文件用新文件名 list2.css，
 *   56 个 TPU 分类页的引用同步改为 list2.css。
 *
 * ⚠ 结构性约定（承自 pd-colors/tpu.css）：
 *   标题用 h3、系列名与说明用 div —— 刻意避开 h2 / p，
 *   因为 typography/v5.css 对 h2 / p 有 !important 的全局字号
 *   （h2=36px、p=16px 且 margin-bottom:24px），会把色卡区撑变形。
 *
 * ⚠ 特异性：v5.css 的 `html:not(.nrd3) h3` 带 !important（25px），
 *   本文件用同样的 `html:not(.nrd3)` 前缀 + !important 把标题压回 20px。
 */

/* ================= ② 子分类页专属色卡 ================= */

/* ⚠ 列表页**没有**引详情页的 pd-colors/tpu.css 与 index2.css，
   所以 chip 的完整样式在这里自带一份（与详情页 tpu.css 同形）。
   若日后想统一改 chip 形态，需同步改这两处。 */

/* 标题 */
html:not(.nrd3) .noray-pd.pd-colors-tpu .pd-colors-title,
#nrd3 .noray-pd.pd-colors-tpu .pd-colors-title {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin: 0 0 14px;
  font-size: 20px !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
  letter-spacing: -.2px !important;
  color: #151a24;
}

html:not(.nrd3) .noray-pd.pd-colors-tpu .pd-colors-title .pd-count,
#nrd3 .noray-pd.pd-colors-tpu .pd-colors-title .pd-count {
  font-size: 15px;
  font-weight: 500;
  color: #8a9198;
  letter-spacing: 0;
}

/* 系列小标题（橙色竖条） */
html:not(.nrd3) .noray-pd.pd-colors-tpu .pd-series,
#nrd3 .noray-pd.pd-colors-tpu .pd-series {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 20px 0 10px;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 700;
  color: #151a24;
  letter-spacing: .01em;
}

html:not(.nrd3) .noray-pd.pd-colors-tpu .pd-series::before,
#nrd3 .noray-pd.pd-colors-tpu .pd-series::before {
  content: "";
  flex: none;
  width: 3px;
  height: 14px;
  border-radius: 2px;
  background: #e58722;
}

/* chip 流 */
html:not(.nrd3) .noray-pd.pd-colors-tpu .pd-swatches,
#nrd3 .noray-pd.pd-colors-tpu .pd-swatches {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 10px;
  list-style: none;
  margin: 0;
  padding: 0;
}

html:not(.nrd3) .noray-pd.pd-colors-tpu .pd-swatches li,
#nrd3 .noray-pd.pd-colors-tpu .pd-swatches li {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 5px 13px 5px 8px;
  border: 1px solid #e6e8ea;
  border-radius: 999px;
  background: #fff;
  font-size: 13px;
  line-height: 1.45;
  color: #3d444b;
  white-space: nowrap;
}

html:not(.nrd3) .noray-pd.pd-colors-tpu .pd-swatches li i,
#nrd3 .noray-pd.pd-colors-tpu .pd-swatches li i {
  flex: none;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, .16);
  display: block;
}

html:not(.nrd3) .noray-pd.pd-colors-tpu .pd-swatches li span,
#nrd3 .noray-pd.pd-colors-tpu .pd-swatches li span {
  overflow: visible;
  text-overflow: clip;
  white-space: nowrap;
}

/* 说明 */
html:not(.nrd3) .noray-pd.pd-colors-tpu .pd-note,
#nrd3 .noray-pd.pd-colors-tpu .pd-note {
  margin: 18px 0 0;
  padding-top: 14px;
  border-top: 1px solid #eef0f2;
  font-size: 13px;
  line-height: 1.7;
  color: #6b7280;
}

/* 列表页位置微调 */
.noray-pd.pd-colors-tpu.nf-cat-colors {
  margin: 0 0 32px;
}

.noray-pd.pd-colors-tpu.nf-cat-colors .pd-note {
  margin-top: 16px;
}