diff --git a/ruoyi-ui/src/layout/components/TagsView/index.vue b/ruoyi-ui/src/layout/components/TagsView/index.vue
index f719f80..dfc8aef 100644
--- a/ruoyi-ui/src/layout/components/TagsView/index.vue
+++ b/ruoyi-ui/src/layout/components/TagsView/index.vue
@@ -294,22 +294,32 @@ export default {
 
   .contextmenu {
     margin: 0;
-    background: #fff;
     z-index: 3000;
     position: absolute;
     list-style-type: none;
-    padding: 5px 0;
-    border-radius: 4px;
-    font-size: 12px;
-    font-weight: 400;
+    padding: 8px 0;
+    min-width: 144px;
+    font-size: 13px;
+    font-weight: 500;
     color: #333;
-    box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, .3);
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Microsoft YaHei', sans-serif;
+    background: rgba(255, 255, 255, 0.72);
+    -webkit-backdrop-filter: blur(15px);
+    backdrop-filter: blur(15px);
+    border: 1px solid rgba(22, 93, 255, 0.12);
+    border-radius: 14px;
+    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
     li {
       margin: 0;
-      padding: 7px 16px;
+      padding: 9px 20px;
       cursor: pointer;
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      transition: background 0.2s ease, color 0.2s ease;
       &:hover {
-        background: #eee;
+        background: rgba(22, 93, 255, 0.08);
+        color: #165dff;
       }
     }
   }
diff --git a/ruoyi-ui/src/views/cesiumMap/ContextMenu.vue b/ruoyi-ui/src/views/cesiumMap/ContextMenu.vue
index 336c9d3..53acf2e 100644
--- a/ruoyi-ui/src/views/cesiumMap/ContextMenu.vue
+++ b/ruoyi-ui/src/views/cesiumMap/ContextMenu.vue
@@ -4,8 +4,8 @@
     <!-- 重叠/接近时：切换选择其他图形 -->
     <div class="menu-section" v-if="pickList && pickList.length > 1">
       <div class="menu-item" @click="$emit('switch-pick')">
-        <span class="menu-icon">🔄</span>
-        <span>切换选择 ({{ (pickIndex || 0) + 1 }}/{{ pickList.length }})</span>
+        <MenuGlyph name="switch" />
+        <span class="menu-label">切换选择 ({{ (pickIndex || 0) + 1 }}/{{ pickList.length }})</span>
       </div>
     </div>
 
@@ -13,19 +13,19 @@
     <div class="menu-section" v-if="entityData && entityData.type === 'platformBoxSelection'">
       <div class="menu-title">框选平台（{{ entityData.count }} 个）</div>
       <div class="menu-item" @click="handleCopyBoxSelection">
-        <span class="menu-icon">📋</span>
-        <span>复制</span>
+        <MenuGlyph name="copy" />
+        <span class="menu-label">复制</span>
       </div>
       <div class="menu-item" @click="handleDeleteBoxSelection">
-        <span class="menu-icon">🗑️</span>
-        <span>删除全部框选平台</span>
+        <MenuGlyph name="trash" />
+        <span class="menu-label">删除全部框选平台</span>
       </div>
     </div>
 
     <div class="menu-section" v-if="(!entityData || (entityData.type !== 'routePlatform' && entityData.type !== 'route')) && (!entityData || entityData.type !== 'platformBoxSelection')">
       <div class="menu-item" @click="handleDelete">
-        <span class="menu-icon">🗑️</span>
-        <span>删除</span>
+        <MenuGlyph name="trash" />
+        <span class="menu-label">删除</span>
       </div>
     </div>
 
@@ -33,42 +33,42 @@
     <div class="menu-section" v-if="entityData && entityData.type === 'routeWaypoint'">
       <div class="menu-title">航点</div>
       <div class="menu-item" @click="handleEditWaypoint">
-        <span class="menu-icon">📝</span>
-        <span>编辑航点</span>
+        <MenuGlyph name="waypoint" />
+        <span class="menu-label">编辑航点</span>
       </div>
       <div class="menu-item" v-if="isHoldWaypoint" @click="openEditHoldSpeedDialog">
-        <span class="menu-icon">✈️</span>
-        <span>编辑盘旋速度</span>
+        <MenuGlyph name="speed" />
+        <span class="menu-label">编辑盘旋速度</span>
       </div>
       <div class="menu-item" @click.stop="toggleAddWaypointExpand('before')">
-        <span class="menu-icon">⬅️</span>
-        <span>向前增加航点</span>
-        <span class="menu-expand-icon">{{ expandedAddWaypoint === 'before' ? '▼' : '▶' }}</span>
+        <MenuGlyph name="arrowLeft" />
+        <span class="menu-label">向前增加航点</span>
+        <MenuGlyph class="menu-expand-glyph" :name="expandedAddWaypoint === 'before' ? 'chevronDown' : 'chevronRight'" />
       </div>
       <div v-if="expandedAddWaypoint === 'before'" class="menu-sub-group">
         <div class="menu-item menu-item-sub" @click="handleAddWaypointWithMode('before', null)">
-          <span class="menu-icon-sub">·</span><span>默认航点</span>
+          <MenuGlyph name="subDot" small /><span class="menu-label">默认航点</span>
         </div>
         <div class="menu-item menu-item-sub" @click="handleAddWaypointWithMode('before', 'fixed_time')">
-          <span class="menu-icon-sub">·</span><span>定时点</span>
+          <MenuGlyph name="subDot" small /><span class="menu-label">定时点</span>
         </div>
       </div>
       <div class="menu-item" @click.stop="toggleAddWaypointExpand('after')">
-        <span class="menu-icon">➡️</span>
-        <span>向后增加航点</span>
-        <span class="menu-expand-icon">{{ expandedAddWaypoint === 'after' ? '▼' : '▶' }}</span>
+        <MenuGlyph name="arrowRight" />
+        <span class="menu-label">向后增加航点</span>
+        <MenuGlyph class="menu-expand-glyph" :name="expandedAddWaypoint === 'after' ? 'chevronDown' : 'chevronRight'" />
       </div>
       <div v-if="expandedAddWaypoint === 'after'" class="menu-sub-group">
         <div class="menu-item menu-item-sub" @click="handleAddWaypointWithMode('after', null)">
-          <span class="menu-icon-sub">·</span><span>默认航点</span>
+          <MenuGlyph name="subDot" small /><span class="menu-label">默认航点</span>
         </div>
         <div class="menu-item menu-item-sub" @click="handleAddWaypointWithMode('after', 'fixed_time')">
-          <span class="menu-icon-sub">·</span><span>定时点</span>
+          <MenuGlyph name="subDot" small /><span class="menu-label">定时点</span>
         </div>
       </div>
       <div class="menu-item" @click="handleToggleWaypointHold">
-        <span class="menu-icon">🔄</span>
-        <span>切换盘旋航点</span>
+        <MenuGlyph name="refresh" />
+        <span class="menu-label">切换盘旋航点</span>
       </div>
     </div>
 
@@ -139,24 +139,24 @@
     <div class="menu-section" v-if="entityData && (entityData.type === 'route' || entityData.type === 'routeWaypoint')">
       <div class="menu-title">航线编辑</div>
       <div class="menu-item" @click="handleToggleRouteLock">
-        <span class="menu-icon">{{ isRouteLocked ? '🔓' : '🔒' }}</span>
-        <span>{{ isRouteLocked ? '解锁' : '上锁' }}</span>
+        <MenuGlyph :name="isRouteLocked ? 'unlock' : 'lock'" />
+        <span class="menu-label">{{ isRouteLocked ? '解锁' : '上锁' }}</span>
       </div>
       <div class="menu-item" @click="handleCopyRoute">
-        <span class="menu-icon">📋</span>
-        <span>复制</span>
+        <MenuGlyph name="copy" />
+        <span class="menu-label">复制</span>
       </div>
       <div v-if="!isRouteLocked" class="menu-item" @click="handleRouteSegmentSplit">
