@inf-monkeys-tech/monkeys-design 0.4.35 → 0.4.37

package/dist/{types-CZALgtez.d.ts → types-Bn6PEDsX.d.mts}

@@ -627,6 +627,48 @@ interface BaseSelectProps extends Omit<SelectHTMLAttributes<HTMLSelectElement>,
     style?: CSSProperties;
     children?: ReactNode;
 }
+interface BaseMultiSelectOption {
+    value: string;
+    label: ReactNode;
+    disabled?: boolean;
+}
+interface BaseMultiSelectClassNames {
+    root?: string;
+    icon?: string;
+    control?: string;
+    tagList?: string;
+    tag?: string;
+    tagLabel?: string;
+    tagRemove?: string;
+    placeholder?: string;
+    chevron?: string;
+    menu?: string;
+    option?: string;
+    optionIndicator?: string;
+    optionLabel?: string;
+    empty?: string;
+    hiddenInput?: string;
+}
+interface BaseMultiSelectProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'className' | 'defaultValue' | 'onChange' | 'style'> {
+    options?: BaseMultiSelectOption[];
+    value?: string[];
+    defaultValue?: string[];
+    name?: string;
+    placeholder?: ReactNode;
+    icon?: ReactNode;
+    invalid?: boolean;
+    disabled?: boolean;
+    required?: boolean;
+    openForPreview?: boolean;
+    maxTagCount?: number;
+    removeLabel?: (option: BaseMultiSelectOption) => string;
+    emptyLabel?: ReactNode;
+    appearance?: BaseAppearance;
+    className?: string;
+    classNames?: BaseMultiSelectClassNames;
+    style?: CSSProperties;
+    onValueChange?: (value: string[]) => void;
+}
 interface BaseSwitchClassNames {
     root?: string;
     input?: string;
@@ -1327,4 +1369,4 @@ interface BaseAccordionProps extends Omit<HTMLAttributes<HTMLDivElement>, 'child
     onValueChange?: (value: string | undefined) => void;
 }
 
