🔧 调整日期范围间距

src/components/common/NativeDateSelect.vue

@@ -102,7 +102,7 @@ const updatePart = (part: DatePart, value: string) => {
   min-height: 2.75rem;
   align-items: center;
   justify-content: center;
-  gap: 0.15rem;
+  gap: 0;
   border: 1px solid transparent;
   border-radius: 30px;
   background: rgba(237, 244, 245, 0.52);
@@ -150,12 +150,12 @@ const updatePart = (part: DatePart, value: string) => {
 }
 
 .native-date-year {
-  width: 4.4rem;
+  width: 4.05rem;
 }
 
 .native-date-month,
 .native-date-day {
-  width: 2.65rem;
+  width: 2.3rem;
 }
 
 .native-date-separator {
@@ -187,8 +187,8 @@ const updatePart = (part: DatePart, value: string) => {
 @media (min-width: 640px) {
   .native-date-strip {
     width: max-content;
-    min-width: 12rem;
+    min-width: 10.75rem;
-    padding-inline: 0.75rem;
+    padding-inline: 0.65rem;
   }
 }
 </style>

src/views/manage/DashboardView.vue

@@ -247,13 +247,19 @@
             </p>
           </div>
           <div class="w-full max-w-full space-y-3 lg:w-auto">
-            <div class="grid gap-2 md:grid-cols-2">
+            <div class="flex flex-col gap-2 sm:flex-row sm:items-center">
               <NativeDateSelect
                 v-model="analyticsStart"
                 :field-class="fieldClass"
                 aria-label="开始日期"
                 @change="fetchAnalyticsData"
               />
+              <span
+                class="self-center text-sm font-semibold"
+                :class="[isDarkMode ? 'text-[#aabdc2]' : 'text-[#789096]']"
+              >
+                -
+              </span>
               <NativeDateSelect
                 v-model="analyticsEnd"
                 :field-class="fieldClass"