-        <span class="menu-icon">✂️</span>
-        <span>拆分航段</span>
+        <MenuGlyph name="scissors" />
+        <span class="menu-label">拆分航段</span>
       </div>
       <div v-if="!isRouteLocked" class="menu-item" @click="handleRouteSegmentCopy">
-        <span class="menu-icon">📄</span>
-        <span>拆分复制</span>
+        <MenuGlyph name="docDuplicate" />
+        <span class="menu-label">拆分复制</span>
       </div>
       <div class="menu-item" @click="handleSingleRouteDeduction">
-        <span class="menu-icon">▶️</span>
-        <span>单条航线推演</span>
+        <MenuGlyph name="play" />
+        <span class="menu-label">单条航线推演</span>
       </div>
     </div>
 
@@ -164,32 +164,32 @@
     <div class="menu-section" v-if="entityData && entityData.type === 'routePlatform'">
       <div class="menu-title">飞机标牌</div>
       <div class="menu-item" @click="handleToggleRouteLabel">
-        <span class="menu-icon">🏷️</span>
-        <span>{{ entityData.labelVisible ? '隐藏标牌' : '显示标牌' }}</span>
+        <MenuGlyph name="tag" />
+        <span class="menu-label">{{ entityData.labelVisible ? '隐藏标牌' : '显示标牌' }}</span>
       </div>
       <div class="menu-item" @click="handleEditPlatform">
-        <span class="menu-icon">📝</span>
-        <span>编辑</span>
+        <MenuGlyph name="pencil" />
+        <span class="menu-label">编辑</span>
       </div>
       <div class="menu-item" @click="handleDetectionZone">
-        <span class="menu-icon">🔍</span>
-        <span>探测区</span>
+        <MenuGlyph name="radar" />
+        <span class="menu-label">探测区</span>
       </div>
       <div class="menu-item" @click="handlePowerZone">
-        <span class="menu-icon">⭕</span>
-        <span>威力区</span>
+        <MenuGlyph name="target" />
+        <span class="menu-label">威力区</span>
       </div>
       <div class="menu-item menu-item-sub" @click="handleToggleDetectionZone">
-        <span class="menu-icon">{{ detectionZoneVisible ? '👁' : '👁‍🗨' }}</span>
-        <span>{{ detectionZoneVisible ? '隐藏探测区' : '显示探测区' }}</span>
+        <MenuGlyph :name="detectionZoneVisible ? 'eyeOff' : 'eye'" small />
+        <span class="menu-label">{{ detectionZoneVisible ? '隐藏探测区' : '显示探测区' }}</span>
       </div>
       <div class="menu-item menu-item-sub" @click="handleTogglePowerZone">
-        <span class="menu-icon">{{ powerZoneVisible ? '👁' : '👁‍🗨' }}</span>
-        <span>{{ powerZoneVisible ? '隐藏威力区' : '显示威力区' }}</span>
+        <MenuGlyph :name="powerZoneVisible ? 'eyeOff' : 'eye'" small />
+        <span class="menu-label">{{ powerZoneVisible ? '隐藏威力区' : '显示威力区' }}</span>
       </div>
       <div class="menu-item" @click="handleLaunchMissile">
-        <span class="menu-icon">🚀</span>
-        <span>发射导弹</span>
+        <MenuGlyph name="missile" />
+        <span class="menu-label">发射导弹</span>
       </div>
     </div>
 
@@ -197,8 +197,8 @@
     <div class="menu-section" v-if="entityData.type === 'line' && !entityData.routeId">
       <div class="menu-title">线段属性</div>
       <div class="menu-item" @click="toggleColorPicker('color')">
-        <span class="menu-icon">🎨</span>
-        <span>颜色</span>
+        <MenuGlyph name="fill" />
+        <span class="menu-label">颜色</span>
         <span class="menu-preview" :style="{backgroundColor: entityData.color}"></span>
       </div>
       <!-- 颜色选择器 -->
@@ -215,8 +215,8 @@
         </div>
       </div>
       <div class="menu-item" @click="toggleWidthPicker">
-        <span class="menu-icon">📏</span>
-        <span>线宽</span>
+        <MenuGlyph name="ruler" />
+        <span class="menu-label">线宽</span>
         <span class="menu-value">{{ entityData.width }}px</span>
       </div>
       <!-- 线宽选择器 -->
@@ -234,9 +234,9 @@
         </div>
       </div>
       <div class="menu-item" @click="toggleBearingTypeMenu">
-        <span class="menu-icon">🧭</span>
-        <span>方位角类型</span>
-        <span class="menu-value">{{ entityData.bearingType === 'magnetic' ? '磁方位' : '真方位' }}</span>
+        <MenuGlyph name="compass" />
+        <span class="menu-label">方位角类型</span>
+        <span class="menu-value menu-value-text">{{ entityData.bearingType === 'magnetic' ? '磁方位' : '真方位' }}</span>
       </div>
       <!-- 方位角类型选择菜单 -->
       <div class="sub-menu" v-if="showBearingTypeMenu">
@@ -249,9 +249,9 @@
       </div>
       <template v-if="toolMode === 'ranging'">
         <div class="menu-item" @click="toggleRangingUnitMenu">
-          <span class="menu-icon">📏</span>
-          <span>距离单位</span>
-          <span class="menu-value">{{ rangingDistanceUnit === 'nm' ? '海里' : '公里' }}</span>
+          <MenuGlyph name="ruler" />
+          <span class="menu-label">距离单位</span>
+          <span class="menu-value menu-value-text">{{ rangingDistanceUnit === 'nm' ? '海里' : '公里' }}</span>
         </div>
         <div class="sub-menu" v-if="showRangingUnitMenu">
           <div class="sub-menu-item" @click="selectRangingUnit('km')" :class="{ active: rangingDistanceUnit === 'km' }">
@@ -268,8 +268,8 @@
     <div class="menu-section" v-if="entityData.type === 'point'">
       <div class="menu-title">点属性</div>
       <div class="menu-item" @click="toggleColorPicker('color')">
-        <span class="menu-icon">🎨</span>
-        <span>颜色</span>
+        <MenuGlyph name="fill" />
+        <span class="menu-label">颜色</span>
         <span class="menu-preview" :style="{backgroundColor: entityData.color}"></span>
       </div>
       <!-- 颜色选择器 -->
@@ -286,8 +286,8 @@
         </div>
       </div>
       <div class="menu-item" @click="toggleSizePicker">
-        <span class="menu-icon">🔵</span>
-        <span>大小</span>
+        <MenuGlyph name="dot" />
+        <span class="menu-label">大小</span>
         <span class="menu-value">{{ entityData.size }}px</span>
       </div>
       <!-- 大小选择器 -->
@@ -310,8 +310,8 @@
     <div class="menu-section" v-if="entityData.type === 'polygon' || entityData.type === 'rectangle' || entityData.type === 'circle' || entityData.type === 'sector' || entityData.type === 'auxiliaryLine' || entityData.type === 'arrow'">
       <div class="menu-title">位置</div>
       <div class="menu-item" @click="handleAdjustPosition">
-        <span class="menu-icon">📍</span>
-        <span>调整位置</span>
+        <MenuGlyph name="anchor" />
+        <span class="menu-label">调整位置</span>
       </div>
     </div>
 
@@ -319,9 +319,9 @@
     <div class="menu-section" v-if="entityData.type === 'polygon' || entityData.type === 'rectangle' || entityData.type === 'circle' || entityData.type === 'sector'">
       <div class="menu-title">命名</div>
       <div class="menu-item" @click="handleEditAirspaceName">
