fix

src/components/PropSidebar.tsx

@@ -511,10 +511,10 @@ export const PropSidebar: React.FC<PropSidebarProps> = ({
         <p className="text-[10px] text-[#888]">暂无变量</p>
       ) : (
 
-        <div className="space-y-3">
+        <div className="space-y-2 pt-2">
           <div className="text-[10px] font-bold text-[#31a8ff]">变量列表</div>
-          <p className="text-[10px] text-[#666] leading-relaxed mb-3">
-            可编辑变量预览值，未被内容或显示条件引用的变量可删除。
+          <p className="text-[10px] text-[#666] leading-relaxed">
+            未被内容或显示条件引用的变量可删除
           </p>
           {templateVariables.map((v) => {
             const inUse = isTemplateVariableInUse(template, v);
@@ -2289,10 +2289,15 @@ export const PropSidebar: React.FC<PropSidebarProps> = ({
               </div>
 
               <div
-                className={`ps-layer-item-actions pointer-events-auto ${isNarrowScreen || variant === 'mobile' || isLocked
-                  ? 'opacity-100'
-                  : 'opacity-0 group-hover:opacity-100 transition-opacity'
-                  }`}
+                className={`ps-layer-item-actions pointer-events-auto ${
+                  isNarrowScreen || variant === 'mobile' || isLocked
+                    ? ''
+                    : 'ps-layer-item-actions--float'
+                } ${
+                  isNarrowScreen || variant === 'mobile' || isLocked
+                    ? 'opacity-100'
+                    : ''
+                }`}
               >
                 {!isLocked && (
                   <>