-export type { BaseLayoutPaneClassNames as $, BaseContextMenuRadioGroupProps as A, BaseAccordionClassNames as B, BaseContextMenuRadioItemProps as C, BaseContextMenuSeparatorProps as D, BaseContextMenuSubContentProps as E, BaseContextMenuSubProps as F, BaseContextMenuSubTriggerProps as G, BaseContextMenuTriggerProps as H, BaseDensity as I, BaseDescriptionListClassNames as J, BaseDescriptionListItem as K, BaseDescriptionListProps as L, BaseDialogClassNames as M, BaseDialogProps as N, BaseDividerClassNames as O, BaseDividerProps as P, BaseDropdownMenuClassNames as Q, BaseDropdownMenuItem as R, BaseDropdownMenuPlacement as S, BaseDropdownMenuProps as T, BaseEmptyStateProps as U, BaseFieldClassNames as V, BaseFieldProps as W, BaseInputProps as X, BaseLayoutClassNames as Y, BaseLayoutGap as Z, BaseLayoutOrientation as _, BaseAccordionItem as a, BaseTabsItem as a$, BaseLayoutPaneProps as a0, BaseLayoutPaneSurface as a1, BaseLayoutProps as a2, BaseLayoutResizeHandleClassNames as a3, BaseLayoutResizeHandleProps as a4, BaseLayoutSize as a5, BaseLayoutSplitClassNames as a6, BaseLayoutSplitProps as a7, BaseLoadingStateProps as a8, BaseNoticeClassNames as a9, BaseTableCaptionClassNames as aA, BaseTableCaptionProps as aB, BaseTableCellClassNames as aC, BaseTableCellProps as aD, BaseTableClassNames as aE, BaseTableColumnInteractionOptions as aF, BaseTableColumnOrderChangeDetail as aG, BaseTableColumnSizeChangeDetail as aH, BaseTableColumnSizes as aI, BaseTableContainerClassNames as aJ, BaseTableContainerProps as aK, BaseTableEmptyClassNames as aL, BaseTableEmptyProps as aM, BaseTableFooterBarClassNames as aN, BaseTableFooterBarProps as aO, BaseTableFooterProps as aP, BaseTableHeaderProps as aQ, BaseTableHeadClassNames as aR, BaseTableHeadProps as aS, BaseTableLoadingClassNames as aT, BaseTableLoadingProps as aU, BaseTableProps as aV, BaseTableRowClassNames as aW, BaseTableRowProps as aX, BaseTableSectionClassNames as aY, BaseTableSortDirection as aZ, BaseTabsClassNames as a_, BaseNoticeProps as aa, BasePanelClassNames as ab, BasePanelProps as ac, BasePaginationClassNames as ad, BasePaginationProps as ae, BaseProgressClassNames as af, BaseProgressProps as ag, BaseRadius as ah, BaseRadioGroupClassNames as ai, BaseRadioGroupProps as aj, BaseRadioOption as ak, BaseResolvedTheme as al, BaseSectionHeaderClassNames as am, BaseSectionHeaderProps as an, BaseSelectOption as ao, BaseSelectProps as ap, BaseSegmentedControlClassNames as aq, BaseSegmentedControlOption as ar, BaseSegmentedControlProps as as, BaseSkeletonClassNames as at, BaseSkeletonProps as au, BaseStateClassNames as av, BaseSwitchClassNames as aw, BaseSwitchProps as ax, BaseTableAlign as ay, BaseTableBodyProps as az, BaseAccordionProps as b, BaseTabsProps as b0, BaseTextareaProps as b1, BaseTooltipClassNames as b2, BaseTooltipPlacement as b3, BaseTooltipProps as b4, BaseToolbarClassNames as b5, BaseToolbarProps as b6, BaseThemePresetId as b7, BaseThemeSlots as b8, BaseThemeStyles as b9, BaseAppearance as c, BaseAvatarClassNames as d, BaseAvatarProps as e, BaseBackground as f, BaseBadgeClassNames as g, BaseBadgeProps as h, BaseBorder as i, BaseBreadcrumbClassNames as j, BaseBreadcrumbItem as k, BaseBreadcrumbProps as l, BaseButtonClassNames as m, BaseButtonProps as n, BaseCheckboxClassNames as o, BaseCheckboxProps as p, BaseControlClassNames as q, BaseControlTone as r, BaseContextMenuCheckboxItemProps as s, BaseContextMenuClassNames as t, BaseContextMenuContentClassNames as u, BaseContextMenuContentProps as v, BaseContextMenuItemClassNames as w, BaseContextMenuItemProps as x, BaseContextMenuLabelProps as y, BaseContextMenuProps as z };
+export type { BaseLayoutPaneClassNames as $, BaseContextMenuRadioGroupProps as A, BaseAccordionClassNames as B, BaseContextMenuRadioItemProps as C, BaseContextMenuSeparatorProps as D, BaseContextMenuSubContentProps as E, BaseContextMenuSubProps as F, BaseContextMenuSubTriggerProps as G, BaseContextMenuTriggerProps as H, BaseDensity as I, BaseDescriptionListClassNames as J, BaseDescriptionListItem as K, BaseDescriptionListProps as L, BaseDialogClassNames as M, BaseDialogProps as N, BaseDividerClassNames as O, BaseDividerProps as P, BaseDropdownMenuClassNames as Q, BaseDropdownMenuItem as R, BaseDropdownMenuPlacement as S, BaseDropdownMenuProps as T, BaseEmptyStateProps as U, BaseFieldClassNames as V, BaseFieldProps as W, BaseInputProps as X, BaseLayoutClassNames as Y, BaseLayoutGap as Z, BaseLayoutOrientation as _, BaseAccordionItem as a, BaseTableSectionClassNames as a$, BaseLayoutPaneProps as a0, BaseLayoutPaneSurface as a1, BaseLayoutProps as a2, BaseLayoutResizeHandleClassNames as a3, BaseLayoutResizeHandleProps as a4, BaseLayoutSize as a5, BaseLayoutSplitClassNames as a6, BaseLayoutSplitProps as a7, BaseLoadingStateProps as a8, BaseMultiSelectClassNames as a9, BaseSwitchProps as aA, BaseTableAlign as aB, BaseTableBodyProps as aC, BaseTableCaptionClassNames as aD, BaseTableCaptionProps as aE, BaseTableCellClassNames as aF, BaseTableCellProps as aG, BaseTableClassNames as aH, BaseTableColumnInteractionOptions as aI, BaseTableColumnOrderChangeDetail as aJ, BaseTableColumnSizeChangeDetail as aK, BaseTableColumnSizes as aL, BaseTableContainerClassNames as aM, BaseTableContainerProps as aN, BaseTableEmptyClassNames as aO, BaseTableEmptyProps as aP, BaseTableFooterBarClassNames as aQ, BaseTableFooterBarProps as aR, BaseTableFooterProps as aS, BaseTableHeaderProps as aT, BaseTableHeadClassNames as aU, BaseTableHeadProps as aV, BaseTableLoadingClassNames as aW, BaseTableLoadingProps as aX, BaseTableProps as aY, BaseTableRowClassNames as aZ, BaseTableRowProps as a_, BaseMultiSelectOption as aa, BaseMultiSelectProps as ab, BaseNoticeClassNames as ac, BaseNoticeProps as ad, BasePanelClassNames as ae, BasePanelProps as af, BasePaginationClassNames as ag, BasePaginationProps as ah, BaseProgressClassNames as ai, BaseProgressProps as aj, BaseRadius as ak, BaseRadioGroupClassNames as al, BaseRadioGroupProps as am, BaseRadioOption as an, BaseResolvedTheme as ao, BaseSectionHeaderClassNames as ap, BaseSectionHeaderProps as aq, BaseSelectOption as ar, BaseSelectProps as as, BaseSegmentedControlClassNames as at, BaseSegmentedControlOption as au, BaseSegmentedControlProps as av, BaseSkeletonClassNames as aw, BaseSkeletonProps as ax, BaseStateClassNames as ay, BaseSwitchClassNames as az, BaseAccordionProps as b, BaseTableSortDirection as b0, BaseTabsClassNames as b1, BaseTabsItem as b2, BaseTabsProps as b3, BaseTextareaProps as b4, BaseTooltipClassNames as b5, BaseTooltipPlacement as b6, BaseTooltipProps as b7, BaseToolbarClassNames as b8, BaseToolbarProps as b9, BaseThemePresetId as ba, BaseThemeSlots as bb, BaseThemeStyles as bc, BaseAppearance as c, BaseAvatarClassNames as d, BaseAvatarProps as e, BaseBackground as f, BaseBadgeClassNames as g, BaseBadgeProps as h, BaseBorder as i, BaseBreadcrumbClassNames as j, BaseBreadcrumbItem as k, BaseBreadcrumbProps as l, BaseButtonClassNames as m, BaseButtonProps as n, BaseCheckboxClassNames as o, BaseCheckboxProps as p, BaseControlClassNames as q, BaseControlTone as r, BaseContextMenuCheckboxItemProps as s, BaseContextMenuClassNames as t, BaseContextMenuContentClassNames as u, BaseContextMenuContentProps as v, BaseContextMenuItemClassNames as w, BaseContextMenuItemProps as x, BaseContextMenuLabelProps as y, BaseContextMenuProps as z };