-        <span class="menu-icon">📝</span>
-        <span>命名</span>
-        <span class="menu-value">{{ entityData.name || '(未命名)' }}</span>
+        <MenuGlyph name="editDoc" />
+        <span class="menu-label">命名</span>
+        <span class="menu-value menu-value-text">{{ entityData.name || '(未命名)' }}</span>
       </div>
     </div>
 
@@ -329,13 +329,13 @@
     <div class="menu-section" v-if="entityData.type === 'polygon' || entityData.type === 'rectangle' || entityData.type === 'circle' || entityData.type === 'sector' || entityData.type === 'powerZone'">
       <div class="menu-title">填充属性</div>
       <div class="menu-item" @click="editName" v-if="entityData.type === 'powerZone'">
-        <span class="menu-icon">📝</span>
-        <span>名称</span>
-        <span class="menu-value">{{ entityData.name || '' }}</span>
+        <MenuGlyph name="editDoc" />
+        <span class="menu-label">名称</span>
+        <span class="menu-value menu-value-text">{{ entityData.name || '' }}</span>
       </div>
       <div class="menu-item" @click="toggleColorPicker('color')">
-        <span class="menu-icon">🎨</span>
-        <span>填充色</span>
+        <MenuGlyph name="fill" />
+        <span class="menu-label">填充色</span>
         <span class="menu-preview" :style="{backgroundColor: entityData.color}"></span>
       </div>
       <!-- 颜色选择器 -->
@@ -351,28 +351,30 @@
           ></div>
         </div>
       </div>
-      <div class="menu-item" @click="toggleOpacityPicker">
-        <span class="menu-icon">🌫️</span>
-        <span>透明度</span>
-        <span class="menu-value">{{ Math.round(entityData.opacity * 100) }}%</span>
+      <div class="menu-item" @click.stop="toggleOpacityPicker">
+        <MenuGlyph name="opacity" />
+        <span class="menu-label">透明度</span>
+        <span class="menu-value">{{ opacityPercent }}%</span>
       </div>
-      <!-- 透明度选择器 -->
-      <div class="opacity-picker-container" v-if="showOpacityPicker">
-        <div class="opacity-grid">
-          <div
-            v-for="opacity in presetOpacities"
-            :key="opacity"
-            class="opacity-item"
-            @click="selectOpacity(opacity)"
-            :class="{ active: Math.round(entityData.opacity * 100) === Math.round(opacity * 100) }"
-          >
-            {{ Math.round(opacity * 100) }}%
-          </div>
+      <div class="opacity-picker-container" v-if="showOpacityPicker" @click.stop>
+        <div class="opacity-slider-row">
+          <el-slider
+            :value="opacityPercent"
+            :min="0"
+            :max="100"
+            :step="1"
+            :show-tooltip="false"
+            @input="handleOpacitySlider"
+          />
+        </div>
+        <div class="opacity-slider-ticks">
+          <span>0%</span>
+          <span>100%</span>
         </div>
       </div>
       <div class="menu-item" @click="toggleColorPicker('borderColor')">
-        <span class="menu-icon">🖌️</span>
-        <span>边框色</span>
+        <MenuGlyph name="border" />
+        <span class="menu-label">边框色</span>
         <span class="menu-preview" :style="{backgroundColor: entityData.borderColor || entityData.color}"></span>
       </div>
       <!-- 边框颜色选择器 -->
@@ -389,8 +391,8 @@
         </div>
       </div>
       <div class="menu-item" @click="toggleWidthPicker">
-        <span class="menu-icon">📏</span>
-        <span>边框宽</span>
+        <MenuGlyph name="ruler" />
+        <span class="menu-label">边框宽</span>
         <span class="menu-value">{{ entityData.width }}px</span>
       </div>
       <!-- 边框宽度选择器 -->
@@ -413,8 +415,8 @@
     <div class="menu-section" v-if="entityData.type === 'auxiliaryLine'">
       <div class="menu-title">辅助线属性</div>
       <div class="menu-item" @click="toggleColorPicker('color')">
-        <span class="menu-icon">🎨</span>
-        <span>颜色</span>
+        <MenuGlyph name="fill" />
+        <span class="menu-label">颜色</span>
         <span class="menu-preview" :style="{backgroundColor: entityData.color}"></span>
       </div>
       <div class="color-picker-container" v-if="showColorPickerFor === 'color'">
@@ -430,8 +432,8 @@
         </div>
       </div>
       <div class="menu-item" @click="toggleWidthPicker">
-        <span class="menu-icon">📏</span>
-        <span>线宽</span>
+        <MenuGlyph name="ruler" />
+        <span class="menu-label">线宽</span>
         <span class="menu-value">{{ entityData.width }}px</span>
       </div>
       <div class="width-picker-container" v-if="showWidthPicker">
@@ -453,8 +455,8 @@
     <div class="menu-section" v-if="entityData.type === 'arrow'">
       <div class="menu-title">箭头属性</div>
       <div class="menu-item" @click="toggleColorPicker('color')">
-        <span class="menu-icon">🎨</span>
-        <span>颜色</span>
+        <MenuGlyph name="fill" />
+        <span class="menu-label">颜色</span>
         <span class="menu-preview" :style="{backgroundColor: entityData.color}"></span>
       </div>
       <!-- 颜色选择器 -->
@@ -471,8 +473,8 @@
         </div>
       </div>
       <div class="menu-item" @click="toggleWidthPicker">
-        <span class="menu-icon">📏</span>
-        <span>线宽</span>
+        <MenuGlyph name="ruler" />
+        <span class="menu-label">线宽</span>
         <span class="menu-value">{{ entityData.width }}px</span>
       </div>
       <!-- 线宽选择器 -->
@@ -495,8 +497,8 @@
     <div class="menu-section" v-if="entityData.type === 'text'">
       <div class="menu-title">文本属性</div>
       <div class="menu-item" @click="toggleColorPicker('color')">
-        <span class="menu-icon">🎨</span>
-        <span>文字颜色</span>
+        <MenuGlyph name="droplet" />
+        <span class="menu-label">文字颜色</span>
         <span class="menu-preview" :style="{backgroundColor: entityData.color}"></span>
       </div>
       <!-- 颜色选择器 -->
@@ -513,13 +515,13 @@
         </div>
       </div>
       <div class="menu-item" @click="showFontPicker">
-        <span class="menu-icon">📝</span>
-        <span>字体</span>
-        <span class="menu-value">{{ getFontName(entityData.font) }}</span>
+        <MenuGlyph name="editDoc" />
+        <span class="menu-label">字体</span>
+        <span class="menu-value menu-value-text">{{ getFontName(entityData.font) }}</span>
       </div>
       <div class="menu-item" @click="toggleFontSizePicker">
-        <span class="menu-icon">🔤</span>
-        <span>字号</span>
+        <MenuGlyph name="type" />
+        <span class="menu-label">字号</span>
         <span class="menu-value">{{ getFontSize(entityData.font) }}px</span>
       </div>
       <!-- 字号选择器 -->
@@ -542,37 +544,37 @@
     <div class="menu-section" v-if="entityData.type === 'platformIcon' && !entityData.isWhiteboard">
       <div class="menu-title">平台图标</div>
       <div class="menu-item" @click="openRoomPlatformIconColorDialog">
-        <span class="menu-icon">🎨</span>
-        <span>图标颜色</span>
+        <MenuGlyph name="droplet" />
+        <span class="menu-label">图标颜色</span>
       </div>
       <div class="menu-item" @click="handleShowTransformBox">
-        <span class="menu-icon">🔄</span>
-        <span>显示伸缩框</span>
+        <MenuGlyph name="transform" />
+        <span class="menu-label">显示伸缩框</span>
       </div>
       <div class="menu-item" @click="handleDetectionZonePlatform">
-        <span class="menu-icon">🔍</span>
-        <span>探测区</span>
+        <MenuGlyph name="radar" />
+        <span class="menu-label">探测区</span>
       </div>
       <div class="menu-item" @click="handlePowerZonePlatform">
