优化社交关系图视觉风格并加入轻科幻元素

plugins/value_rank/main.py

@@ -1462,6 +1462,7 @@ class ValueRankPlugin(MessagePluginInterface):
 
         cm = ContactManager.get_instance()
         strongest_uid = selected_nodes[0] if selected_nodes else ""
+        edge_defs_parts: List[str] = []
         edge_svg_parts: List[str] = []
         # 边数字标签只给“最重要的少数边”：
         # 1. 全边标数字时，图面会被 0/1、1/0 这类噪声淹没；
@@ -1509,11 +1510,29 @@ class ValueRankPlugin(MessagePluginInterface):
             ax, ay = pos_map[a]
             bx, by = pos_map[b]
             normalized = max(0.12, min(score / max_edge_score, 1.0))
-            stroke_width = 1.2 + 6.2 * normalized
-            opacity = 0.14 + 0.42 * normalized
+            stroke_width = 1.35 + 6.5 * normalized
+            glow_width = stroke_width + 3.6
+            opacity = 0.20 + 0.48 * normalized
+            glow_opacity = 0.10 + 0.22 * normalized
+            edge_gradient_id = f"edge_gradient_{edge_idx}"
+            start_color = "#50D6FF"
+            end_color = "#FFBB5C" if (a == strongest_uid or b == strongest_uid) else "#6C92FF"
+            edge_defs_parts.append(
+                f'<linearGradient id="{edge_gradient_id}" gradientUnits="userSpaceOnUse" '
+                f'x1="{ax:.1f}" y1="{ay:.1f}" x2="{bx:.1f}" y2="{by:.1f}">'
+                f'<stop offset="0%" stop-color="{start_color}" stop-opacity="0.96"></stop>'
+                f'<stop offset="100%" stop-color="{end_color}" stop-opacity="0.90"></stop>'
+                f'</linearGradient>'
+            )
             edge_svg_parts.append(
                 f'<line x1="{ax:.1f}" y1="{ay:.1f}" x2="{bx:.1f}" y2="{by:.1f}" '
-                f'stroke="rgba(33, 150, 243, {opacity:.3f})" stroke-width="{stroke_width:.2f}" />'
+                f'stroke="rgba(84, 214, 255, {glow_opacity:.3f})" stroke-width="{glow_width:.2f}" '
+                f'stroke-linecap="round" filter="url(#edgeGlow)" />'
+            )
+            edge_svg_parts.append(
+                f'<line x1="{ax:.1f}" y1="{ay:.1f}" x2="{bx:.1f}" y2="{by:.1f}" '
+                f'stroke="url(#{edge_gradient_id})" stroke-opacity="{opacity:.3f}" '
+                f'stroke-width="{stroke_width:.2f}" stroke-linecap="round" />'
             )
             if (a, b) not in labeled_edge_keys:
                 continue
@@ -1541,8 +1560,9 @@ class ValueRankPlugin(MessagePluginInterface):
             edge_label_parts.append(
                 f'<g transform="translate({label_x:.1f},{label_y:.1f}) rotate({angle_deg:.1f})">'
                 f'<rect x="-{label_width / 2:.1f}" y="-11" width="{label_width:.1f}" height="22" '
-                f'rx="7" ry="7" fill="rgba(255,255,255,0.84)"></rect>'
-                f'<text x="0" y="4" text-anchor="middle" font-size="11" fill="#4E5F7D">{safe_label}</text>'
+                f'rx="7" ry="7" fill="rgba(16,38,74,0.68)" stroke="rgba(84,214,255,0.34)" stroke-width="1.0" '
+                f'filter="url(#panelSoftGlow)"></rect>'
+                f'<text x="0" y="4" text-anchor="middle" font-size="11" fill="#EAF7FF">{safe_label}</text>'
                 f'</g>'
             )
 
@@ -1566,10 +1586,20 @@ class ValueRankPlugin(MessagePluginInterface):
             ring_idx = int(node_meta_map.get(uid, {}).get("ring_idx", 0))
 
             # 使用“连接度越高环线越偏暖”的视觉策略，帮助快速识别核心节点。
