style: 微调蓝色样式阴影效果与border-top样式

Bootstrap.Admin/wwwroot/css/blue.css

@@ -47,16 +47,18 @@
     border-bottom: solid 1px #307eb6;
 }
 
+.card {
+    border-top: 1px;
+}
+
 .card, .modal-footer, .form-control, .popover, .date .input-group-text,
 .input-group .btn:not(.btn-secondary):not(.btn-primary):not(.btn-warning):not(.btn-info):not(.btn-danger),
 .form-select-input:hover {
-    border-color: #5198cb;
+    border-color: #84bbe2;
 }
 
     .card .card-header, .modal-header {
         background-image: linear-gradient(to bottom, #5893be 0%, #63a6d7 100%);
-        background-color: #5899c8;
-        border-color: #3581b8;
     }
 
         .card .card-header, a[data-toggle="collapse"], .modal-header, .modal-header .close, .popover-header,

Bootstrap.Admin/wwwroot/css/theme.css

@@ -459,6 +459,8 @@ input.pending {
 
 .card {
     margin-bottom: 15px;
+    box-shadow: 0 0 8px 0 rgba(0,0,0,.075), 0 2px 4px 0 rgba(255,255,255,0);
+    border-top: solid 3px rgba(108, 117, 125, 0.6);
 }
 
     .card .card-header a {
@@ -477,10 +479,22 @@ input.pending {
                 transform: rotate(-90deg);
             }
 
+        .card .card-header a.fa {
+            transition: color .3s linear;
+        }
+
+            .card .card-header a.fa:hover {
+                color: #333;
+            }
+
     .card .card-header i + span {
         margin-left: 6px;
     }
 
+.card-body .bootstrap-table {
+    margin-top: -10px;
+}
+
 .btn i + span {
     margin-left: 4px;
 }
@@ -634,18 +648,6 @@ input.pending {
         margin-bottom: -5px;
     }
 
-.card-body .bootstrap-table {
-    margin-top: -10px;
-}
-
-.card-header a.fa {
-    transition: color .3s linear;
-}
-
-    .card-header a.fa:hover {
-        color: #333;
-    }
-
 .fixed-table-toolbar .dropdown-menu {
     min-width: unset;
 }