-        <span class="menu-icon">⭕</span>
-        <span>威力区</span>
+        <MenuGlyph name="target" />
+        <span class="menu-label">威力区</span>
       </div>
       <div class="menu-item menu-item-sub" @click="handleToggleDetectionZone">
-        <span class="menu-icon">{{ detectionZoneVisible ? '👁' : '👁‍🗨' }}</span>
-        <span>{{ detectionZoneVisible ? '隐藏探测区' : '显示探测区' }}</span>
+        <MenuGlyph :name="detectionZoneVisible ? 'eyeOff' : 'eye'" small />
+        <span class="menu-label">{{ detectionZoneVisible ? '隐藏探测区' : '显示探测区' }}</span>
       </div>
       <div class="menu-item menu-item-sub" @click="handleTogglePowerZone">
-        <span class="menu-icon">{{ powerZoneVisible ? '👁' : '👁‍🗨' }}</span>
-        <span>{{ powerZoneVisible ? '隐藏威力区' : '显示威力区' }}</span>
+        <MenuGlyph :name="powerZoneVisible ? 'eyeOff' : 'eye'" small />
+        <span class="menu-label">{{ powerZoneVisible ? '隐藏威力区' : '显示威力区' }}</span>
       </div>
-      <div class="menu-title" style="margin-top:8px;">航线</div>
+      <div class="menu-title menu-title-spaced">航线</div>
       <div class="menu-item" @click="handleStartRouteBeforePlatform">
-        <span class="menu-icon">⬅️</span>
-        <span>在此之前插入航线</span>
+        <MenuGlyph name="arrowLeft" />
+        <span class="menu-label">在此之前插入航线</span>
       </div>
       <div class="menu-item" @click="handleStartRouteAfterPlatform">
-        <span class="menu-icon">➡️</span>
-        <span>在此之后插入航线</span>
+        <MenuGlyph name="arrowRight" />
+        <span class="menu-label">在此之后插入航线</span>
       </div>
     </div>
 
@@ -580,8 +582,8 @@
     <div class="menu-section" v-if="entityData && entityData.type === 'detectionZone'">
       <div class="menu-title">探测区</div>
       <div class="menu-item menu-item-sub" @click="handleToggleDetectionZone">
-        <span class="menu-icon">{{ detectionZoneVisible ? '👁' : '👁‍🗨' }}</span>
-        <span>{{ detectionZoneVisible ? '隐藏该探测区' : '显示该探测区' }}</span>
+        <MenuGlyph :name="detectionZoneVisible ? 'eyeOff' : 'eye'" small />
+        <span class="menu-label">{{ detectionZoneVisible ? '隐藏该探测区' : '显示该探测区' }}</span>
       </div>
     </div>
 
@@ -589,8 +591,8 @@
     <div class="menu-section" v-if="entityData && entityData.type === 'powerZone'">
       <div class="menu-title">威力区</div>
       <div class="menu-item menu-item-sub" @click="handleTogglePowerZone">
-        <span class="menu-icon">{{ powerZoneVisible ? '👁' : '👁‍🗨' }}</span>
-        <span>{{ powerZoneVisible ? '隐藏该威力区' : '显示该威力区' }}</span>
+        <MenuGlyph :name="powerZoneVisible ? 'eyeOff' : 'eye'" small />
+        <span class="menu-label">{{ powerZoneVisible ? '隐藏该威力区' : '显示该威力区' }}</span>
       </div>
     </div>
 
@@ -598,12 +600,12 @@
     <div class="menu-section" v-if="entityData.type === 'platformIcon' && entityData.isWhiteboard">
       <div class="menu-title">白板平台</div>
       <div class="menu-item" @click="handleShowTransformBox">
-        <span class="menu-icon">🔄</span>
-        <span>显示伸缩框</span>
+        <MenuGlyph name="transform" />
+        <span class="menu-label">显示伸缩框</span>
       </div>
       <div class="menu-item" @click="openWhiteboardPlatformStyleDialog">
-        <span class="menu-icon">🎨</span>
-        <span>颜色与大小</span>
+        <MenuGlyph name="style" />
+        <span class="menu-label">颜色与大小</span>
       </div>
     </div>
     </div>
@@ -648,8 +650,11 @@
 </template>
 
 <script>
