门店账户多账号

apps/h5-shop/src/styles.css

@@ -2183,3 +2183,163 @@
   color: var(--color-muted);
   font-size: 14px;
 }
+
+.shop-select-store-page,
+.shop-staff-page {
+  min-height: 100vh;
+  padding: 24px 16px 40px;
+  background: var(--color-background);
+}
+
+.shop-select-store-header h1,
+.shop-staff-header h1 {
+  margin: 0;
+  font-family: var(--font-headline);
+  font-size: 22px;
+}
+
+.shop-select-store-header p {
+  margin: 8px 0 20px;
+  color: var(--color-muted);
+  font-size: 14px;
+}
+
+.shop-select-store-list {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.shop-select-store-item {
+  width: 100%;
+  text-align: left;
+  padding: 16px;
+  border: 1px solid rgba(0, 0, 0, 0.08);
+  border-radius: 12px;
+  background: #fff;
+  cursor: pointer;
+}
+
+.shop-select-store-name {
+  display: block;
+  font-size: 16px;
+  font-weight: 600;
+}
+
+.shop-select-store-meta {
+  display: block;
+  margin-top: 4px;
+  font-size: 13px;
+  color: var(--color-muted);
+}
+
+.shop-select-store-msg,
+.shop-staff-msg {
+  color: var(--color-heritage-red);
+  font-size: 14px;
+}
+
+.shop-mine-actions {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  margin: 16px 0;
+}
+
+.shop-mine-action {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  width: 100%;
+  height: 44px;
+  border: 1px solid rgba(0, 0, 0, 0.08);
+  border-radius: 10px;
+  background: #fff;
+  font-size: 15px;
+  cursor: pointer;
+  padding: 0 14px;
+}
+
+.shop-staff-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 16px;
+}
+
+.shop-staff-back,
+.shop-staff-add {
+  border: none;
+  background: transparent;
+  color: var(--color-heritage-red);
+  font-size: 14px;
+  cursor: pointer;
+}
+
+.shop-staff-form {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  margin-bottom: 16px;
+  padding: 14px;
+  border-radius: 12px;
+  background: #fff;
+}
+
+.shop-staff-form input {
+  height: 40px;
+  padding: 0 12px;
+  border: 1px solid rgba(0, 0, 0, 0.12);
+  border-radius: 8px;
+}
+
+.shop-staff-store-picks {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  font-size: 14px;
+}
+
+.shop-staff-list {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+
+.shop-staff-item {
+  display: flex;
+  justify-content: space-between;
+  gap: 12px;
+  padding: 14px;
+  border-radius: 12px;
+  background: #fff;
+}
+
+.shop-staff-item div {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  font-size: 13px;
+  color: var(--color-muted);
+}
+
+.shop-staff-item strong {
+  color: #222;
+  font-size: 15px;
+}
+
+.shop-staff-item button {
+  align-self: center;
+  border: 1px solid rgba(0, 0, 0, 0.12);
+  border-radius: 8px;
+  background: #fff;
+  padding: 6px 10px;
+  cursor: pointer;
+}
+