颜色显示修正

src/views/ParticlePanel.vue

@@ -511,6 +511,7 @@
             <label class="row resource-color-row"><span>颜色</span>
               <select v-model="resource.colorMode" class="inp">
                 <option value="fixed">固定色</option>
+                <option value="random">随机颜色</option>
                 <option value="lifetime">生命周期</option>
               </select>
               <select v-model="resource.blend" class="inp blend-select">
@@ -525,6 +526,7 @@
             </template>
             <template v-else>
               <ColorGradientEditor v-model="resource.colorGradient" />
+              <div v-if="resource.colorMode === 'random'" class="random-color-hint">每个粒子出生时从色带随机取色，生命周期内保持不变</div>
             </template>
 
             <div class="resource-alpha-head">
@@ -1989,6 +1991,7 @@ function toggleResourceLock(resourceId: number) {
 .resource-divider { height: 1px; margin: 9px 0 7px; background: #2a3549; }
 .resource-color-row .blend-select { max-width: 88px; }
 .resource-color-picker .hex { margin-left: 0; }
+.random-color-hint { margin: -5px 0 9px 68px; color: #66758e; font-size: 9px; line-height: 1.45; }
 .hex-input { width: 72px; padding: 4px 6px; border: 1px solid #344158; border-radius: 5px; outline: none; background: #101725; color: #aeb8cb; font-size: 11px; font-family: monospace; }
 .hex-input:focus { border-color: #7774ff; color: #fff; }
 .resource-alpha-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 10px; color: #8a93bb; font-size: 12px; }