+import MenuGlyph from './MenuGlyph.vue'
+
 export default {
   name: 'ContextMenu',
+  components: { MenuGlyph },
   props: {
     visible: {
       type: Boolean,
@@ -725,7 +730,6 @@ export default {
       presetWidths: [1, 2, 3, 4, 5, 6, 8, 10, 12],
       presetSizes: [6, 8, 10, 12, 14, 16, 18, 20, 24],
       presetPlatformScales: [0.8, 1, 1.2, 1.5, 1.8, 2.2, 2.6, 3],
-      presetOpacities: [0.0, 0.1, 0.2, 0.3, 0.4, 0.5, 0.6, 0.7, 0.8, 0.9, 1.0],
       presetFontSizes: [8, 10, 12, 14, 16, 18, 20, 24, 28, 32]
     }
   },
@@ -733,8 +737,8 @@ export default {
     /** 根据视口边界修正菜单位置，避免菜单在屏幕底部或右侧被截断 */
     adjustedPosition() {
       const padding = 12
-      const menuMaxWidth = 220
-      const menuMaxHeight = 560
+      const menuMaxWidth = 264
+      const menuMaxHeight = 640
       const winW = typeof window !== 'undefined' ? window.innerWidth : 1920
       const winH = typeof window !== 'undefined' ? window.innerHeight : 1080
       let x = this.position.x
@@ -767,6 +771,12 @@ export default {
       const dir = this.addWaypointDialogMode === 'before' ? '向前' : '向后'
       const type = this.addWaypointDialogSegmentMode === 'fixed_time' ? '定时点' : '定速点'
       return `${dir}增加${type} - 设置参数`
+    },
+    /** 填充透明度 0–100，用于滑块绑定 */
+    opacityPercent() {
+      const ed = this.entityData
+      if (!ed || ed.opacity == null || Number.isNaN(Number(ed.opacity))) return 100
+      return Math.min(100, Math.max(0, Math.round(Number(ed.opacity) * 100)))
     }
   },
   methods: {
@@ -1094,9 +1104,9 @@ export default {
       }
     },
 
-    selectOpacity(opacity) {
-      this.$emit('update-property', 'opacity', opacity)
-      this.showOpacityPicker = false
+    handleOpacitySlider(val) {
+      const v = Math.min(100, Math.max(0, Number(val)))
+      this.$emit('update-property', 'opacity', v / 100)
     },
 
     toggleFontSizePicker() {
@@ -1181,19 +1191,29 @@ export default {
 </script>
 
 <style scoped>
+/* 与房间 TopHeader / 全站企业蓝一致 */
 .context-menu {
+  --ctx-primary: #165dff;
+  --ctx-text: #333333;
+  --ctx-text-secondary: #606266;
+  --ctx-surface: rgba(255, 255, 255, 0.72);
   position: fixed;
   z-index: 9999;
-  background: white;
-  border-radius: 8px;
-  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
-  padding: 8px 0;
-  min-width: 180px;
-  max-width: 220px;
+  min-width: 188px;
+  max-width: 264px;
+  padding: 12px 0;
+  color: var(--ctx-text);
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Microsoft YaHei', Arial, sans-serif;
+  background: var(--ctx-surface);
+  -webkit-backdrop-filter: blur(15px);
+  backdrop-filter: blur(15px);
+  border: 1px solid rgba(22, 93, 255, 0.12);
+  border-radius: 14px;
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
 }
 
 .menu-section {
-  margin-bottom: 8px;
+  margin-bottom: 12px;
 }
 
 .menu-section:last-child {
@@ -1201,95 +1221,117 @@ export default {
 }
 
 .menu-title {
-  padding: 4px 16px;
-  font-size: 12px;
-  color: #666;
+  padding: 6px 20px 4px;
+  font-size: 11px;
   font-weight: 600;
-  text-transform: uppercase;
-  letter-spacing: 0.5px;
+  color: #909399;
+  letter-spacing: 0.03em;
+}
+
+.menu-title-spaced {
+  margin-top: 10px;
 }
 
 .menu-item {
   display: flex;
   align-items: center;
-  padding: 8px 16px;
+  padding: 10px 20px;
   cursor: pointer;
-  transition: background-color 0.2s;
+  transition: background-color 0.2s ease, color 0.2s ease;
+  color: var(--ctx-text);
 }
 
 .menu-item:hover {
-  background-color: #f5f5f5;
+  background: rgba(22, 93, 255, 0.08);
+  color: var(--ctx-primary);
 }
 
-.menu-icon {
-  margin-right: 8px;
-  font-size: 14px;
+.menu-label {
+  flex: 1;
+  min-width: 0;
+  font-size: 13px;
+  font-weight: 500;
+  letter-spacing: 0.01em;
+}
+
+.menu-expand-glyph {
+  margin-left: auto !important;
+  margin-right: 0 !important;
+  flex-shrink: 0;
+  opacity: 0.65;
+  color: var(--ctx-text-secondary);
+}
+
+.menu-item:hover .menu-expand-glyph {
+  color: var(--ctx-primary);
+  opacity: 1;
 }
 
 .menu-preview {
   margin-left: auto;
-  width: 16px;
-  height: 16px;
-  border-radius: 2px;
-  border: 1px solid #ddd;
+  width: 18px;
+  height: 18px;
+  border-radius: 4px;
+  border: 1px solid rgba(0, 0, 0, 0.12);
+  flex-shrink: 0;
 }
 
 .menu-value {
-  margin-left: auto;
+  margin-left: 10px;
   font-size: 12px;
-  color: #666;
-  min-width: 40px;
+  font-weight: 500;
+  font-variant-numeric: tabular-nums;
+  font-family: ui-monospace, 'Cascadia Code', 'Sarasa Mono SC', Consolas, monospace;
+  color: var(--ctx-text-secondary);
+  min-width: 2.5rem;
   text-align: right;
+  flex-shrink: 0;
 }
 
-.menu-item span {
-  flex: 1;
-}
-
-.menu-expand-icon {
-  margin-left: auto;
-  font-size: 10px;
-  color: #999;
-  flex: none;
+.menu-value-text {
+  font-family: inherit;
+  font-variant-numeric: normal;
+  min-width: 3rem;
 }
 
 .menu-sub-group {
-  padding-left: 0;
-  background-color: #fafafa;
-  border-left: 2px solid #e0e0e0;
-  margin-left: 8px;
-}
-
-.menu-icon-sub {
-  margin-right: 6px;
-  font-size: 12px;
-  color: #999;
+  padding: 4px 0;
+  margin: 4px 12px 4px 18px;
+  background: rgba(255, 255, 255, 0.55);
+  -webkit-backdrop-filter: blur(10px);
+  backdrop-filter: blur(10px);
+  border: 1px solid rgba(22, 93, 255, 0.08);
+  border-radius: 10px;
 }
 
 .menu-item-sub {
-  padding: 6px 16px 6px 24px;
+  display: flex;
+  align-items: center;
+  padding: 8px 16px 8px 18px;
   font-size: 12px;
-  color: #666;
+  color: var(--ctx-text);
 }
 
 .menu-item-sub:hover {
-  background-color: #ebf3ff;
-  color: #333;
+  background: rgba(22, 93, 255, 0.08);
+  color: var(--ctx-primary);
 }
 
 .form-tip-small {
   font-size: 11px;
-  color: #999;
+  color: #909399;
   margin-top: 4px;
   line-height: 1.3;
 }
 
-/* 颜色选择器样式 */
 .color-picker-container {
-  padding: 8px 16px;
-  background-color: #f9f9f9;
-  border-top: 1px solid #eee;
-  border-bottom: 1px solid #eee;
+  padding: 10px 14px;
+  margin: 0 10px;
+  background: rgba(255, 255, 255, 0.65);
+  -webkit-backdrop-filter: blur(10px);
+  backdrop-filter: blur(10px);
+  border: 1px solid rgba(22, 93, 255, 0.1);
+  border-radius: 10px;
 }
 
 .color-grid {
@@ -1301,28 +1343,30 @@ export default {
 .color-item {
   width: 24px;
   height: 24px;
-  border-radius: 4px;
+  border-radius: 6px;
   cursor: pointer;
   transition: transform 0.2s, box-shadow 0.2s;
-  border: 1px solid #ddd;
+  border: 1px solid rgba(26, 42, 58, 0.12);
 }
 
 .color-item:hover {
-  transform: scale(1.1);
-  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+  transform: scale(1.08);
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
 }
 
 .color-item.active {
-  transform: scale(1.2);
-  box-shadow: 0 0 0 2px white, 0 0 0 3px #165dff;
+  transform: scale(1.12);
+  box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--ctx-primary);
 }
 
-/* 线宽选择器样式 */
 .width-picker-container {
-  padding: 8px 16px;
-  background-color: #f9f9f9;
-  border-top: 1px solid #eee;
-  border-bottom: 1px solid #eee;
+  padding: 10px 16px;
+  margin: 0 8px;
+  background: rgba(255, 255, 255, 0.65);
+  -webkit-backdrop-filter: blur(10px);
+  backdrop-filter: blur(10px);
+  border: 1px solid rgba(22, 93, 255, 0.1);
+  border-radius: 10px;
 }
 
 .width-grid {
@@ -1333,32 +1377,37 @@ export default {
 
 .width-item {
   padding: 6px 8px;
-  background-color: white;
-  border: 1px solid #ddd;
-  border-radius: 4px;
+  background: rgba(255, 255, 255, 0.85);
+  border: 1px solid rgba(0, 0, 0, 0.08);
+  border-radius: 8px;
   text-align: center;
   cursor: pointer;
   transition: all 0.2s;
   font-size: 12px;
+  font-family: ui-monospace, 'Cascadia Code', Consolas, monospace;
+  font-variant-numeric: tabular-nums;
+  color: var(--ctx-text);
 }
 
 .width-item:hover {
-  background-color: #ebf3ff;
-  border-color: #165dff;
+  background: rgba(22, 93, 255, 0.08);
+  border-color: rgba(22, 93, 255, 0.35);
 }
 
 .width-item.active {
-  background-color: #165dff;
-  color: white;
-  border-color: #165dff;
+  background: var(--ctx-primary);
+  color: #fff;
+  border-color: var(--ctx-primary);
 }
 
-/* 大小选择器样式 */
 .size-picker-container {
-  padding: 8px 16px;
-  background-color: #f9f9f9;
-  border-top: 1px solid #eee;
-  border-bottom: 1px solid #eee;
+  padding: 10px 16px;
+  margin: 0 8px;
+  background: rgba(255, 255, 255, 0.65);
+  -webkit-backdrop-filter: blur(10px);
+  backdrop-filter: blur(10px);
+  border: 1px solid rgba(22, 93, 255, 0.1);
+  border-radius: 10px;
 }
 
 .size-grid {
@@ -1369,68 +1418,61 @@ export default {
 
 .size-item {
   padding: 6px 8px;
-  background-color: white;
-  border: 1px solid #ddd;
-  border-radius: 4px;
+  background: rgba(255, 255, 255, 0.85);
+  border: 1px solid rgba(0, 0, 0, 0.08);
+  border-radius: 8px;
   text-align: center;
   cursor: pointer;
   transition: all 0.2s;
   font-size: 12px;
+  font-family: ui-monospace, 'Cascadia Code', Consolas, monospace;
+  font-variant-numeric: tabular-nums;
+  color: var(--ctx-text);
 }
 
 .size-item:hover {
-  background-color: #ebf3ff;
-  border-color: #165dff;
+  background: rgba(22, 93, 255, 0.08);
+  border-color: rgba(22, 93, 255, 0.35);
 }
 
 .size-item.active {
-  background-color: #165dff;
-  color: white;
-  border-color: #165dff;
+  background: var(--ctx-primary);
+  color: #fff;
+  border-color: var(--ctx-primary);
 }
 
-/* 透明度选择器样式 */
 .opacity-picker-container {
-  padding: 8px 16px;
-  background-color: #f9f9f9;
-  border-top: 1px solid #eee;
-  border-bottom: 1px solid #eee;
+  padding: 8px 16px 12px;
+  margin: 0 10px 6px;
+  background: rgba(255, 255, 255, 0.65);
+  -webkit-backdrop-filter: blur(10px);
+  backdrop-filter: blur(10px);
+  border: 1px solid rgba(22, 93, 255, 0.1);
+  border-radius: 10px;
 }
 
-.opacity-grid {
-  display: grid;
-  grid-template-columns: repeat(5, 1fr);
-  gap: 4px;
+.opacity-slider-row {
+  padding: 6px 2px 4px;
 }
 
-.opacity-item {
-  padding: 4px 6px;
-  background-color: white;
-  border: 1px solid #ddd;
-  border-radius: 4px;
-  text-align: center;
-  cursor: pointer;
-  transition: all 0.2s;
+.opacity-slider-ticks {
+  display: flex;
+  justify-content: space-between;
+  margin-top: 2px;
   font-size: 10px;
+  font-family: ui-monospace, 'Cascadia Code', Consolas, monospace;
+  font-variant-numeric: tabular-nums;
+  color: var(--ctx-text-secondary);
 }
 
-.opacity-item:hover {
-  background-color: #ebf3ff;
-  border-color: #165dff;
-}
-
-.opacity-item.active {
-  background-color: #165dff;
-  color: white;
-  border-color: #165dff;
-}
-
-/* 字号选择器样式 */
 .font-size-picker-container {
-  padding: 8px 16px;
-  background-color: #f9f9f9;
-  border-top: 1px solid #eee;
-  border-bottom: 1px solid #eee;
+  padding: 10px 16px;
+  margin: 0 8px;
+  background: rgba(255, 255, 255, 0.65);
+  -webkit-backdrop-filter: blur(10px);
+  backdrop-filter: blur(10px);
+  border: 1px solid rgba(22, 93, 255, 0.1);
+  border-radius: 10px;
 }
 
 .font-size-grid {
@@ -1441,47 +1483,75 @@ export default {
 
 .font-size-item {
   padding: 4px 6px;
-  background-color: white;
-  border: 1px solid #ddd;
-  border-radius: 4px;
+  background: rgba(255, 255, 255, 0.85);
+  border: 1px solid rgba(0, 0, 0, 0.08);
+  border-radius: 6px;
   text-align: center;
   cursor: pointer;
   transition: all 0.2s;
   font-size: 10px;
+  font-family: ui-monospace, 'Cascadia Code', Consolas, monospace;
+  font-variant-numeric: tabular-nums;
+  color: var(--ctx-text);
 }
 
 .font-size-item:hover {
-  background-color: #ebf3ff;
-  border-color: #165dff;
+  background: rgba(22, 93, 255, 0.08);
+  border-color: rgba(22, 93, 255, 0.35);
 }
 
 .font-size-item.active {
-  background-color: #165dff;
-  color: white;
-  border-color: #165dff;
+  background: var(--ctx-primary);
+  color: #fff;
+  border-color: var(--ctx-primary);
 }
 
-/* 子菜单样式 */
 .sub-menu {
-  background-color: #f9f9f9;
-  border-top: 1px solid #eee;
-  border-bottom: 1px solid #eee;
+  margin: 4px 10px;
   padding: 4px 0;
+  background: rgba(255, 255, 255, 0.65);
+  -webkit-backdrop-filter: blur(10px);
+  backdrop-filter: blur(10px);
+  border: 1px solid rgba(22, 93, 255, 0.1);
+  border-radius: 10px;
 }
 
 .sub-menu-item {
-  padding: 6px 16px 6px 32px;
+  padding: 8px 16px 8px 28px;
   cursor: pointer;
-  transition: background-color 0.2s;
+  transition: background-color 0.2s ease, color 0.2s ease;
   font-size: 12px;
+  color: var(--ctx-text);
 }
 
 .sub-menu-item:hover {
-  background-color: #ebf3ff;
+  background: rgba(22, 93, 255, 0.08);
+  color: var(--ctx-primary);
 }
 
 .sub-menu-item.active {
-  background-color: #165dff;
-  color: white;
+  background: var(--ctx-primary);
+  color: #fff;
+}
+
+/* Element 滑条：企业主色 */
+.context-menu ::v-deep .el-slider__runway {
+  height: 3px;
+  background-color: rgba(22, 93, 255, 0.2);
+  border-radius: 2px;
+}
+.context-menu ::v-deep .el-slider__bar {
+  height: 3px;
+  background-color: var(--ctx-primary);
+  border-radius: 2px;
+}
+.context-menu ::v-deep .el-slider__button {
+  width: 14px;
+  height: 14px;
+  border: 2px solid var(--ctx-primary);
+  background: #fff;
+}
+.context-menu ::v-deep .el-slider__button:hover {
+  border-color: #0e42d2;
 }
 </style>
diff --git a/ruoyi-ui/src/views/cesiumMap/MenuGlyph.vue b/ruoyi-ui/src/views/cesiumMap/MenuGlyph.vue
new file mode 100644
index 0000000..527271e
--- /dev/null
+++ b/ruoyi-ui/src/views/cesiumMap/MenuGlyph.vue
@@ -0,0 +1,244 @@
+<template>
+  <span class="menu-glyph" aria-hidden="true">
+    <svg
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      class="menu-glyph-svg"
+    >
+      <g
+        stroke="currentColor"
+        stroke-width="1.25"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      >
+        <!-- 删除：线框方樽式垃圾桶 -->
+        <g v-if="name === 'trash'">
+          <path d="M10 5V4a1 1 0 011-1h2a1 1 0 011 1v1" />
+          <path d="M5 7h14" />
+          <path d="M8 7l1 13h6l1-13" />
+          <path d="M10 11v6M14 11v6" />
+        </g>
+        <!-- 复制 -->
+        <g v-else-if="name === 'copy'">
+          <rect x="8" y="8" width="11" height="11" rx="1.5" />
+          <path d="M5 16V5a2 2 0 012-2h9" />
+        </g>
+        <!-- 切换选择 -->
+        <g v-else-if="name === 'switch'">
+          <path d="M5 9a7 7 0 0113-3" />
+          <path d="M5 9h4V5M19 15a7 7 0 01-13 3" />
+          <path d="M19 15h-4v4" />
+        </g>
+        <!-- 文档编辑 / 命名 -->
+        <g v-else-if="name === 'editDoc'">
+          <path d="M14 3h5v5" />
+          <path d="M4 20V13l9-9 5 5-9 9H4z" />
+          <path d="M12 6l6 6" />
+        </g>
+        <!-- 航点编辑（罗盘+定位感） -->
+        <g v-else-if="name === 'waypoint'">
+          <circle cx="12" cy="11" r="3" />
+          <path d="M12 14v6M9 20h6" />
+        </g>
+        <!-- 速度表意：简易仪表弧 -->
+        <g v-else-if="name === 'speed'">
+          <path d="M5 18a7 7 0 0114 0" />
+          <path d="M12 13v5" />
+          <circle cx="12" cy="18" r="1" fill="currentColor" stroke="none" />
+        </g>
+        <!-- 向前：带柄箭头 -->
+        <g v-else-if="name === 'arrowLeft'">
+          <path d="m15 6-6 6 6 6M21 12H4" />
+        </g>
+        <!-- 向后 -->
+        <g v-else-if="name === 'arrowRight'">
+          <path d="m9 6 6 6-6 6M3 12h17" />
+        </g>
+        <!-- 循环 / 盘旋切换 -->
+        <g v-else-if="name === 'refresh'">
+          <path d="M21 12a9 9 0 01-9 9 5 5 0 01-5-5" />
+          <path d="M3 12a9 9 0 019-9 4 4 0 014 4" />
+          <path d="M3 7v5h5M21 17v-5h-5" />
+        </g>
+        <!-- 上锁 -->
+        <g v-else-if="name === 'lock'">
+          <rect x="6" y="10" width="12" height="10" rx="1.5" />
+          <path d="M8 10V7a4 4 0 018 0v3" />
+        </g>
+        <!-- 解锁 -->
+        <g v-else-if="name === 'unlock'">
+          <rect x="6" y="10" width="12" height="10" rx="1.5" />
+          <path d="M8 10V7a4 4 0 017-2" />
+        </g>
+        <!-- 拆分 -->
+        <g v-else-if="name === 'scissors'">
+          <circle cx="8" cy="8" r="2" />
+          <circle cx="8" cy="16" r="2" />
+          <path d="m14 6-6 6M14 18l-6-6" />
+        </g>
+        <!-- 拆分复制：双文档 -->
+        <g v-else-if="name === 'docDuplicate'">
+          <path d="M8 4h8l2 2v12H8V4z" />
+          <path d="M6 8h8v12H6V8z" />
+        </g>
+        <!-- 播放 / 推演 -->
+        <g v-else-if="name === 'play'">
+          <path d="M9 7.5v9L18 12 9 7.5z" />
+        </g>
+        <!-- 标牌 -->
+        <g v-else-if="name === 'tag'">
+          <path d="M3 5a2 2 0 012-2h6l10 10-7 7-9-9V5z" />
+          <circle cx="8.5" cy="7.5" r="1" fill="currentColor" stroke="none" />
+        </g>
+        <!-- 铅笔（通用编辑） -->
+        <g v-else-if="name === 'pencil'">
+          <path d="M12 20h9" />
+          <path d="m16.5 3.5 4.5 4.5L8 21H3v-5L16.5 3.5z" />
+        </g>
+        <!-- 探测：扇形波束 -->
+        <g v-else-if="name === 'radar'">
+          <path d="M12 21c-4 0-7-3-7-7s3-7 7-7" />
+          <path d="M12 21V11" />
+          <path d="M12 11 6.5 6.5" />
+          <path d="M12 11 17.5 6.5" />
+        </g>
+        <!-- 威力：同心圆靶 -->
+        <g v-else-if="name === 'target'">
+          <circle cx="12" cy="12" r="8" />
+          <circle cx="12" cy="12" r="4.5" />
+          <circle cx="12" cy="12" r="1.5" fill="currentColor" stroke="none" />
+        </g>
+        <!-- 显示 -->
+        <g v-else-if="name === 'eye'">
+          <path d="M1 12s4-7 11-7 11 7 11 7-4 7-11 7S1 12 1 12z" />
+          <circle cx="12" cy="12" r="3" />
+        </g>
+        <!-- 隐藏 -->
+        <g v-else-if="name === 'eyeOff'">
+          <path d="M3 3l18 18" />
+          <path d="M10.6 10.6A3 3 0 0012 15a3 3 0 002.4-5.4" />
+          <path d="M9.9 5.1A10 10 0 0117.7 5c2.5 1 4.3 2.7 5.3 4M6.3 6.3C4.5 7.5 3 9.3 2 12c1.5 4 5.5 7 10 7 1.7 0 3.4-.4 4.9-1" />
+        </g>
+        <!-- 导弹：简易三角体 -->
+        <g v-else-if="name === 'missile'">
+          <path d="M12 3l2 3H10l2-3z" />
+          <path d="M10 6h4l-1 10H11L10 6z" />
+          <path d="M9 16l-2 3M15 16l2 3" />
+        </g>
+        <!-- 填充：几何分层方块 -->
+        <g v-else-if="name === 'fill'">
+          <rect x="5" y="5" width="10" height="10" rx="1" />
+          <path d="M5 14h10M5 11h10" />
+          <path d="M8 5v10" />
+        </g>
+        <!-- 线宽 / 标尺 -->
+        <g v-else-if="name === 'ruler'">
+          <path d="M4 16h16" />
+          <path d="M6 16V12M10 16v-6M14 16v-4M18 16v-8" />
+        </g>
+        <!-- 方位 -->
+        <g v-else-if="name === 'compass'">
+          <circle cx="12" cy="12" r="8" />
+          <path d="m12 8 2 4-2 6-2-6 2-4z" />
+        </g>
+        <!-- 透明度 / 蒙版意象：画框+渐隐线 -->
+        <g v-else-if="name === 'opacity'">
+          <rect x="4" y="5" width="16" height="14" rx="1.5" />
+          <path d="M7 18c2-3 4-7 8-10" />
+          <path d="M7 14c2-2 4-5 7-7" />
+        </g>
+        <!-- 边框色：双框 -->
+        <g v-else-if="name === 'border'">
+          <rect x="5" y="5" width="14" height="14" rx="2" />
+          <rect x="8.5" y="8.5" width="7" height="7" rx="1" />
+        </g>
+        <!-- 字号 T -->
+        <g v-else-if="name === 'type'">
+          <path d="M9 5h6M12 5v12" />
+          <path d="M8 17h8" />
+        </g>
+        <!-- 位置：地理锚点（十字+圆） -->
+        <g v-else-if="name === 'anchor'">
+          <circle cx="12" cy="12" r="3" />
+          <path d="M12 3v4M12 17v4M3 12h4M17 12h4" />
+        </g>
+        <!-- 伸缩框 -->
+        <g v-else-if="name === 'transform'">
+          <path d="M4 8V4h4M16 4h4v4M20 16v4h-4M8 20H4v-4" />
+        </g>
+        <!-- 圆点大小 -->
+        <g v-else-if="name === 'dot'">
+          <circle cx="12" cy="12" r="3" />
+          <circle cx="12" cy="12" r="7" />
+        </g>
+        <!-- 展开箭头 -->
+        <g v-else-if="name === 'chevronDown'">
+          <path d="m6 9 6 6 6-6" />
+        </g>
+        <g v-else-if="name === 'chevronRight'">
+          <path d="m9 6 6 6-6 6" />
+        </g>
+        <!-- 子项引导 -->
+        <g v-else-if="name === 'subDot'">
+          <circle cx="12" cy="12" r="1.5" fill="currentColor" stroke="none" />
+        </g>
+        <!-- 色板 / 图标色（滴状几何） -->
+        <g v-else-if="name === 'droplet'">
+          <path d="M12 21a5 5 0 005-5c0-3-5-9-5-9S7 13 7 16a5 5 0 005 5z" />
+        </g>
+        <!-- 颜色与大小：滑杆+方块 -->
+        <g v-else-if="name === 'style'">
+          <rect x="5" y="6" width="6" height="6" rx="1" />
+          <path d="M15 8.5h4M15 12h4M15 15.5h4" />
+        </g>
+        <!-- 默认占位 -->
+        <circle v-else cx="12" cy="12" r="4" />
+      </g>
+    </svg>
+  </span>
+</template>
+
+<script>
+export default {
+  name: 'MenuGlyph',
+  props: {
+    name: {
+      type: String,
+      required: true
+    },
+    small: {
+      type: Boolean,
+      default: false
+    }
+  }
+}
+</script>
+
+<style scoped>
+.menu-glyph {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  width: 18px;
+  height: 18px;
+  margin-right: 10px;
+  color: inherit;
+  vertical-align: middle;
+}
+.menu-glyph.is-small {
+  width: 14px;
+  height: 14px;
+  margin-right: 8px;
+}
+.menu-glyph-svg {
+  width: 18px;
+  height: 18px;
+  display: block;
+}
+.menu-glyph.is-small .menu-glyph-svg {
+  width: 14px;
+  height: 14px;
+}
+</style>
diff --git a/ruoyi-ui/src/views/childRoom/SixStepsOverlay.vue b/ruoyi-ui/src/views/childRoom/SixStepsOverlay.vue
index cedd55d..6569c12 100644
--- a/ruoyi-ui/src/views/childRoom/SixStepsOverlay.vue
+++ b/ruoyi-ui/src/views/childRoom/SixStepsOverlay.vue
@@ -965,23 +965,28 @@ export default {
 .sub-title-context-menu {
   position: fixed;
   z-index: 10000;
-  min-width: 120px;
-  padding: 4px 0;
-  background: #fff;
-  border-radius: 8px;
-  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
-  border: 1px solid rgba(0, 0, 0, 0.08);
+  min-width: 144px;
+  padding: 8px 0;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Microsoft YaHei', sans-serif;
+  font-weight: 500;
+  color: #333;
+  background: rgba(255, 255, 255, 0.72);
+  -webkit-backdrop-filter: blur(15px);
+  backdrop-filter: blur(15px);
+  border: 1px solid rgba(22, 93, 255, 0.12);
+  border-radius: 14px;
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
 }
 
 .sub-title-context-menu .context-menu-item {
   display: flex;
   align-items: center;
-  gap: 8px;
-  padding: 8px 16px;
+  gap: 10px;
+  padding: 9px 20px;
   font-size: 14px;
-  color: #1e293b;
+  color: #333;
   cursor: pointer;
-  transition: background 0.2s;
+  transition: background 0.2s ease, color 0.2s ease;
 }
 
 .sub-title-context-menu .context-menu-item:hover {
@@ -989,8 +994,12 @@ export default {
   color: #165dff;
 }
 
+.sub-title-context-menu .context-menu-item-danger {
+  color: #f56c6c;
+}
+
 .sub-title-context-menu .context-menu-item-danger:hover {
-  background: rgba(239, 68, 68, 0.08);
-  color: #ef4444;
+  background: rgba(245, 108, 108, 0.1);
+  color: #f56c6c;
 }
 </style>
diff --git a/ruoyi-ui/src/views/childRoom/StepCanvasContent.vue b/ruoyi-ui/src/views/childRoom/StepCanvasContent.vue
index 05d9f53..b83b467 100644
--- a/ruoyi-ui/src/views/childRoom/StepCanvasContent.vue
+++ b/ruoyi-ui/src/views/childRoom/StepCanvasContent.vue
@@ -1084,12 +1084,15 @@ export default {
   position: fixed;
   display: flex;
   align-items: center;
-  gap: 6px;
-  padding: 6px 10px;
-  background: #fff;
-  border: 1px solid #ddd;
-  border-radius: 6px;
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+  gap: 8px;
+  padding: 8px 12px;
+  color: #333;
+  background: rgba(255, 255, 255, 0.72);
+  -webkit-backdrop-filter: blur(15px);
+  backdrop-filter: blur(15px);
+  border: 1px solid rgba(22, 93, 255, 0.12);
+  border-radius: 14px;
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
   z-index: 10000;
   margin-top: 4px;
 }
diff --git a/ruoyi-ui/src/views/childRoom/TaskPageContent.vue b/ruoyi-ui/src/views/childRoom/TaskPageContent.vue
index a504acb..e028d41 100644
--- a/ruoyi-ui/src/views/childRoom/TaskPageContent.vue
+++ b/ruoyi-ui/src/views/childRoom/TaskPageContent.vue
@@ -921,17 +921,19 @@ export default {
 }
 
 
-/* Office 风格格式工具栏：仅选中文字右键时显示，固定定位在右键位置 */
 .textbox-format-toolbar-fixed {
   position: fixed;
   display: flex;
   align-items: center;
-  gap: 6px;
-  padding: 6px 10px;
-  background: #fff;
-  border: 1px solid #ddd;
-  border-radius: 6px;
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+  gap: 8px;
+  padding: 8px 12px;
+  color: #333;
+  background: rgba(255, 255, 255, 0.72);
+  -webkit-backdrop-filter: blur(15px);
+  backdrop-filter: blur(15px);
+  border: 1px solid rgba(22, 93, 255, 0.12);
+  border-radius: 14px;
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
   z-index: 10000;
   margin-top: 4px;
 }
diff --git a/ruoyi-ui/src/views/childRoom/UnderstandingStepContent.vue b/ruoyi-ui/src/views/childRoom/UnderstandingStepContent.vue
index 3fc9066..f938a54 100644
--- a/ruoyi-ui/src/views/childRoom/UnderstandingStepContent.vue
+++ b/ruoyi-ui/src/views/childRoom/UnderstandingStepContent.vue
@@ -1162,17 +1162,20 @@ export default {
   pointer-events: auto;
 }
 
-/* 格式工具栏：仅选中文字右键时显示 */
+/* 格式工具栏：与地图 ContextMenu / TopHeader 一致 */
 .textbox-format-toolbar-fixed {
   position: fixed;
   display: flex;
   align-items: center;
-  gap: 6px;
-  padding: 6px 10px;
-  background: #fff;
-  border: 1px solid #ddd;
-  border-radius: 6px;
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+  gap: 8px;
+  padding: 8px 12px;
+  color: #333;
+  background: rgba(255, 255, 255, 0.72);
+  -webkit-backdrop-filter: blur(15px);
+  backdrop-filter: blur(15px);
+  border: 1px solid rgba(22, 93, 255, 0.12);
+  border-radius: 14px;
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
   z-index: 10000;
   margin-top: 4px;
 }
diff --git a/ruoyi-ui/src/views/selectRoom/index.vue b/ruoyi-ui/src/views/selectRoom/index.vue
index 2b9dea7..94c37aa 100644
--- a/ruoyi-ui/src/views/selectRoom/index.vue
+++ b/ruoyi-ui/src/views/selectRoom/index.vue
@@ -573,41 +573,46 @@ export default {
   color: #94a3b8;
 }
 
-/* 右键菜单 */
+/* 右键菜单：与 TopHeader / ContextMenu 企业蓝一致 */
 .context-menu {
   position: fixed;
-  background: white;
-  border-radius: 10px;
-  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
-  padding: 6px 0;
-  min-width: 140px;
   z-index: 2000;
-  border: 1px solid #f1f5f9;
+  min-width: 152px;
+  padding: 8px 0;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Microsoft YaHei', sans-serif;
+  color: #333;
+  background: rgba(255, 255, 255, 0.72);
+  -webkit-backdrop-filter: blur(15px);
+  backdrop-filter: blur(15px);
+  border: 1px solid rgba(22, 93, 255, 0.12);
+  border-radius: 14px;
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
 }
 
 .menu-item {
-  padding: 10px 16px;
+  padding: 10px 20px;
   cursor: pointer;
   display: flex;
   align-items: center;
   gap: 10px;
-  font-size: 13px;
-  color: #475569;
-  transition: background 0.2s;
+  font-size: 14px;
+  font-weight: 500;
+  color: #333;
+  transition: background 0.2s ease, color 0.2s ease;
 }
 
 .menu-item:hover {
-  background-color: #f8fafc;
+  background: rgba(22, 93, 255, 0.08);
   color: #165dff;
 }
 
 .menu-item-danger {
-  color: #ef4444;
+  color: #f56c6c;
 }
 
 .menu-item-danger:hover {
-  background-color: #fef2f2;
-  color: #ef4444;
+  background: rgba(245, 108, 108, 0.1);
+  color: #f56c6c;
 }
 
 /* --- Element UI 局部重写 --- */