package/dist/{types-CZALgtez.d.mts → types-Bn6PEDsX.d.ts}

@@ -627,6 +627,48 @@ interface BaseSelectProps extends Omit<SelectHTMLAttributes<HTMLSelectElement>,
     style?: CSSProperties;
     children?: ReactNode;
 }
+interface BaseMultiSelectOption {
+    value: string;
+    label: ReactNode;
+    disabled?: boolean;
+}
+interface BaseMultiSelectClassNames {
+    root?: string;
+    icon?: string;
+    control?: string;
+    tagList?: string;
+    tag?: string;
+    tagLabel?: string;
+    tagRemove?: string;
+    placeholder?: string;
+    chevron?: string;
+    menu?: string;
+    option?: string;
+    optionIndicator?: string;
+    optionLabel?: string;
+    empty?: string;
+    hiddenInput?: string;
+}
+interface BaseMultiSelectProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'className' | 'defaultValue' | 'onChange' | 'style'> {
+    options?: BaseMultiSelectOption[];
+    value?: string[];
+    defaultValue?: string[];
+    name?: string;
+    placeholder?: ReactNode;
+    icon?: ReactNode;
+    invalid?: boolean;
+    disabled?: boolean;
+    required?: boolean;
+    openForPreview?: boolean;
+    maxTagCount?: number;
+    removeLabel?: (option: BaseMultiSelectOption) => string;
+    emptyLabel?: ReactNode;
+    appearance?: BaseAppearance;
+    className?: string;
+    classNames?: BaseMultiSelectClassNames;
+    style?: CSSProperties;
+    onValueChange?: (value: string[]) => void;
+}
 interface BaseSwitchClassNames {
     root?: string;
     input?: string;
@@ -1327,4 +1369,4 @@ interface BaseAccordionProps extends Omit<HTMLAttributes<HTMLDivElement>, 'child
     onValueChange?: (value: string | undefined) => void;
 }
 
