/* 封面仅作为单科商品卡装饰；原兑换按钮和数据保持不变。 */
@supports selector(:has(*)) {
#points-mall .pm-product:has(> .pm-product-foot > button:is(
  [data-pm-product="materials_chinese"],
  [data-pm-product="materials_math"],
  [data-pm-product="materials_english"],
  [data-pm-product="materials_physics"],
  [data-pm-product="materials_chemistry"],
  [data-pm-product="materials_biology"],
  [data-pm-product="materials_history"],
  [data-pm-product="materials_geography"],
  [data-pm-product="materials_politics"]
))::before {
  content: ""; display: block; width: min(100%, 168px); aspect-ratio: 750 / 1064;
  margin: 0 auto 18px; flex: none; pointer-events: none;
  background-image: var(--pm-book-cover); background-repeat: no-repeat;
  background-position: center; background-size: contain;
}
#points-mall .pm-product:has(> .pm-product-foot > button[data-pm-product="materials_chinese"]){--pm-book-cover:url("/points-book-covers-20261101/chinese.webp")}
#points-mall .pm-product:has(> .pm-product-foot > button[data-pm-product="materials_math"]){--pm-book-cover:url("/points-book-covers-20261101/math.webp")}
#points-mall .pm-product:has(> .pm-product-foot > button[data-pm-product="materials_english"]){--pm-book-cover:url("/points-book-covers-20261101/english.webp")}
#points-mall .pm-product:has(> .pm-product-foot > button[data-pm-product="materials_physics"]){--pm-book-cover:url("/points-book-covers-20261101/physics.webp")}
#points-mall .pm-product:has(> .pm-product-foot > button[data-pm-product="materials_chemistry"]){--pm-book-cover:url("/points-book-covers-20261101/chemistry.webp")}
#points-mall .pm-product:has(> .pm-product-foot > button[data-pm-product="materials_biology"]){--pm-book-cover:url("/points-book-covers-20261101/biology.webp")}
#points-mall .pm-product:has(> .pm-product-foot > button[data-pm-product="materials_history"]){--pm-book-cover:url("/points-book-covers-20261101/history.webp")}
#points-mall .pm-product:has(> .pm-product-foot > button[data-pm-product="materials_geography"]){--pm-book-cover:url("/points-book-covers-20261101/geography.webp")}
#points-mall .pm-product:has(> .pm-product-foot > button[data-pm-product="materials_politics"]){--pm-book-cover:url("/points-book-covers-20261101/politics.webp")}
}

@supports selector(:has(*)) {
#points-mall .pm-product:has(> .pm-product-foot > button:is([data-pm-product="materials_chinese"],[data-pm-product="materials_math"],[data-pm-product="materials_english"],[data-pm-product="materials_physics"],[data-pm-product="materials_chemistry"],[data-pm-product="materials_biology"],[data-pm-product="materials_history"],[data-pm-product="materials_geography"],[data-pm-product="materials_politics"])){display:grid;grid-template-columns:min(40%,112px) minmax(0,1fr);grid-template-areas:"cover type" "cover name" "cover desc" "foot foot";grid-template-rows:auto auto 1fr auto;column-gap:14px;align-items:start}
#points-mall .pm-product:has(> .pm-product-foot > button:is([data-pm-product="materials_chinese"],[data-pm-product="materials_math"],[data-pm-product="materials_english"],[data-pm-product="materials_physics"],[data-pm-product="materials_chemistry"],[data-pm-product="materials_biology"],[data-pm-product="materials_history"],[data-pm-product="materials_geography"],[data-pm-product="materials_politics"]))::before{grid-area:cover;width:100%;margin:0}
#points-mall .pm-product:has(> .pm-product-foot > button:is([data-pm-product="materials_chinese"],[data-pm-product="materials_math"],[data-pm-product="materials_english"],[data-pm-product="materials_physics"],[data-pm-product="materials_chemistry"],[data-pm-product="materials_biology"],[data-pm-product="materials_history"],[data-pm-product="materials_geography"],[data-pm-product="materials_politics"])) > .pm-product-type{grid-area:type}
#points-mall .pm-product:has(> .pm-product-foot > button:is([data-pm-product="materials_chinese"],[data-pm-product="materials_math"],[data-pm-product="materials_english"],[data-pm-product="materials_physics"],[data-pm-product="materials_chemistry"],[data-pm-product="materials_biology"],[data-pm-product="materials_history"],[data-pm-product="materials_geography"],[data-pm-product="materials_politics"])) > h3{grid-area:name}
#points-mall .pm-product:has(> .pm-product-foot > button:is([data-pm-product="materials_chinese"],[data-pm-product="materials_math"],[data-pm-product="materials_english"],[data-pm-product="materials_physics"],[data-pm-product="materials_chemistry"],[data-pm-product="materials_biology"],[data-pm-product="materials_history"],[data-pm-product="materials_geography"],[data-pm-product="materials_politics"])) > p{grid-area:desc;margin-bottom:12px}
#points-mall .pm-product:has(> .pm-product-foot > button:is([data-pm-product="materials_chinese"],[data-pm-product="materials_math"],[data-pm-product="materials_english"],[data-pm-product="materials_physics"],[data-pm-product="materials_chemistry"],[data-pm-product="materials_biology"],[data-pm-product="materials_history"],[data-pm-product="materials_geography"],[data-pm-product="materials_politics"])) > .pm-product-foot{grid-area:foot;margin-top:auto;padding-top:12px}
}