修改标题，独立系统设置，可缓存

src/views/ParticlePanel.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="panel">
     <div class="panel-header">
-      <span>粒子系统 · 编辑器</span>
+      <span>Spine粒子编辑器</span>
     </div>
 
     <div class="panel-scroll">

src/views/Stage.vue

@@ -64,6 +64,16 @@
     <!-- 系统设置面板(左上角弹出) -->
     <div class="settings-panel" v-if="showSettings">
       <div class="sp-head">系统设置 <button class="sp-close" @click="showSettings = false">✕</button></div>
+      <div class="sp-section-title">界面布局</div>
+      <label class="sp-switch-row">
+        <span>参数面板位置</span>
+        <span class="sp-switch-control">
+          <input type="checkbox" v-model="store.settings.parameterPanelOnRight" aria-label="参数面板显示在右侧" />
+          <span class="sp-switch-ui" aria-hidden="true"></span>
+          <b>{{ store.settings.parameterPanelOnRight ? '右侧' : '左侧' }}</b>
+        </span>
+      </label>
+      <div class="sp-divider"></div>
       <div class="sp-section-title">操作历史</div>
       <label class="sp-row"><span>最大撤回步数</span>
         <input
@@ -106,6 +116,7 @@
         </label>
         <label class="sp-chk"><input type="checkbox" v-model="store.settings.showAxisLabels" />显示刻度数值</label>
       </template>
+      <div class="sp-cache-note">整个系统设置会自动保存到当前浏览器</div>
     </div>
 
     <div v-if="showHelp" class="help-overlay" role="presentation" @click.self="showHelp = false">
@@ -136,8 +147,8 @@
                 <div><dt>小眼睛</dt><dd>单独显示或隐藏场景对象；隐藏的粒子系统不会导出。</dd></div>
                 <div><dt>+Copy</dt><dd>完整复制当前选中对象，方便对比不同参数效果。</dd></div>
                 <div><dt>背景图</dt><dd>上传参考图并调整位置和透明度，只用于画布预览。</dd></div>
-                <div><dt>系统设置</dt><dd>管理撤回步数、发射点、骨骼、蒙皮网格和刻度显示。</dd></div>
-                <div><dt>配置管理</dt><dd>保存当前编辑数据、加载配置，或直接使用预设文件。</dd></div>
+                <div><dt>系统设置</dt><dd>管理界面与辅助显示，并自动保存在当前浏览器中。</dd></div>
+                <div><dt>配置管理</dt><dd>保存当前项目数据、加载配置，或直接使用预设文件；不包含系统设置。</dd></div>
                 <div><dt>Spine 骨骼</dt><dd>在层级树搜索并选择骨骼，可用于粒子发射器跟随。</dd></div>
               </dl>
             </section>
@@ -198,6 +209,7 @@ const canvasFocused = ref(false)
 function toggleTool(t: '' | 'translate' | 'rotate' | 'scale') { activeTool.value = activeTool.value === t ? '' : t }
 
 if (!(store.settings.undoLimit > 0)) store.settings.undoLimit = 20
+if (store.settings.parameterPanelOnRight == null) store.settings.parameterPanelOnRight = false
 if (!Number.isFinite(store.settings.backgroundX)) store.settings.backgroundX = 0
 if (!Number.isFinite(store.settings.backgroundY)) store.settings.backgroundY = 0
 if (!Number.isFinite(store.settings.backgroundOpacity)) store.settings.backgroundOpacity = 1
@@ -1932,6 +1944,16 @@ b { color: #ffcc33; }
 }
 .sp-head { display: flex; justify-content: space-between; align-items: center; font-weight: 700; color: #cdf; margin-bottom: 10px; }
 .sp-section-title { margin: 2px 0 8px; color: #8a93bb; font-size: 11px; }
+.sp-switch-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; color: #aab; }
+.sp-switch-control { display: inline-flex; align-items: center; gap: 7px; }
+.sp-switch-control input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
+.sp-switch-ui { position: relative; width: 34px; height: 18px; border-radius: 999px; background: #39445a; cursor: pointer; transition: background .16s ease; }
+.sp-switch-ui::after { content: ''; position: absolute; top: 2px; left: 2px; width: 14px; height: 14px; border-radius: 50%; background: #f4f6fb; transition: transform .16s ease; }
+.sp-switch-control input:checked + .sp-switch-ui { background: #655df0; }
+.sp-switch-control input:checked + .sp-switch-ui::after { transform: translateX(16px); }
+.sp-switch-control input:focus-visible + .sp-switch-ui { outline: 2px solid #8b86ff; outline-offset: 2px; }
+.sp-switch-control b { min-width: 24px; color: #8a93bb; font-size: 11px; font-weight: 500; }
+.sp-cache-note { margin-top: 10px; padding-top: 9px; border-top: 1px solid #2a2a3c; color: #647089; font-size: 10px; text-align: center; }
 .sp-divider { height: 1px; margin: 10px 0; background: #2a2a3c; }
 .sp-close { background: #2e3a55; border: none; color: #cdf; border-radius: 4px; width: 18px; height: 18px; cursor: pointer; font-size: 11px; }
 .sp-row { display: flex; align-items: center; gap: 8px; margin: 8px 0; }