-export type { BaseLayoutPaneClassNames as $, BaseContextMenuRadioGroupProps as A, BaseAccordionClassNames as B, BaseContextMenuRadioItemProps as C, BaseContextMenuSeparatorProps as D, BaseContextMenuSubContentProps as E, BaseContextMenuSubProps as F, BaseContextMenuSubTriggerProps as G, BaseContextMenuTriggerProps as H, BaseDensity as I, BaseDescriptionListClassNames as J, BaseDescriptionListItem as K, BaseDescriptionListProps as L, BaseDialogClassNames as M, BaseDialogProps as N, BaseDividerClassNames as O, BaseDividerProps as P, BaseDropdownMenuClassNames as Q, BaseDropdownMenuItem as R, BaseDropdownMenuPlacement as S, BaseDropdownMenuProps as T, BaseEmptyStateProps as U, BaseFieldClassNames as V, BaseFieldProps as W, BaseInputProps as X, BaseLayoutClassNames as Y, BaseLayoutGap as Z, BaseLayoutOrientation as _, BaseAccordionItem as a, BaseTabsItem as a$, BaseLayoutPaneProps as a0, BaseLayoutPaneSurface as a1, BaseLayoutProps as a2, BaseLayoutResizeHandleClassNames as a3, BaseLayoutResizeHandleProps as a4, BaseLayoutSize as a5, BaseLayoutSplitClassNames as a6, BaseLayoutSplitProps as a7, BaseLoadingStateProps as a8, BaseNoticeClassNames as a9, BaseTableCaptionClassNames as aA, BaseTableCaptionProps as aB, BaseTableCellClassNames as aC, BaseTableCellProps as aD, BaseTableClassNames as aE, BaseTableColumnInteractionOptions as aF, BaseTableColumnOrderChangeDetail as aG, BaseTableColumnSizeChangeDetail as aH, BaseTableColumnSizes as aI, BaseTableContainerClassNames as aJ, BaseTableContainerProps as aK, BaseTableEmptyClassNames as aL, BaseTableEmptyProps as aM, BaseTableFooterBarClassNames as aN, BaseTableFooterBarProps as aO, BaseTableFooterProps as aP, BaseTableHeaderProps as aQ, BaseTableHeadClassNames as aR, BaseTableHeadProps as aS, BaseTableLoadingClassNames as aT, BaseTableLoadingProps as aU, BaseTableProps as aV, BaseTableRowClassNames as aW, BaseTableRowProps as aX, BaseTableSectionClassNames as aY, BaseTableSortDirection as aZ, BaseTabsClassNames as a_, BaseNoticeProps as aa, BasePanelClassNames as ab, BasePanelProps as ac, BasePaginationClassNames as ad, BasePaginationProps as ae, BaseProgressClassNames as af, BaseProgressProps as ag, BaseRadius as ah, BaseRadioGroupClassNames as ai, BaseRadioGroupProps as aj, BaseRadioOption as ak, BaseResolvedTheme as al, BaseSectionHeaderClassNames as am, BaseSectionHeaderProps as an, BaseSelectOption as ao, BaseSelectProps as ap, BaseSegmentedControlClassNames as aq, BaseSegmentedControlOption as ar, BaseSegmentedControlProps as as, BaseSkeletonClassNames as at, BaseSkeletonProps as au, BaseStateClassNames as av, BaseSwitchClassNames as aw, BaseSwitchProps as ax, BaseTableAlign as ay, BaseTableBodyProps as az, BaseAccordionProps as b, BaseTabsProps as b0, BaseTextareaProps as b1, BaseTooltipClassNames as b2, BaseTooltipPlacement as b3, BaseTooltipProps as b4, BaseToolbarClassNames as b5, BaseToolbarProps as b6, BaseThemePresetId as b7, BaseThemeSlots as b8, BaseThemeStyles as b9, BaseAppearance as c, BaseAvatarClassNames as d, BaseAvatarProps as e, BaseBackground as f, BaseBadgeClassNames as g, BaseBadgeProps as h, BaseBorder as i, BaseBreadcrumbClassNames as j, BaseBreadcrumbItem as k, BaseBreadcrumbProps as l, BaseButtonClassNames as m, BaseButtonProps as n, BaseCheckboxClassNames as o, BaseCheckboxProps as p, BaseControlClassNames as q, BaseControlTone as r, BaseContextMenuCheckboxItemProps as s, BaseContextMenuClassNames as t, BaseContextMenuContentClassNames as u, BaseContextMenuContentProps as v, BaseContextMenuItemClassNames as w, BaseContextMenuItemProps as x, BaseContextMenuLabelProps as y, BaseContextMenuProps as z };
+export type { BaseLayoutPaneClassNames as $, BaseContextMenuRadioGroupProps as A, BaseAccordionClassNames as B, BaseContextMenuRadioItemProps as C, BaseContextMenuSeparatorProps as D, BaseContextMenuSubContentProps as E, BaseContextMenuSubProps as F, BaseContextMenuSubTriggerProps as G, BaseContextMenuTriggerProps as H, BaseDensity as I, BaseDescriptionListClassNames as J, BaseDescriptionListItem as K, BaseDescriptionListProps as L, BaseDialogClassNames as M, BaseDialogProps as N, BaseDividerClassNames as O, BaseDividerProps as P, BaseDropdownMenuClassNames as Q, BaseDropdownMenuItem as R, BaseDropdownMenuPlacement as S, BaseDropdownMenuProps as T, BaseEmptyStateProps as U, BaseFieldClassNames as V, BaseFieldProps as W, BaseInputProps as X, BaseLayoutClassNames as Y, BaseLayoutGap as Z, BaseLayoutOrientation as _, BaseAccordionItem as a, BaseTableSectionClassNames as a$, BaseLayoutPaneProps as a0, BaseLayoutPaneSurface as a1, BaseLayoutProps as a2, BaseLayoutResizeHandleClassNames as a3, BaseLayoutResizeHandleProps as a4, BaseLayoutSize as a5, BaseLayoutSplitClassNames as a6, BaseLayoutSplitProps as a7, BaseLoadingStateProps as a8, BaseMultiSelectClassNames as a9, BaseSwitchProps as aA, BaseTableAlign as aB, BaseTableBodyProps as aC, BaseTableCaptionClassNames as aD, BaseTableCaptionProps as aE, BaseTableCellClassNames as aF, BaseTableCellProps as aG, BaseTableClassNames as aH, BaseTableColumnInteractionOptions as aI, BaseTableColumnOrderChangeDetail as aJ, BaseTableColumnSizeChangeDetail as aK, BaseTableColumnSizes as aL, BaseTableContainerClassNames as aM, BaseTableContainerProps as aN, BaseTableEmptyClassNames as aO, BaseTableEmptyProps as aP, BaseTableFooterBarClassNames as aQ, BaseTableFooterBarProps as aR, BaseTableFooterProps as aS, BaseTableHeaderProps as aT, BaseTableHeadClassNames as aU, BaseTableHeadProps as aV, BaseTableLoadingClassNames as aW, BaseTableLoadingProps as aX, BaseTableProps as aY, BaseTableRowClassNames as aZ, BaseTableRowProps as a_, BaseMultiSelectOption as aa, BaseMultiSelectProps as ab, BaseNoticeClassNames as ac, BaseNoticeProps as ad, BasePanelClassNames as ae, BasePanelProps as af, BasePaginationClassNames as ag, BasePaginationProps as ah, BaseProgressClassNames as ai, BaseProgressProps as aj, BaseRadius as ak, BaseRadioGroupClassNames as al, BaseRadioGroupProps as am, BaseRadioOption as an, BaseResolvedTheme as ao, BaseSectionHeaderClassNames as ap, BaseSectionHeaderProps as aq, BaseSelectOption as ar, BaseSelectProps as as, BaseSegmentedControlClassNames as at, BaseSegmentedControlOption as au, BaseSegmentedControlProps as av, BaseSkeletonClassNames as aw, BaseSkeletonProps as ax, BaseStateClassNames as ay, BaseSwitchClassNames as az, BaseAccordionProps as b, BaseTableSortDirection as b0, BaseTabsClassNames as b1, BaseTabsItem as b2, BaseTabsProps as b3, BaseTextareaProps as b4, BaseTooltipClassNames as b5, BaseTooltipPlacement as b6, BaseTooltipProps as b7, BaseToolbarClassNames as b8, BaseToolbarProps as b9, BaseThemePresetId as ba, BaseThemeSlots as bb, BaseThemeStyles as bc, BaseAppearance as c, BaseAvatarClassNames as d, BaseAvatarProps as e, BaseBackground as f, BaseBadgeClassNames as g, BaseBadgeProps as h, BaseBorder as i, BaseBreadcrumbClassNames as j, BaseBreadcrumbItem as k, BaseBreadcrumbProps as l, BaseButtonClassNames as m, BaseButtonProps as n, BaseCheckboxClassNames as o, BaseCheckboxProps as p, BaseControlClassNames as q, BaseControlTone as r, BaseContextMenuCheckboxItemProps as s, BaseContextMenuClassNames as t, BaseContextMenuContentClassNames as u, BaseContextMenuContentProps as v, BaseContextMenuItemClassNames as w, BaseContextMenuItemProps as x, BaseContextMenuLabelProps as y, BaseContextMenuProps as z };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inf-monkeys-tech/monkeys-design",
-  "version": "0.4.35",
+  "version": "0.4.37",
   "description": "Monkeys Design Components Library",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -52,7 +52,9 @@
       "import": "./dist/components/toast/index.mjs",
       "require": "./dist/components/toast/index.js"
     },
