From 5579a404686523c9fef15e0dde49cc7b0c60be7b Mon Sep 17 00:00:00 2001
From: xiaoxia <dev@xiaoxiajianji.com>
Date: Tue, 15 Sep 2026 08:38:05 +0800
Subject: [PATCH] feat(points):
 apps/web/src/components/common/PointsCost/PointsCost.css

---
 .../common/PointsCost/PointsCost.css          | 67 +++++++++++++++++++
 1 file changed, 67 insertions(+)
 create mode 100644 apps/web/src/components/common/PointsCost/PointsCost.css

diff --git a/apps/web/src/components/common/PointsCost/PointsCost.css b/apps/web/src/components/common/PointsCost/PointsCost.css
new file mode 100644
index 000000000..b0440be3e
--- /dev/null
+++ b/apps/web/src/components/common/PointsCost/PointsCost.css
@@ -0,0 +1,67 @@
+/* 功能按钮旁的积分消耗提示 */
+.xx-points-cost {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  font-size: 12px;
+  color: var(--text-secondary, #6b7280);
+  font-weight: 500;
+  white-space: nowrap;
+}
+
+.xx-points-cost.free,
+.xx-points-cost.free-quota {
+  color: #10b981;
+}
+
+.xx-points-cost.insufficient {
+  color: #ef4444;
+}
+
+.xx-points-gem {
+  font-size: 12px;
+  line-height: 1;
+}
+
+.xx-points-num {
+  font-weight: 700;
+  font-variant-numeric: tabular-nums;
+  color: inherit;
+}
+
+.xx-points-unit-label {
+  color: var(--text-tertiary, #9ca3af);
+}
+
+.xx-points-tag-free {
+  display: inline-flex;
+  align-items: center;
+  padding: 1px 6px;
+  border-radius: 4px;
+  background: #d1fae5;
+  color: #059669;
+  font-size: 11px;
+  font-weight: 600;
+}
+
+.xx-points-free-user-tag {
+  display: inline-flex;
+  align-items: center;
+  padding: 1px 6px;
+  border-radius: 4px;
+  background: #fef3c7;
+  color: #d97706;
+  font-size: 10px;
+  font-weight: 600;
+  margin-left: 4px;
+}
+
+.xx-points-desc {
+  color: var(--text-tertiary, #9ca3af);
+  font-size: 11px;
+}
+
+.xx-points-warn-icon {
+  color: #ef4444;
+  margin-left: 2px;
+}