From 89f7cddb933502430d6d8f3e009fdc8b4ded4600 Mon Sep 17 00:00:00 2001
From: ciat-777 <juricek.chen@gmail.com>
Date: Thu, 12 Mar 2026 16:28:00 +0800
Subject: [PATCH] style: format CSS keyframes for improved readability

---
 src/web/index.css | 66 +++++++++++++++++++++++++++++++++++++----------
 1 file changed, 53 insertions(+), 13 deletions(-)

diff --git a/src/web/index.css b/src/web/index.css
index 20da0b1..18f51ee 100644
--- a/src/web/index.css
+++ b/src/web/index.css
@@ -1034,23 +1034,43 @@ body {
 
 /* ===== Mobile Drawer ===== */
 @keyframes drawer-backdrop-in {
-  from { opacity: 0; }
-  to { opacity: 1; }
+  from {
+    opacity: 0;
+  }
+
+  to {
+    opacity: 1;
+  }
 }
 
 @keyframes drawer-backdrop-out {
-  from { opacity: 1; }
-  to { opacity: 0; }
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+  }
 }
 
 @keyframes drawer-slide-in {
-  from { transform: translateX(-100%); }
-  to { transform: translateX(0); }
+  from {
+    transform: translateX(-100%);
+  }
+
+  to {
+    transform: translateX(0);
+  }
 }
 
 @keyframes drawer-slide-out {
-  from { transform: translateX(0); }
-  to { transform: translateX(-100%); }
+  from {
+    transform: translateX(0);
+  }
+
+  to {
+    transform: translateX(-100%);
+  }
 }
 
 .mobile-drawer-root {
@@ -1592,6 +1612,7 @@ body {
     background: color-mix(in srgb, var(--color-primary) 18%, transparent);
     box-shadow: inset 3px 0 0 color-mix(in srgb, var(--color-primary) 70%, transparent);
   }
+
   100% {
     background: color-mix(in srgb, var(--color-primary) 4%, transparent);
     box-shadow: inset 0 0 0 transparent;
@@ -1608,6 +1629,7 @@ body {
     border-color: color-mix(in srgb, var(--color-primary) 42%, var(--color-border));
     background: color-mix(in srgb, var(--color-primary) 6%, var(--color-bg-card));
   }
+
   100% {
     box-shadow: 0 0 0 0 transparent;
     border-color: var(--color-border-light);
@@ -3797,6 +3819,7 @@ textarea {
 }
 
 @media (max-width: 768px) {
+
   /* --- Layout --- */
   :root {
     --topbar-height: 48px;
@@ -4563,13 +4586,30 @@ textarea {
 }
 
 @keyframes filter-bar-slide-down {
-  from { opacity: 0; max-height: 0; transform: translateY(-4px); }
-  to { opacity: 1; max-height: 600px; transform: translateY(0); }
+  from {
+    opacity: 0;
+    max-height: 0;
+    transform: translateY(-4px);
+  }
+
+  to {
+    opacity: 1;
+    max-height: 600px;
+    transform: translateY(0);
+  }
 }
 
 @keyframes filter-bar-slide-up {
-  from { opacity: 1; max-height: 600px; }
-  to { opacity: 0; max-height: 0; overflow: hidden; }
+  from {
+    opacity: 1;
+    max-height: 600px;
+  }
+
+  to {
+    opacity: 0;
+    max-height: 0;
+    overflow: hidden;
+  }
 }
 
 .route-filter-row {
@@ -4678,4 +4718,4 @@ textarea {
   .route-card-grid {
     grid-template-columns: 1fr;
   }
-}
+}
\ No newline at end of file