/* 商品卡 */
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:13px;}
.prod{border-radius:16px;overflow:hidden;background:#fff;border:1px solid var(--line-2);transition:transform .2s;}
.prod:active{transform:scale(.97);}
/* 成品手串图：珠子底上垫一张品牌图（R68 站长：白底太单调，要跟 DIY 画布一样露出品牌图）。
   位置＝容器正中，而珠圈也被 flex 居中 ⇒ 正好落在珠圈中心。
   尺寸＝珠圈半径的比例：卡里 ringHTML(…,104,14) 的珠圈半径 ≈42.5px，容器高 126px ⇒ 34%；
   与 DIY 画布「品牌图边长＝R」是同一套比例，所以两处看起来一样大。 */
.prod-img{height:126px;background-color:var(--bg-2);background-image:url('/brand/brand-720.webp');background-repeat:no-repeat;background-position:center;background-size:auto 34%;display:flex;align-items:center;justify-content:center;}
.prod-info{padding:10px 11px 12px;}
.prod-name{
  font-size:12.5px;line-height:1.45;color:var(--ink-2);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:36px;
}
/* 全站数字规范：金额/数值统一三档字号 —— 大 20px / 中 15px / 小 12px，一律衬线数字体
   同一行里「¥」前缀与数字同字号、同基线，不再出现忽大忽小 */
.prod-price{margin-top:7px;font-family:var(--serif);font-size:15px;color:var(--gold-dark);font-weight:600;}
.prod-price small{font-size:15px;font-weight:400;}
/* 作品卡：作者名与「人制作」是说明文字，降为小号灰字；中间的数字单独 15px，跳出来 */
.prod-price .by,
.prod-price .u{font-family:var(--sans);font-size:11px;font-weight:400;color:var(--muted);}
.prod-price b{font-family:var(--serif);font-size:15px;font-weight:600;color:var(--gold-dark);}