-            ring_color = "rgba(255, 152, 0, 0.95)" if size_norm >= 0.6 else "rgba(79, 123, 201, 0.95)"
+            ring_color = "rgba(255, 176, 58, 0.96)" if size_norm >= 0.6 else "rgba(74, 141, 255, 0.96)"
+            glow_color = "rgba(255, 205, 111, 0.30)" if size_norm >= 0.6 else "rgba(84, 214, 255, 0.26)"
+            orbit_color = "rgba(255, 211, 130, 0.74)" if size_norm >= 0.6 else "rgba(113, 228, 255, 0.72)"
             node_svg_parts.append(
-                f'<circle cx="{x:.1f}" cy="{y:.1f}" r="{node_radius + 2.2:.1f}" fill="rgba(255,255,255,0.92)" '
-                f'stroke="{ring_color}" stroke-width="3.2"></circle>'
+                f'<circle cx="{x:.1f}" cy="{y:.1f}" r="{node_radius + 7.4:.1f}" fill="{glow_color}" '
+                f'filter="url(#nodeGlow)"></circle>'
+            )
+            node_svg_parts.append(
+                f'<circle cx="{x:.1f}" cy="{y:.1f}" r="{node_radius + 2.8:.1f}" fill="rgba(255,255,255,0.88)" '
+                f'stroke="{ring_color}" stroke-width="3.4"></circle>'
+            )
+            node_svg_parts.append(
+                f'<circle cx="{x:.1f}" cy="{y:.1f}" r="{node_radius + 5.0:.1f}" fill="none" '
+                f'stroke="{orbit_color}" stroke-width="1.2" stroke-dasharray="7 5" stroke-linecap="round" opacity="0.78"></circle>'
             )
 
             if avatar_url:
@@ -1613,7 +1643,7 @@ class ValueRankPlugin(MessagePluginInterface):
                 ]
                 crown_points_text = " ".join([f"{px:.1f},{py:.1f}" for px, py in crown_points])
                 node_svg_parts.append(
-                    f'<g>'
+                    f'<g filter="url(#crownGlow)">'
                     f'<rect x="{x - 15.0:.1f}" y="{crown_y + 18.0:.1f}" width="30.0" height="5.5" rx="2.8" ry="2.8" '
                     f'fill="rgba(255, 183, 3, 0.98)" stroke="rgba(168, 104, 0, 0.85)" stroke-width="1.0"></rect>'
                     f'<polygon points="{crown_points_text}" fill="rgba(255, 202, 40, 0.98)" '
@@ -1636,11 +1666,12 @@ class ValueRankPlugin(MessagePluginInterface):
             badge_y = y + node_radius * 0.55 - badge_height / 2.0
             node_svg_parts.append(
                 f'<rect x="{badge_x:.1f}" y="{badge_y:.1f}" width="{badge_width:.1f}" height="{badge_height:.1f}" '
-                f'rx="10" ry="10" fill="rgba(255,255,255,0.95)" stroke="{ring_color}" stroke-width="1.9"></rect>'
+                f'rx="10" ry="10" fill="rgba(17, 41, 79, 0.84)" stroke="{ring_color}" stroke-width="1.6" '
+                f'filter="url(#panelSoftGlow)"></rect>'
             )
             node_svg_parts.append(
                 f'<text x="{badge_x + badge_width / 2.0:.1f}" y="{badge_y + 13.2:.1f}" text-anchor="middle" '
-                f'font-size="{badge_font_size}" fill="#2F3B52" font-weight="700">{badge_text}</text>'
+                f'font-size="{badge_font_size}" fill="#F4FBFF" font-weight="700">{badge_text}</text>'
             )
 
             # 名字固定放在头像正下方，避免沿径向排布带来的“漂移感”：
@@ -1657,11 +1688,12 @@ class ValueRankPlugin(MessagePluginInterface):
             label_box_y = title_y - 18.0
             node_svg_parts.append(
                 f'<rect x="{label_box_x:.1f}" y="{label_box_y:.1f}" width="{label_width:.1f}" height="{label_height:.1f}" '
-                f'rx="12" ry="12" fill="rgba(255,255,255,0.78)"></rect>'
+                f'rx="12" ry="12" fill="rgba(14, 33, 66, 0.66)" stroke="rgba(84,214,255,0.24)" stroke-width="1.0" '
+                f'filter="url(#panelSoftGlow)"></rect>'
             )
             node_svg_parts.append(
                 f'<text x="{title_x:.1f}" y="{title_y:.1f}" text-anchor="{anchor}" '
-                f'font-size="14.5" fill="#2F3B52" font-weight="700">{safe_nick}</text>'
+                f'font-size="14.5" fill="#F2FAFF" font-weight="700">{safe_nick}</text>'
             )
 
         group_title = html.escape(ContactManager.get_instance().get_nickname(group_id) or group_id)
@@ -1693,6 +1725,7 @@ class ValueRankPlugin(MessagePluginInterface):
             "__HEIGHT__": str(height),
             "__GROUP_TITLE__": group_title,
             "__SUMMARY_TEXT__": summary_text,
+            "__EDGE_DEFS__": "".join(edge_defs_parts),
             "__EDGE_SVG__": "".join(edge_svg_parts),
             "__EDGE_LABELS__": "".join(edge_label_parts),
             "__NODE_DEFS__": "".join(node_defs_parts),