Add a cross-platform unified .b3-select style (#17861)

* 💄 Add a cross-platform unified .b3-select style

* 💄 Add a cross-platform unified .b3-select style

Author: TCOTC

app/src/assets/scss/component/_select.scss

@@ -22,4 +22,44 @@
   &:focus {
     box-shadow: inset 0 0 0 .6px var(--b3-theme-primary-light), 0 0 0 2px var(--b3-theme-primary-lighter);
   }
+
+  // 与 .b3-menu 的样式一致
+  @supports (appearance: base-select) {
+    appearance: base-select;
+
+    &::picker(select) {
+      appearance: base-select;
+      color: var(--b3-theme-on-background);
+      border-radius: var(--b3-border-radius-b);
+      box-shadow: var(--b3-dialog-shadow);
+      border: 1px solid var(--b3-theme-surface-lighter);
+      background-color: var(--b3-menu-background);
+      padding: 8px;
+      scrollbar-width: thin;
+      scrollbar-color: var(--b3-scroll-color) transparent;
+    }
+
+    &::picker-icon {
+      display: none;
+    }
+
+    option {
+      padding: 0 8px;
+      margin: 1px 0;
+      border-radius: var(--b3-border-radius);
+      line-height: 28px;
+
+      &::checkmark {
+        display: none;
+      }
+
+      &:checked {
+        color: var(--b3-theme-primary);
+      }
+
+      &:hover {
+        background-color: var(--b3-list-hover);
+      }
+    }
+  }
 }