优化动画

src/views/Dashboard.vue

@@ -132,7 +132,7 @@ async function sendCode(code: string) {
   color: var(--text-color);
   display: flex;
   flex-direction: column;
-  gap: 20px;
+  gap: 10px;
 }
 
 .top-bar {
@@ -143,6 +143,7 @@ async function sendCode(code: string) {
   background: var(--card-bg);
   border: 1px solid var(--border-color);
   border-radius: 8px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
 }
 
 .sse-status {
@@ -172,7 +173,7 @@ async function sendCode(code: string) {
 
 .main-row {
   display: flex;
-  gap: 20px;
+  gap: 10px;
   align-items: stretch;
 }
 
@@ -186,16 +187,14 @@ async function sendCode(code: string) {
   background: var(--card-bg);
   border: 1px solid var(--border-color);
   border-radius: 8px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
 }
 
 .main-card {
   width: 100%;
   max-width: 480px;
   flex-shrink: 0;
-}
-
-.main-card :deep(> *) {
-  aspect-ratio: 2 / 1;
+  aspect-ratio: 3 / 1;
 }
 
 .main-card :deep(.orb) {
@@ -236,6 +235,7 @@ async function sendCode(code: string) {
   background: var(--card-bg);
   border: 1px solid var(--border-color);
   border-radius: 8px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
 }
 
 .control-grid {
@@ -256,6 +256,7 @@ async function sendCode(code: string) {
   max-height: 300px;
   display: flex;
   flex-direction: column;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
 }
 
 .log-list {