fix

src/components/ElementMaskDialog.tsx

@@ -110,7 +110,7 @@ export const ElementMaskDialog: React.FC<ElementMaskDialogProps> = ({
   };
 
   return createPortal(
-    <div className="ps-modal-overlay" onClick={onClose} role="presentation">
+    <div className="ps-modal-overlay" role="presentation">
       <div
         className="ps-modal"
         onClick={(e) => e.stopPropagation()}
@@ -129,7 +129,7 @@ export const ElementMaskDialog: React.FC<ElementMaskDialogProps> = ({
         <form onSubmit={handleSubmit}>
           <div className="ps-modal-body space-y-3">
             <p className="text-[11px] text-[#888] leading-relaxed">
-              蒙版仅作用于当前图层（背景与内容）；先在离屏画布合成，再按蒙版裁剪后绘制到画布。边框不受蒙版影响。
+              蒙版作用于当前图层（背景、内容与边框）；先在离屏画布合成，再按蒙版裁剪后绘制到画布。
             </p>
 
             <div>

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 && (
                   <>

src/components/VisibilityRuleDialog.tsx

@@ -124,7 +124,7 @@ export const VisibilityRuleDialog: React.FC<VisibilityRuleDialogProps> = ({
   };
 
   return createPortal(
-    <div className="ps-modal-overlay" onClick={onClose} role="presentation">
+    <div className="ps-modal-overlay" role="presentation">
       <div
         className="ps-modal"
         onClick={(e) => e.stopPropagation()}