u

code/base-project/base-vue/packages/ao-design/src/_styles/_variables.scss

@@ -84,3 +84,9 @@ $shadow-surface: var(--ao-shadow-surface);
 $shadow-popup: var(--ao-shadow-popup);
 // 上层投影（警示/弹窗）使用的组件包括：全局提示 / 消息通知
 $shadow-overlay: var(--ao-shadow-overlay);
+
+// 内投影
+$shadow-inset-top: var(--ao-shadow-inset-top);
+$shadow-inset-right: var(--ao-shadow-inset-right);
+$shadow-inset-bottom: var(--ao-shadow-inset-bottom);
+$shadow-inset-left: var(--ao-shadow-inset-left);

code/base-project/base-vue/packages/ao-design/src/_styles/index.scss

@@ -1 +1,2 @@
 @use './theme/index.scss' as *;
+

code/base-project/base-vue/packages/ao-design/src/_styles/theme/_dark.scss

@@ -63,4 +63,10 @@
   --ao-shadow-popup: 0 8px 10px rgba(0, 0, 0, 12%), 0 3px 14px rgba(0, 0, 0, 10%), 0 5px 5px rgba(0, 0, 0, 16%);
   // 上层投影（警示/弹窗）使用的组件包括：全局提示 / 消息通知
   --ao-shadow-overlay: 0 16px 24px rgba(0, 0, 0, 14%), 0 6px 30px rgba(0, 0, 0, 12%), 0 8px 10px rgba(0, 0, 0, 20%);
+
+  // 内投影
+  --ao-shadow-inset-top: inset 0 0.5px 0 #5e5e5e;
+  --ao-shadow-inset-right: inset 0.5px 0 0 #5e5e5e;
+  --ao-shadow-inset-bottom: inset 0 -0.5px 0 #5e5e5e;
+  --ao-shadow-inset-left: inset -0.5px 0 0 #5e5e5e;
 }

code/base-project/base-vue/packages/ao-design/src/_styles/theme/_light.scss

@@ -66,4 +66,10 @@
   // 上层投影（警示/弹窗）使用的组件包括：全局提示 / 消息通知
   --ao-shadow-overlay:
     0 6px 30px 5px rgba(0, 0, 0, 5%), 0 16px 24px 2px rgba(0, 0, 0, 4%), 0 8px 10px -5px rgba(0, 0, 0, 8%);
+
+  // 内投影 
+  --ao-shadow-inset-top: inset 0 0.5px 0 #dcdcdc;
+  --ao-shadow-inset-right: inset 0.5px 0 0 #dcdcdc;
+  --ao-shadow-inset-bottom: inset 0 -0.5px 0 #dcdcdc;
+  --ao-shadow-inset-left: inset -0.5px 0 0 #dcdcdc;
 }