修改图标，调整字段关联界面

index.html

@@ -135,30 +135,27 @@
     .loader {
       width: 50px;
       aspect-ratio: 1;
-      display: grid;
+      border-radius: 50%;
+      border: 8px solid #0000;
+      border-right-color: #ffa50097;
+      position: relative;
+      animation: l24 1s infinite linear;
     }
-    .loader::before,
-    .loader::after {
-      content:"";
-      grid-area: 1/1;
-      --c:no-repeat radial-gradient(farthest-side,#25b09b 92%,#0000);
-      background:
-        var(--c) 50%  0,
-        var(--c) 50%  100%,
-        var(--c) 100% 50%,
-        var(--c) 0    50%;
-      background-size: 12px 12px;
-      animation: l12 1s infinite;
+    .loader:before,
+    .loader:after {
+      content: "";
+      position: absolute;
+      inset: -8px;
+      border-radius: 50%;
+      border: inherit;
+      animation: inherit;
+      animation-duration: 2s;
     }
-    .loader::before {
-      margin: 4px;
-      filter: hue-rotate(45deg);
-      background-size: 8px 8px;
-      animation-timing-function: linear
+    .loader:after {
+      animation-duration: 4s;
     }
-
-    @keyframes l12 {
-      100%{transform: rotate(.5turn)}
+    @keyframes l24 {
+      100% {transform: rotate(1turn)}
     }
   </style>
 </head>