-    "./styles/artist-login.scss": "./dist/styles/artist-login.scss",
+    "./styles/login-page.scss": {
+      "default": "./dist/styles/login-page.scss"
+    },
     "./styles/global.scss": "./dist/styles/global.scss",
     "./styles/workflow-board.scss": "./dist/styles/workflow-board.scss",
     "./styles/workflow-nodes.css": "./dist/styles/workflow-nodes.css",
@@ -117,6 +119,7 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "rimraf": "^5.0.0",
+    "sass-embedded": "^1.100.0",
     "sonner": "^2.0.7",
     "storybook": "^10.3.5",
     "tailwindcss": "^3.4.18",

package/dist/styles/artist-login.scss

@@ -1,375 +0,0 @@
-.artist-login-container {
-  position: relative;
-  width: 100vw;
-  height: 100vh;
-  overflow: hidden;
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-  padding-right: 5%;
-  background-size: cover;
-  background-position: center;
-  background-repeat: no-repeat;
-  border-radius: var(--login-form-radius, 20px);
-
-  &.bsd-theme {
-    background-color: #000000;
-  }
-}
-
-/* 背景层：动态背景或自定义图片 */
-.artist-login-bg {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100vw;
-  height: 100vh;
-  z-index: 0;
-  background-size: cover;
-  background-position: center;
-  background-repeat: no-repeat;
-  filter: brightness(0.92);
-  border-radius: var(--login-form-radius, 20px);
-}
-
-.artist-logo {
-  position: absolute;
-  left: 30px;
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  z-index: 10;
-
-  &.logo-location-top {
-    top: 30px;
-  }
-
-  &.logo-location-middle {
-    top: 50%;
-    transform: translateY(-50%);
-  }
-
-  &.logo-location-bottom {
-    bottom: 30px;
-  }
-
-  .logo-single {
-    height: 48px;
-    width: auto;
-    max-width: 320px;
-    object-fit: contain;
-  }
-
-  .logo-icon {
-    width: 46px;
-    height: 46px;
-  }
-
-  .logo-title {
-    height: 36px;
-    width: auto;
-  }
-}
-
-.login-form-container {
-  position: relative;
-  width: 500px;
-  min-height: 800px;
-  max-width: 90vw;
-  background: var(--login-card-bg, rgba(255, 255, 255, 0.95));
-  border-radius: var(--login-form-radius, 20px);
-  padding: 80px;
-  border: none;
-  box-shadow:
-    0 0 0 1px var(--login-card-glow-border, rgba(77, 143, 157, 0.5)),
-    0 0 30px var(--login-card-glow-color, rgba(77, 143, 157, 0.4)),
-    0 20px 40px rgba(0, 0, 0, 0.1);
-  overflow: hidden; // 让背景与边框一起遵守圆角
-  background-clip: padding-box; // 确保内部背景不溢出圆角
-  backdrop-filter: var(--login-card-blur, blur(10px));
-  z-index: 15;
-  box-sizing: border-box;
-  color: #fff;
-}
-
-.back-to-home {
-  position: absolute;
-  top: 20px;
-  right: 20px;
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 8px 16px;
-  background: rgba(255, 255, 255, 0.95);
-  border: 1px solid rgba(0, 0, 0, 0.1);
-  border-radius: 20px;
-  color: rgba(0, 0, 0, 0.85);
-  font-size: 14px;
-  cursor: pointer;
-  transition: all 0.3s ease;
-  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
-
-  &:hover {
-    background: rgba(255, 255, 255, 1);
-    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
-    transform: translateY(-1px);
-  }
-
-  .back-icon {
-    width: 20px;
-    height: 12px;
-    flex-shrink: 0;
-  }
-}
-
-.artist-login-container.dark-mode {
-  .back-to-home {
-    background: rgba(0, 0, 0, 0.1);
-    border: 1.5px solid rgba(255, 255, 255, 0.1);
-    color: rgba(255, 255, 255, 0.85);
-
-    &:hover {
-      background: rgba(0, 0, 0, 0.2);
-      border-color: rgba(255, 255, 255, 0.2);
-    }
-
-  }
-}
-
-.form-title {
-  font-size: 28px;
-  font-weight: bold;
-  color: #fff;
-  background: var(--login-title-gradient, linear-gradient(#fff, #fff));
-  background-clip: text;
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
-  margin-top: 80px;
-  margin-bottom: 30px;
-  text-align: left;
-}
-
-.auth-tabs {
-  display: flex;
-  gap: 0;
-  margin-bottom: 30px;
-  border-radius: 10px;
-  overflow: hidden;
-
-  .tab-button {
-    flex: 1;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 8px;
-    padding: 12px 16px;
-    border: none;
-    border-radius: 0;
-    font-size: 14px;
-    font-weight: 500;
-    cursor: pointer;
-    transition: all 0.3s ease;
-    background: #f5f5f5;
-    color: var(--login-tab-inactive-color, #666);
-
-    &:first-child {
-      border-top-left-radius: 10px;
-      border-bottom-left-radius: 10px;
-    }
-
-    &:last-child {
-      border-top-right-radius: 10px;
-      border-bottom-right-radius: 10px;
-    }
-
-    &.active {
-      background: var(--login-primary-color, #4D8F9D);
-      color: white;
-    }
-
-    &:hover:not(.active) {
-      background: #e0e0e0;
-    }
-
-    .tab-icon {
-      width: 16px;
-      height: 16px;
-    }
-  }
-}
-
-.artist-login-container.dark-mode {
-  .auth-tabs {
-    .tab-button:not(.active) {
-      background: #1E2752;
-      color: white;
-
-      &:hover {
-        background: #2a3568;
-      }
-    }
-  }
-}
-
-.login-form {
-  display: flex;
-  flex-direction: column;
-  gap: 20px;
-}
-
-.form-field {
-  .form-input {
-    width: 100%;
-    padding: 15px 20px;
-    border: var(--login-input-border, none);
-    border-radius: 10px;
-    background: var(--login-input-bg, #f8f9fa);
-    font-size: 16px;
-    color: var(--login-input-text, var(--login-text-color, #333));
-    transition: all 0.3s ease;
-
-    &:focus {
-      outline: none;
-      background: var(--login-input-bg, #fff);
-      box-shadow: 0 0 0 2px rgba(77, 143, 157, 0.2);
-    }
-
-    &::placeholder {
-      color: var(--login-input-placeholder, #999);
-    }
-  }
-}
-
-.form-options {
-  display: flex;
-  justify-content: space-between;
-  align-items: flex-start;
-  margin: 10px 0 -10px 0;
-
-  .remember-section {
-    display: flex;
-    flex-direction: column;
-    gap: 4px;
-  }
-
-  .remember-password {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    font-size: 14px;
-    color: var(--login-text-color, #fff);
-  }
-
-  .remember-hint {
-
-    margin-top: 10px;
-    margin-left: 0; // 与记住密码文字左对齐
-    display: flex;
-    align-items: center;
-    gap: 6px;
-
-    svg {
-      color: #999;
-      flex-shrink: 0;
-    }
-
-    .hint-text {
-      font-size: 12px;
-      color: #999;
-    }
-  }
-
-  .forgot-password {
-    background: none;
-    border: none;
-    color: #4D8F9D;
-    font-size: 14px;
-    cursor: pointer;
-    text-decoration: underline;
-
-    &:hover {
-      color: #416887;
-    }
-  }
-}
-
-.submit-button {
-  width: 100%;
-  padding: 15px;
-  background: linear-gradient(135deg, var(--login-primary-color, #4D8F9D) 0%, var(--login-primary-color, #4D8F9D) 100%);
-  color: white;
-  border: none;
-  border-radius: 10px;
-  font-size: 16px;
-  font-weight: 600;
-  cursor: pointer;
-  transition: all 0.3s ease;
-
-  &:hover:not(:disabled) {
-    transform: translateY(-2px);
-    box-shadow: 0 10px 20px rgba(77, 143, 157, 0.3);
-  }
-
-  &:disabled {
-    opacity: 0.7;
-    cursor: not-allowed;
-  }
-}
-
-.dingtalk-button {
-  width: 100%;
-  transition: all 0.3s ease;
-
-  &:hover:not(:disabled) {
-    transform: translateY(-2px);
-    box-shadow: 0 10px 20px rgba(64, 150, 255, 0.3);
-  }
-}
-
-.login-checkbox {
-  background: var(--login-checkbox-bg, #fff) !important;
-  box-shadow: var(--login-checkbox-shadow, none);
-  border: var(--login-checkbox-border, 1px solid transparent);
-  border-radius: var(--login-checkbox-radius, 6px);
-
-  &[data-state='checked'] {
-    background: var(--login-checkbox-bg-checked, var(--login-primary-color, #4D8F9D)) !important;
-    color: var(--login-checkbox-check-color, #fff);
-  }
-}
-
-/* 响应式设计 */
-@media (max-width: 768px) {
-  .artist-login-container {
-    padding-right: 0;
-    justify-content: center;
-  }
-
-  .login-form-container {
-    width: 90vw;
-    max-width: 500px;
-    min-height: auto;
-    padding: 30px 20px;
-  }
-
-  .artist-logo {
-    left: 20px;
-
-    &.logo-location-top {
-      top: 20px;
-    }
-
-    &.logo-location-middle {
-      top: 50%;
-      transform: translateY(-50%);
-    }
-
-    &.logo-location-bottom {
-      bottom: 20px;
-    }
-
-    .logo-text {
-      font-size: 20px;
-    }
-  }
-}