[CMS-VISUAL] R-45 形状语言补强: stats_band 计数环 conic-gradient 装饰(设计卡 ring-gradient 语言落点)

This commit is contained in:
chenxing
2026-09-28 15:13:18 +08:00
parent a9e4240bb3
commit fbcf783d3b
@@ -98,9 +98,12 @@ main > .plb-anchor > .plb-notice-bar{grid-column:1 / -1}
/* ===== docs/20 D 组件库骨架样式(跟随主题变量;campus-glow 等可自持精细版覆盖) ===== */
/* D-4 双语标题:themeParams.titleStyle=bilingual 时副题斜体展示(默认 cn 不展示由渲染端守卫) */
.plb-sub{font-style:italic}
/* D-1 数字计数带 */
/* D-1 数字计数带(含 R-45 形状语言:conic-gradient 装饰环) */
.plb-stats-row{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.plb-stats-row li{text-align:center;padding:14px 8px}
.plb-stats-row li::before{content:"";display:block;width:34px;height:34px;margin:0 auto 8px;border-radius:50%;
background:conic-gradient(from 210deg,var(--plb-primary),#8fd3ff 55%,var(--plb-primary));
-webkit-mask:radial-gradient(circle,transparent 9px,#000 10px);mask:radial-gradient(circle,transparent 9px,#000 10px)}
.plb-num{display:block;font-size:34px;font-weight:700;line-height:1.1;color:var(--plb-primary);font-variant-numeric:tabular-nums}
.plb-unit{font-size:14px;font-weight:600;margin-left:2px}
.plb-stats-label{display:block;margin-top:6px;color:var(--plb-muted);font-size:13px}