Fluent

{
  "name": "<应用名称>",
  "organization": "<组织>",
  "themeData": {
    "themeType": "default",
    "colorPrimary": "#0067b8",
    "borderRadius": 0,
    "isCompact": false,
    "isEnabled": true
  },
  "formOffset": 2,
  "formCss": "<style>\n.login-background {\n  color-scheme: light;\n  --background: 0 0% 95%;\n  --foreground: 0 0% 11%;\n  --card: 0 0% 100%;\n  --card-foreground: 0 0% 11%;\n  --muted: 0 0% 95%;\n  --muted-foreground: 0 0% 38%;\n  --accent: 0 0% 93%;\n  --accent-foreground: 0 0% 11%;\n  --border: 0 0% 82%;\n  --input: 0 0% 40%;\n  font-family: 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif;\n}\n.login-background {\n  background: radial-gradient(900px 640px at 0% 0%, #d6e6f7 0%, transparent 62%), radial-gradient(820px 620px at 100% 100%, #f2dff0 0%, transparent 60%), radial-gradient(700px 520px at 100% 0%, #dcf1ec 0%, transparent 58%), #f2f2f2;\n}\n.login-content > div {\n  max-width: 440px;\n}\n.login-panel {\n  padding: 44px 44px 12px;\n  border: none;\n  border-radius: 0;\n  background: #ffffff;\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);\n}\n.login-logo-box {\n  justify-content: flex-start;\n  margin-bottom: 20px;\n}\n.login-logo-box img {\n  max-height: 36px;\n}\n.signin-methods > div {\n  background: transparent;\n  border-radius: 0;\n  padding: 0;\n}\n.signin-methods [role='tablist'] {\n  justify-content: flex-start;\n  gap: 24px;\n}\n.signin-methods [role='tab'] {\n  flex: none !important;\n  padding: 0 !important;\n  border-radius: 0;\n  background: transparent !important;\n  box-shadow: none !important;\n  color: #616161;\n  font-size: 15px !important;\n}\n.signin-methods [role='tab'][data-state='active'] {\n  color: #1b1b1b;\n  font-weight: 600;\n  box-shadow: inset 0 -2px 0 #0067b8 !important;\n}\n.login-form label {\n  color: #1b1b1b;\n  font-weight: 400;\n}\n.login-form input:not([type='checkbox']):not([type='radio']) {\n  height: 36px;\n  padding: 6px 0;\n  border: none;\n  border-bottom: 1px solid #666666;\n  border-radius: 0;\n  background: transparent;\n  font-size: 15px;\n  box-shadow: none;\n}\n.login-form input:not([type='checkbox']):not([type='radio']):focus {\n  border-bottom: 2px solid #0067b8;\n  box-shadow: none;\n}\n.login-form [role='checkbox'] {\n  border-color: #1b1b1b;\n  border-radius: 0;\n}\n.login-form [role='checkbox'][data-state='checked'] {\n  background: #0067b8;\n  border-color: #0067b8;\n  color: #ffffff;\n}\n.login-form a {\n  color: #0067b8;\n  font-weight: 400;\n}\n.login-form a:hover {\n  color: #666666;\n}\n.login-button-box {\n  display: flex;\n  justify-content: flex-end;\n}\n.login-form .login-button {\n  width: auto;\n  min-width: 108px;\n  height: 32px;\n  border-radius: 0;\n  background: #0067b8;\n  color: #ffffff;\n  font-weight: 400;\n  box-shadow: none;\n}\n.login-form .login-button:hover {\n  background: #0067b8;\n  box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.15);\n}\n.login-form .login-signup-link {\n  justify-content: flex-start;\n}\n#footer {\n  color: #616161;\n}\n.login-form .login-forget-password {\n  width: 100%;\n}\n</style>",
  "formCssMobile": "<style>\n.login-background {\n  color-scheme: light;\n  --background: 0 0% 95%;\n  --foreground: 0 0% 11%;\n  --card: 0 0% 100%;\n  --card-foreground: 0 0% 11%;\n  --muted: 0 0% 95%;\n  --muted-foreground: 0 0% 38%;\n  --accent: 0 0% 93%;\n  --accent-foreground: 0 0% 11%;\n  --border: 0 0% 82%;\n  --input: 0 0% 40%;\n  font-family: 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif;\n}\n.login-background {\n  background: #ffffff;\n}\n.login-panel {\n  border: none;\n  border-radius: 0;\n  background: #ffffff;\n  box-shadow: none;\n}\n.login-logo-box {\n  justify-content: flex-start;\n}\n.login-logo-box img {\n  max-height: 32px;\n}\n.signin-methods > div {\n  background: transparent;\n  border-radius: 0;\n  padding: 0;\n}\n.signin-methods [role='tablist'] {\n  justify-content: flex-start;\n  gap: 24px;\n}\n.signin-methods [role='tab'] {\n  flex: none !important;\n  padding: 0 !important;\n  border-radius: 0;\n  background: transparent !important;\n  box-shadow: none !important;\n  color: #616161;\n  font-size: 15px !important;\n}\n.signin-methods [role='tab'][data-state='active'] {\n  color: #1b1b1b;\n  font-weight: 600;\n  box-shadow: inset 0 -2px 0 #0067b8 !important;\n}\n.login-form label {\n  color: #1b1b1b;\n  font-weight: 400;\n}\n.login-form input:not([type='checkbox']):not([type='radio']) {\n  height: 36px;\n  padding: 6px 0;\n  border: none;\n  border-bottom: 1px solid #666666;\n  border-radius: 0;\n  background: transparent;\n  font-size: 15px;\n  box-shadow: none;\n}\n.login-form input:not([type='checkbox']):not([type='radio']):focus {\n  border-bottom: 2px solid #0067b8;\n  box-shadow: none;\n}\n.login-form [role='checkbox'] {\n  border-color: #1b1b1b;\n  border-radius: 0;\n}\n.login-form [role='checkbox'][data-state='checked'] {\n  background: #0067b8;\n  border-color: #0067b8;\n  color: #ffffff;\n}\n.login-form a {\n  color: #0067b8;\n  font-weight: 400;\n}\n.login-form a:hover {\n  color: #666666;\n}\n.login-button-box {\n  display: flex;\n  justify-content: flex-end;\n}\n.login-form .login-button {\n  width: auto;\n  min-width: 108px;\n  height: 32px;\n  border-radius: 0;\n  background: #0067b8;\n  color: #ffffff;\n  font-weight: 400;\n  box-shadow: none;\n}\n.login-form .login-button:hover {\n  background: #0067b8;\n  box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.15);\n}\n.login-form .login-signup-link {\n  justify-content: flex-start;\n}\n#footer {\n  color: #616161;\n}\n.login-form .login-forget-password {\n  width: 100%;\n}\n</style>"
}